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 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Feb 2011
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Moving rows with CSS?

    I'm not sure if this is possible with CSS, but I'm running out of ideas. I've been working on a project using shopping cart software that does NOT allow me to view the PHP code to adjust the structure. However, I do have access to the CSS.

    Here is my issue: on http://www.greensurfshop.com there are currency flags at the bottom of the footer. Currently, they are all on their own seperate line. I need them all to be on the same line going from left to right. Is this possible with my CSS?

    All suggestions are appreciated!

  • #2
    Regular Coder cyrus709's Avatar
    Join Date
    Dec 2008
    Posts
    102
    Thanks
    22
    Thanked 5 Times in 5 Posts
    Does each row have its own individual ID? that would be a simple fix. I take it your working with a table? a possible alternative would be to change the tables id attributes or something to that effect.

    In answer to your question. Yes it is possible, but I would need something to work with to tell you how.
    Last night I lay in bed looking up at the stars in the sky and I thought to myself, where the heck is the ceiling.

  • Users who have thanked cyrus709 for this post:

    Jake Carter (02-14-2011)

  • #3
    New to the CF scene
    Join Date
    Feb 2011
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts
    The whole thing is a "code snippet" that I can't access.

    Here is the only thing that I have access to:

    Code:
    <div style="float:none;margin-top:30px" id="SideCurrencySelector">
        <h3>Change Your Currency</h3>
    
            <dl class="CurrencyList">
                --php code snippet--
            </dl>
        </div>
    </div>

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello Jake Carter,
    You already style the dd's that hold the flags in that list.
    Look at line #339 of your styles.css


    Change that CSS to look like this, edits highlighted in red -
    Code:
    dl.CurrencyList {
    width: 200px;
    margin: 0 auto;
    }
    .CurrencyList dd{
    padding:0px;
    margin:0px;
    /*clear:both;*/
    float:left;
    width:50px;
    }
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    Jake Carter (02-14-2011)

  • #5
    New to the CF scene
    Join Date
    Feb 2011
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Excavator View Post
    Hello Jake Carter,
    You already style the dd's that hold the flags in that list.
    Look at line #339 of your styles.css


    Change that CSS to look like this, edits highlighted in red -
    Code:
    dl.CurrencyList {
    width: 200px;
    margin: 0 auto;
    }
    .CurrencyList dd{
    padding:0px;
    margin:0px;
    /*clear:both;*/
    float:left;
    width:50px;
    }
    PERFECT!!!!! Thank you so much!


  •  

    Posting Permissions

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