Issue adding an Link to a CSS theme -...

Jan 1st, 2011 at 04:31 PM
User 2167305 Photo

Cmarenburg
Registered User
51 posts

I have started a website using the "Center Stage" theme that came with the HTML Editor. when i go to add a link i have created a the CSS for it in the CSS and applied it in the HTML.
Here is the CSS
navigation {float:right; display:inline; list-style-type:none; padding-left:13px; width:500px}
#navigation #index { padding-top:5px; height:51px; width:146px; border-left:2px groove #e1e3e3}
#navigation #about_us { padding-top:5px; height:51px; width:150px}
#navigation #contact_us { padding-top:5px; height:51px; width:146px}
#navigation #our_breeds { padding-top:5px; height:51px; width:146px}
#navigation #order { padding-top:5px; height:51px; width:146px}
#navigation li {float:right; margin:0; font-size:18px; border-right:2px groove #e1e3e3}
#navigation li a {display:block; height:41px; padding-top:16px; text-align:center; color:#0e7297; text-decoration:none}
#navigation li a:hover {color:#62acff; text-decoration:none}


and HTML
<ul id="navigation">
<li id="contact_us"><a href="contact-us.html">Contact Us</a></li>
<li id="about_us"><a href="about-us.html">About Us</a></li>
<li id="index"><a href="index.html">Home</a></li>
<li id="our_breeds"><a href="our-breeds.html">Our Breeds</a></li>
</ul


but when i view the site the link is down under "Contact Us"
You can see what i am talking about here: http://test.silvervalleypoultry.com/ i only have that link on the home page. and i have not used the order link yet.

Any help would be welcome
Jan 1st, 2011 at 05:20 PM
User 122279 Photo

Inger
Senior Advisor
14,624 posts
Online Now

In the css code, the first line, set the width wider than 500px, then you'll get it all on one line. You have to experiment with how much wider.

In the html you have to add the navigation links in the reverse order. That is because the nav section is floated right. So the breed link has to come first.

If I were you, I would reduce the size of the duck picture in an image editor, as it is waaayy to large to download nicely.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Jan 1st, 2011 at 05:31 PM
User 2167305 Photo

Cmarenburg
Registered User
51 posts

Ok thanks.

I just set the size of the image with HTML. But i could reduce the Size :D

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.