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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Nov 2013
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile How to find the name of CSS element?

    Hi.
    Im trying to fix the CSS stylesheet of my webshop.
    I only got the css stylesheet to work with so cant use the html basic code.

    I have made changes to a lot of things but two elements I cant find the code for.

    I want to change the position of the "SÖK" (down left side) and "VARUKORG" up right side. But the only name i can find is: "column.infobox but that is the whole side column.

    Do you know what element name the VARUKORG and SÖK has? I have been trying to find it with Firebug.

    Appriciate your help.

    website (remove spaces) www. a mber bird.se
    Sophie

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    3,763
    Thanks
    23
    Thanked 548 Times in 547 Posts
    Sök:
    Code:
    <table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
    <td height="17" class="infoBoxHeading"><img src="files/egen_css/corner_left.gif" width="8" height="17" border="0" alt="  "></td>
    <td valign="middle" width="100%" height="17" class="infoBoxHeading">Sök</td>
    <td height="17" class="infoBoxHeading" nowrap><img src="files/egen_css/corner_right.gif" width="8" height="17" border="0" alt="  "></td>
    </tr>
    </table>

    And VARUKORG :
    Code:
    <table border="0" cellspacing="1" cellpadding="0" width="100%">
    <tr class="headerNavigation">
    <td width="50%" class="headerNavigation" align="left">&nbsp;</td>
    <td align="center" valign="middle" class="headerNavigation" nowrap><a href="http://www.amberbird.se/pages.php/page/guider?osCsid=722b5ca325420af6f11cf1f2970fbb0f" class="headerNavigation">Hår Guider</a></td><td align="center" valign="middle" class="headerNavigation" nowrap><a href="http://www.amberbird.se/pages.php/page/beforeafter?osCsid=722b5ca325420af6f11cf1f2970fbb0f" class="headerNavigation">Före & Efter</a></td><td align="center" valign="middle" class="headerNavigation" nowrap><a href="http://www.amberbird.se/pages.php/page/julkalender?osCsid=722b5ca325420af6f11cf1f2970fbb0f" class="headerNavigation">Julkalender</a></td><td align="center" valign="middle" class="headerNavigation" nowrap><a href="http://www.amberbird.se/pages.php/page/losharet?osCsid=722b5ca325420af6f11cf1f2970fbb0f" class="headerNavigation">Våra Hårförlängningar</a></td><td align="center" valign="middle" class="headerNavigation" nowrap><a href="http://www.amberbird.se/contact_us.php?osCsid=722b5ca325420af6f11cf1f2970fbb0f" class="headerNavigation">Kontakta oss</a></td>        								<td align="center" valign="middle" class="headerNavigation" nowrap><a href="http://www.amberbird.se/login.php?osCsid=722b5ca325420af6f11cf1f2970fbb0f" class="headerNavigation">Kontokund - Logga in</a></td>
    <td align="center" valign="middle" class="headerNavigation" nowrap><a href="http://www.amberbird.se/shopping_cart.php?osCsid=722b5ca325420af6f11cf1f2970fbb0f" class="headerNavigation">Varukorg</a></td>
    <td align="center" valign="middle" class="headerNavigation" nowrap><a href="http://www.amberbird.se/checkout.php?osCsid=722b5ca325420af6f11cf1f2970fbb0f" class="headerNavigation">Kassa</a></td>
    <td width="50%" class="headerNavigation">&nbsp;</td>
    </tr>
    </table>
    Evolution - The non-random survival of random variants.

  • #3
    New to the CF scene
    Join Date
    Nov 2013
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks a lot.
    But im going to use for example:

    h2.pos_fixed
    {
    position:fixed;
    top:30px;
    right:5px;
    }

    and I need to know what to put in the start of the code.
    (Insted of h2)

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,668
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello SwedishS,
    SOK styled from a couple entries around line 500 or so in egen.css -
    Code:
    input.cssButton[type="submit"] {
        padding: 2px 6px;
    }
    input.cssButton {
        background-color: #202020;
        border: 2px outset #3B3B3B;
        color: #FFFFFF;
        cursor: pointer;
        font-family: Arial,Verdana,sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        margin: 20px 0; /*a margin might move it around for you*/
    }
    VARUKORG may be a little more difficult without access to the markup, either to add a class or ID or to edit the inline styling.
    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


  •  

    Posting Permissions

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