Results 1 to 6 of 6
-
May 22nd, 2008, 05:38 PM #14Registered User
postsIE7 and Firefox2, need some hint with lists and bq image
I've got a little problem. Image: [img=http://img55.imageshack.us/img55/5001/differencesie7firefox2mp2.th.png]
First <li> bullet isn't showing in ie7 and there's no second 'quote mark'. I'm tired of thinking about that and absolutely have no idea hot to solve it.
Blockquote CSS:
Lists CSSCode:blockquote { background:url(quotes1.png); background-position:0 2px; background-repeat:no-repeat; margin:0.8em 0 0.8em 3em; padding-left:20px } blockquote p { background:url(quotes2.png); background-position:bottom right; background-repeat:no-repeat; display:inline; padding-right:20px }
Everything has been reseted before by Eric's ResetCode:div#comments {clear:both} ol.commentlist { float:left; font-size:0.95em; margin-top:10px } .commentlist li { background:transparent url(comm_bubble.gif) no-repeat scroll center bottom; color:#FFFFFF; margin-bottom:20px; padding-bottom:38px; width:413px; } .commenttext { background:transparent url(bg_comm.jpg) no-repeat; padding:22px 22px 20px } .commentlist cite { background:url(bg_cite_arrows.gif) bottom repeat-x; color:#FFF; display:block; font-size:1.1em; font-style:normal; font-weight:700; padding-bottom:8px; text-transform:uppercase } .commentlist cite a, .commentlist cite span{ position:relative;bottom:7px } .commentlist a:link,.commentlist a:visited { color:#fff9b9 } .commentlist a:hover,.commentlist a:active { color:#FFF } .commentlist .daste { background:#930e27; padding:3px } .commenttext { min-height:90px } .commenttext li {list-style-type:square;background:none;margin:1px 0 0 20px;padding:0;width:96%}
Hope someone gonna find solution for this mess...
-
May 23rd, 2008, 10:20 AM #2
Can I get some HTML too?
- redelite -
Harry: "Yeah, she stopped me in the lobby, and explained what was up. Then they slapped this bulletproof vest on me and gave me a gun!"
Lloyd: "But what if he'd shot ya in the face...?"
-
May 23rd, 2008, 10:22 AM #3
Yea, IE sucks,
I've fixed this bug in this other thread, http://www.kirupa.com/forum/showthre...ighlight=count
(note: solution is for an ordered list, but will apply to an unordered list)
Read through it, the solution is an amalgamation of various things.
As for the lack of closing quote, can you post a link?Last edited by fasterthanlight™; May 23rd, 2008 at 10:24 AM.
-
May 23rd, 2008, 11:00 AM #44Registered User
postsHTML
Code:<div id="comments"> <h2>Komentarze</h2> <ol class="commentlist"> <li id="12343234" class="alt"> <div class="commenttext"> <span class="num">#694</span> <div class="comment-body"> <cite> <img width="16" height="16" alt="" src="http://off.jogger.pl/files/favicon.ico"/> <a href="http://off.jogger.pl">Rockstyle</a> </cite> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum a est. Mauris magna tellus, convallis et, ultrices vel, ornare ut, sem. Nunc vel eros ut nisl euismod sollicitudin. Suspendisse leo. lorLorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum a est. Mauris magna tellus, convallis et, ultrices vel, ornare ut, sem. Nunc vel eros ut nisl euismod sollicitudin. Suspendisse leo. lor</p> <p> <ul> <li>ladipiscing elit. Vestibulum a est. Mauris magna tellus, convallis et, <strong>ultrices vel</strong>, ornare ut, sem. Nunc vel eros ut nisl euismod sollicitudin. Suspendisse leo. lornasrane we <em>łbie</em> adipiscing elit. Vestibulum a est. Mauris magna tellus, convallis et, <strong>ultrices vel</strong>, ornare ut, sem. Nunc vel eros ut nisl euismod sollicitudin. Suspendisse leo. lornasrane we <em>łbie</em>ol</li> <li>asdkasd</li> <li>asdasd</li> </ul> </p> <blockquote cite="http://lol.pl"> <p>Xasdasd A ty masz Lorem <span style="font-size:1.3em">ipsum dolor sit amet</span>, consectetuer adipiscing elit. Vestibulum a est. Mauris magna tellus, convallis et, <strong>ultrices vel</strong>, ornare ut, sem. Nunc vel eros ut nisl euismod sollicitudin. Suspendisse leo. lornasrane we <em>łbie</em></p> <ul> <li>loasadipiscing elit. Vestibulum a est. Mauris magna tellus, convallis et, <strong>ultrices vel</strong>, ornare ut, sem. Nunc vel eros ut nisl euismod sollicitudin. Suspendisse leo. lornasrane we <em>łbie</em>adipiscing elit. Vestibulum a est. Mauris magna tellus, convallis et, <strong>ultrices vel</strong>, ornare ut, sem. Nunc vel eros ut nisl euismod sollicitudin. Suspendisse leo. lornasrane we <em>łbie</em>ld</li> <li>asdasd</li> </ul> </blockquote> </div> <div class="comment-info"> <span class="date"><a href="#comment-345" title="">3:41 on 5/15/07</a> | edit</span> </div> </div> </li>
-
May 23rd, 2008, 11:03 AM #5
The quote isn't showing up because you define the <p> tag as inline, which does not allow you to modify any height, and since there is no height, IE has issues.
Switch it to display: block; but i'm not too sure it won't mess up anything
-
June 7th, 2008, 09:04 AM #64Registered User
postsdoesn't workdisplay: block;

Reply With Quote


Bookmarks