...

View Full Version : newbie- navigation bar question



hwoodfilm
02-13-2009, 06:03 AM
The formatting for my navigation bar is almost where i want it to be. Problem: two of the buttons have long words in them. therefore the words need to be one on top of the other. the formatted text is for words that dont need 2 lines. can i format these two buttons individually? (button: SKIN CANCER above TREATMENTS, and button: COSMETIC above PROCEDURES)
how do i make this work? thanks.
David

CODE:

<style type="text/css" media="screen"><!--

a, a:link, a:visited { color: #000; font-size: 13px; font-family: verdana, arial, sans-serif; line-height: 35px; text-decoration: none; background-color: #ffddab; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; display: block; margin-top: 2px; margin-left: 2px; width: 107px; height: 35px; float: left; border: solid 1px }

a:hover { color: #ffd700; background: #00008b }--></style>

<body>
<center>
<a class="nav" href="page1.html" title="HOME">HOME</a>
<a class="nav" href="page2.html" title="STAFF">OUR STAFF</a>
<a class="nav" href="page3.html" title="COSMETIC">COSMETIC PROCEDURES</a>
<a class="nav" href="page4.html" title="SKINCANCER">SKIN CANCER TREATMENTS</a>
<a class="nav" href="page5.html" title="INNEWS">IN THE NEWS</a>
<a class="nav" href="page6.html" title="OFFICE">OUR OFFICE</a>
<a class="nav" href="page7.html" title="CONTACT">CONTACT</a>
</center>
</body>

abduraooft
02-13-2009, 07:03 AM
can i format these two buttons individually? (button: SKIN CANCER above TREATMENTS, and button: COSMETIC above PROCEDURES) Why not? Just apply an extra class to them like

<a class="nav large" href="page3.html" title="COSMETIC">COSMETIC PROCEDURES</a>
<a class="nav large" href="page4.html" title="SKINCANCER">SKIN CANCER TREATMENTS</a> and then add

a.large{
width:150px;
}

PS: Validate your markup (http://validator.w3.org/#validate_by_input), and fix all errors.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum