Everybody! This is important. In a few days, these forums will be moving over to using the totally sweet Discourse platform. To ensure this migration happens smoothly with no loss of content, these forums are currently in a read-only mode. I do apologize for the inconvenience.

There is never a good time to turn the forums off for an extended period of time, but I promise the new forums will be a billion times better. I'm pretty sure of it.

See you all on the other side in a few days, and if you have any (non-technical) questions, please e-mail me at kirupa@kirupa.com. For technical questions, try to find a tutorial that corresponds to what you are looking for and post in the comments section of that page.

Cheers,
Kirupa

Results 1 to 6 of 6

Thread: IE7 and Firefox2, need some hint with lists and bq image

  1. #1

    IE7 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:
    Code:
    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
    }
    Lists CSS
    Code:
    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%}
    Everything has been reseted before by Eric's Reset
    Hope someone gonna find solution for this mess...

  2. #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...?"

  3. #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.

  4. #4
    HTML
    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>

  5. #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

  6. #6
    display: block;
    doesn't work

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Home About kirupa.com Meet the Moderators Advertise

 Link to Us

 Credits

Copyright 1999 - 2012