• Toll-free  888-665-8637
  • International  +1 717-220-0012
Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error

GG
#1 Posted : Monday, November 13, 2006 9:16:33 PM(UTC)
GG

Rank: Member

Joined: 5/9/2006(UTC)
Posts: 65

I am trying to move the store links above my store logo and I want to center them top to bottom, please see picture below. How do I do this with margins, it is not working for me? I've included my CSS header code.

Code:

[color=#008000]
/* Header */
[/color][color=#800000]
#header[/color][color=#000000] {[/color][color=#ff0000]margin[/color][color=#000000]:[/color][color=#0000ff]0[/color][color=#000000];[/color][color=#ff0000]padding[/color][color=#000000]:[/color][color=#0000ff]0[/color][color=#000000];[/color][color=#ff0000]background[/color][color=#000000]: [/color][color=#0000ff]url('../images/headerbg.png')[/color][color=#000000] [/color][color=#0000ff]no-repeat[/color][color=#000000] [/color][color=#0000ff]top[/color][color=#000000] [/color][color=#0000ff]left[/color][color=#000000];[/color][color=#ff0000]position[/color][color=#000000]: [/color][color=#0000ff]relative[/color][color=#000000>;][/color][color=#800000]
#brandingarea[/color][color=#000000] { [/color][color=#ff0000]height[/color][color=#000000]: [/color][color=#0000ff]25px[/color][color=#000000]; [/color][color=#ff0000]margin-top[/color][color=#000000]: [/color][color=#0000ff]0px[/color][color=#000000]; [/color][color=#ff0000]background[/color][color=#000000]: [/color][color=#0000ff]url('../images/blueheader.gif')[/color][color=#000000] [/color][color=#0000ff]top[/color][color=#000000>;}</FONT>
</FONT>[2];}[/2]
GG attached the following image(s):
header.jpg (22kb) downloaded 193 time(s).

You cannot view/download attachments. Try to login or register.
Taylor
#2 Posted : Tuesday, November 14, 2006 6:44:54 AM(UTC)
Taylor

Rank: Member

Joined: 7/15/2004(UTC)
Posts: 368

Try setting the padding to top only for the #headermainmenu. I don't think there's enough height to have the padding both up and down set at 10px. I don't know how to explain it elegantly... Cliff??

Code:
#headermainmenu {
text-align:left;
padding:10px 0 0 0;
margin: 10px 0;
border-bottom:1px solid #eee; }
GG
#3 Posted : Tuesday, November 14, 2006 7:41:31 AM(UTC)
GG

Rank: Member

Joined: 5/9/2006(UTC)
Posts: 65

That didn't work, hmmm. Any other ideas?
GG
#4 Posted : Tuesday, November 14, 2006 7:44:49 AM(UTC)
GG

Rank: Member

Joined: 5/9/2006(UTC)
Posts: 65

I figuered it out.. it was this style. Just needed to sleep and look at it with fresh eyes. Thanks

#header ul, #footer ul {list-style:none;margin:5px 0 0 0;padding:0;}
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

©2024 Develisys. All rights reserved.
  • Toll-free  888-665-8637
  • International  +1 717-220-0012