Hey guys, working on my website redesign….
got a template from elegantthemes.com, it is all based around wordpress.
i am having trouble getting my logo positioned correctly.
I’m sure its an easy fix, but I’m not very good with CSS.
been working on this for like 2 hrs and I figure someone on here can do it in 30 seconds.
website:
on the top center, my logo is behind the menu, you can barely see the top of it
i want to move it up into the empty space on top.
here’s the CSS:
In this section of the css:
|
#top { background: #d2d2d2 url(images/top-bg.png) repeat-x; border-bottom: 1px solid #ffffff; padding-top: 70px; } |
With how your html tags are parented, the padding is moving everything down
cut this out of the html
|
<div id="header"> <a href=""> <img src="" alt="DeepFocus Logo" id="logo"/> </a> |
and paste this directly below the body tag
|
<div id="header"> <a href=""> <img src="" alt="DeepFocus Logo" id="logo"/> </a> |
I didn’t mess with it so I’m just guessing thats the issue. That’ll probably bring up other issues with padding and what not, but I don’t feel like actually doing it so you can try and figure it out. Hope this helps though.
|
In this section of the css:
With how your html tags are parented, the padding is moving everything down cut this out of the html and paste this directly below the body tag I didn’t mess with it so I’m just guessing thats the issue. That’ll probably bring up other issues with padding and what not, but I don’t feel like actually doing it so you can try and figure it out. Hope this helps though. |
looks like that was a step in the right direction, now i’m getting this:
i’ll keep screwing around. thanks
figured the rest out, its working now.
thanks
glad I could help… now back to lurking.