PEAK XOOPS - CSS background-image doesn't work with pico 1.16beta in englishin japanese

CSS background-image doesn't work with pico 1.16beta

  • You cannot open a new topic into this forum
  • Guests cannot post into this forum
Previous post - Next post | Parent - Children.1 | Posted on 2007/3/21 10:40
hoshiyan  二等兵   Posts: 8
Hi,GIJOE!
I'm very impressed with your excellent work of pico. I beleve your pico provides us some kind of powerful and extensive possibilities for our futher module development. Thank you for your great work!

By the way, I'd like to report a problem on css background-image issue of pico. In my trial use, pico doesn't work expectedly. I'd like to post the simplest test code bellow. I hope it helps your confirm and testing work.
---------------------------------------------------
<html>
<body style='background-image: url("images/icon_rss.gif");'>
<p style='background-image: url("icon_rss.gif");'>
1<br>
2<br>
3<br>
4<br>
<br>
<br>
<br>
<img src="images/icon_rss.gif">
</p>
</body>
</html>
---------------------------------------------------
Body tag and css : it works but unexpectedly result.
P tag and css : nothing happend.

My trial env: Apache 2(2.2.3)/PHP5(5.2.0)/XOOPS Cube2.1rc/Pico 1.16beta

I'm sorry my poor English. )

Hoshiyan
Votes:0 Average:0.00
Previous post - Next post | Parent - Children.1 | Posted on 2007/3/21 19:50
hoshiyan  二等兵   Posts: 8
Oh, no... I'm sorry! I have a bug in my sample code in my first report.
I'd like to post new one bellow.
---------------------------------------------------------
<html>
<body>
<p>
<div style='background-image: url("images/icon_rss.gif");'>
<table style="margin: 12px; border: solid 2px; background-color: transparent">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
<div> a b c d</div>
<br>
<img src="images/icon_rss.gif">
<br>
<br>
</div>
</p>
</body>
</html>
---------------------------------------------------------

test 1. Body tag and css -> it works but unexpectedly result.

body style='background-image: url("images/icon_rss.gif");'
p
div
....

test 2. P tag and css -> it works but unexpextedly result.

body
p style='background-image: url("images/icon_rss.gif");'
div
....

test 3. Div tag and css -> its fine, this is what I expected.

body
p
div style='background-image: url("images/icon_rss.gif");'
.....

Hoshiyan
Votes:1 Average:0.00
Previous post - Next post | Parent - No child | Posted on 2007/3/22 9:48
hoshiyan  二等兵   Posts: 8
I finally realize Pico have no problem on CSS background-image functionality. It is a spec of CSS, I suppose. Thank you for everyone who testing it.

皆様、お騒がせいたしました! これはPicoの問題ではなく、CSSの仕様のようです。どうやらドツボにはまっていたようです。
テスト等で貴重なお時間を費した方がいらしゃいましたら、大変申し訳ございません。手持ちのCSS本はおおざっぱかつ古すぎてだめみたいなので、これを機会にもっと詳細に調べられるようにしようと思います。

Hoshiyan
Votes:3 Average:0.00

  Advanced search


Login
Username or e-mail:

Password:

Remember Me

Lost Password?

Register now!