Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10

Thread: Listing mistake

  1. #1
    Regular Coder
    Join Date
    Oct 2009
    Location
    GERMANY
    Posts
    135
    Thanks
    29
    Thanked 1 Time in 1 Post

    Listing mistake

    Hey guys,

    I have a strange problem, which appears when I make a list of items. Each time it automatically drops into a different line, it starts right under the dot instead of next to dot like the link above at the beginning. How can I change that?

    Im not sure if I explained it clear, but here is a picture. I put the red dots on it to show what I mean:



    Hope you guys can figure that out.

    Van
    Attached Thumbnails Attached Thumbnails Listing mistake-listfailure.jpg  

  • #2
    New to the CF scene
    Join Date
    May 2011
    Location
    France
    Posts
    7
    Thanks
    0
    Thanked 1 Time in 1 Post
    Can you post your code in order to see what is going wrong

  • #3
    Regular Coder
    Join Date
    Oct 2009
    Location
    GERMANY
    Posts
    135
    Thanks
    29
    Thanked 1 Time in 1 Post
    Do you mean the code in wordpress?

    PHP Code:
    <ul>
        <
    li><a rel="nofollow" href="http://www.einkaufshungrig.de/goto/Amazon/Toshiba-40WL743G-40zoll-FullHD-Fernseher" target="_blank"><strong>Toshiba 40WL743G</strong></a></li>
        <
    li>Display40 Zoll (101,6 cm), 16:9LED-BacklightActive Vision M200 HD (200 Hz)</li>
        <
    li>FußdrehbarGlas</li>
        <
    li>Auflösung1920 x 1080 Pixel (Full HD)</li>
        <
    li>Tuneranalogdigital (DVB-Tinklusive EPGKabel (DVB-C), DVB-C HD*(H.264), Satellit HD (DVBS)</li>
        <
    li>Anschlüsse4x HDMI (inklusive HDCP), 2x USBJPEGMP3DivXSDHC-kompatibel bis 32 GBInstaPortNetzwerkanschluss (DNLAmit Internet-TV-FunktionCommon Interface+ (CI+)</li>
        <
    li>Windows-7-zertifiziert</li>
        <
    li>Weitere Informationen direkt beim*<a rel="nofollow" href="http://de.consumer.toshiba.eu/de/products/tv/40WL743G" target="_blank">Hersteller Toshiba</a></li>
    </
    ul

  • #4
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    You need to post your styles as well. A link to your site would be great, so we can look at all your code.
    Teed

  • #5
    Regular Coder
    Join Date
    Oct 2009
    Location
    GERMANY
    Posts
    135
    Thanks
    29
    Thanked 1 Time in 1 Post
    ooh sorry, my website is www.einkaufshungrig.de


    And here is the style.css

    http://einkaufshungrig.de/wp-content...ocks/style.css

  • #6
    Regular Coder
    Join Date
    Oct 2009
    Location
    GERMANY
    Posts
    135
    Thanks
    29
    Thanked 1 Time in 1 Post
    help!

  • #7
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    I am not finding a list like the image you posted in your initial post. Is this list on the exact page you provided a link for? Maybe its on another page in your site. If not, then maybe you can post a screenshot image of where this list is.
    Teed

  • #8
    Regular Coder
    Join Date
    Oct 2009
    Location
    GERMANY
    Posts
    135
    Thanks
    29
    Thanked 1 Time in 1 Post
    Here is a link to where it displays the list incorrectly like above:

    http://einkaufshungrig.de/2011/05/eb...299-frei-haus/

    Here is the CSS Style:

    PHP Code:
    .post .content li {
        list-
    style-position:inside;
        
    padding-left:1px;

    How can I make it start not at the beginning of the DOT but at the beginning of the first word?

  • #9
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    See attached:
    .post .content li {
    list-style-position:outside;
    /* padding-left:1px; delete this */
    margin-left: 10px;
    }
    Attached Thumbnails Attached Thumbnails Listing mistake-listpos1.png  
    "I'm here to save your life. But if I'm going to do that, I'll need total uninanonynymity." Me Myself & Irene.
    Validate your HTML and CSS

  • #10
    Regular Coder
    Join Date
    Oct 2009
    Location
    GERMANY
    Posts
    135
    Thanks
    29
    Thanked 1 Time in 1 Post
    Wow Andrew it works.

    Thank you Andrew and Teed for your help. Finally working. So happy!


  •  

    Posting Permissions

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