CSS help

Discussion in 'CSS' started by Rickeo, Sep 23, 2014.

  1. #1
    Hi,

    I'd appreciate some help with this CSS issue here.

    preview.galacticmarketing.co.uk/G7FO14

    I'm trying to make the blue strip here align perfectly with the logo so I need to move it up slightly.

    The current code is

    background: #2e7ec2;
    height: 6px;
    width: 770px;
    float: right;

    Does anyone have any idea what I need to add/what changes I need to make to get this strip aligned with the logo?
     
    Rickeo, Sep 23, 2014 IP
  2. sarahk

    sarahk iTamer Staff

    Messages:
    28,790
    Likes Received:
    4,529
    Best Answers:
    123
    Trophy Points:
    665
    #2
    You have the logo and the navigation inside a table so the blue bar can't really move up. Change the table to a div and then let us tinker.

    although this works

    upload_2014-9-24_9-51-59.png

    but you really shouldn't use tables for layout.
     
    sarahk, Sep 23, 2014 IP
    Rickeo likes this.
  3. Rickeo

    Rickeo Active Member

    Messages:
    91
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    80
    #3
    I put it inside a div tag no what?

    Thanks for your help so far!
     
    Rickeo, Sep 23, 2014 IP
  4. Rickeo

    Rickeo Active Member

    Messages:
    91
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    80
    #4
    Is there anyway I can get the menu items to have a background like here

    callidus-surveys.co.uk

    Via CSS code?
     
    Rickeo, Sep 23, 2014 IP
  5. sarahk

    sarahk iTamer Staff

    Messages:
    28,790
    Likes Received:
    4,529
    Best Answers:
    123
    Trophy Points:
    665
    #5
    get comfortable using "inspect" to see how people build their sites

    upload_2014-9-24_12-19-42.png
     
    sarahk, Sep 23, 2014 IP
    COBOLdinosaur likes this.
  6. Saqib Rauf

    Saqib Rauf Member

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    31
    #6
    Yours link is broken.
     
    Saqib Rauf, Sep 28, 2014 IP
  7. sarahk

    sarahk iTamer Staff

    Messages:
    28,790
    Likes Received:
    4,529
    Best Answers:
    123
    Trophy Points:
    665
    #7
    He's probably fixed it, approved it with the client and set the site live - and therefore removed the "preview".
     
    sarahk, Sep 28, 2014 IP
  8. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #8
    Wouldn't explain the entire domain not resolving.
     
    deathshadow, Oct 1, 2014 IP
  9. sarahk

    sarahk iTamer Staff

    Messages:
    28,790
    Likes Received:
    4,529
    Best Answers:
    123
    Trophy Points:
    665
    #9
    The www. is not redirecting to another domain so who knows what's going on. Either way, nothing for us to worry about.
     
    sarahk, Oct 1, 2014 IP