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
  1. #1
    New Coder
    Join Date
    May 2011
    Posts
    17
    Thanks
    2
    Thanked 0 Times in 0 Posts

    dl class css not applying to every dt dd option in list?

    i have the following code:

    Code:
    	<dl class="details">
    		<?php while(shopp('product','specs')): ?>
    		<dt><?php shopp('product','spec','name'); ?>:</dt><dd><?php shopp('product','spec','content'); ?></dd> 	</dl>
    <?php endwhile; ?>
    but for some reason the dl class "details" is only applying to the first dt and dd generated by the code. I have a list of about 6 items and they are all being generated correctly by the code, but the cs class is not applying, as seen in this image:



    I want them all to look the same as the top line. But when I use Firebug to hover over the subsequent elements they don't appear to be governed by the css?


    How can I fix this?

  • #2
    Regular Coder
    Join Date
    Jul 2011
    Location
    India
    Posts
    496
    Thanks
    3
    Thanked 57 Times in 56 Posts
    share CSS code
    Last edited by vikram1vicky; 07-10-2011 at 11:50 AM.

  • #3
    New Coder
    Join Date
    May 2011
    Posts
    17
    Thanks
    2
    Thanked 0 Times in 0 Posts

  • #4
    New Coder
    Join Date
    May 2011
    Posts
    17
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Hm I can see now it is the
    #shopp dl dt
    code that should be applying,

    not the css class "details"


    How do I make it apply?

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    How do I make it apply?
    Please share a link to your page or the HTML+CSS of relevant portions.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #6
    New Coder
    Join Date
    May 2011
    Posts
    17
    Thanks
    2
    Thanked 0 Times in 0 Posts
    http://www.sterlingshadows.com.au/sh...-boulder-ring/

    this is the page, it is under construction, I will have to put it back to maintenance mode ASAP but for ease of access I have made it available for you to view.

    thanks

  • #7
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    <dl class="details">
    <dt>Material:</dt>
    <dd>Sterling Silver</dd>
    </dl>

    <dt>Hallmark:</dt>
    <dd>925</dd>
    <dt>Top Width:</dt>
    <dd>27mm</dd>
    <dt>Weight:</dt>
    <dd>6.7grams</dd>
    Any clues? (If not, check http://validator.w3.org/check?verbos...oulder-ring%2F)
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #8
    New Coder
    Join Date
    May 2011
    Posts
    17
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    The code you have pasted is generated by the code in my top post. Does this mean this is not a CSS problem but possibly an HTML or PHP problem? Clearly something is closing the <dl> tag before it is due to be closed.

  • #9
    Senior Coder alykins's Avatar
    Join Date
    Apr 2011
    Posts
    1,724
    Thanks
    41
    Thanked 191 Times in 190 Posts
    if that is generated, then yes your problem is in how it is written... what is happening is the </dl> tag is closing the <dl class="details"> tag and thus no CSS... also throwing the errors

    I code C hash-tag .Net
    Reference: W3C W3CWiki .Net Lib
    Validate: html CSS
    Debug: Chrome FireFox IE

  • #10
    New Coder
    Join Date
    May 2011
    Posts
    17
    Thanks
    2
    Thanked 0 Times in 0 Posts
    ok thanks. will talk to the developers of the app.


  •  

    Posting Permissions

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