Web Development

Ask something
Discussion Locked

CSS Question

0 helpful
5 replies

by bryan.zimmerman

Closed to new repliesThis discussion is closed. It stays readable, but it takes no new replies.

Greetings,

This is my first post so be gentle.

I have defined link properties using CSS and everything works like a charm. There are links on the bottom of the page that I would like to give a smaller text size but with the same CSS qualities as their parent definitions.

I have tried defining a seperate class for the smaller text, but the parent CSS link qualities prevail.

what is the proper workaround for this? Or should I have set the page up differently? Your help will be much appreciated and I look forward to becoming part of such a great community!

Bryan

5 replies

by deron.blevins

It's probably how you are defining the new CSS style for the smaller text. What tag do you have the style linked to? (

,

, etc..)

I do this pretty extensively if you want to check out my CSS / code and see how I do it: try www.divisionusa.com for an example of how I label my code.

by roshanjoseph

what is you do the following:

I'm sure the text in this tag will display according to the presentation you want.

An alternative is to use within the

tags

by jacquel

The best way of handling it is to define a footer ID in your stylesheet w/ the appropriate properties, then define the properties of links within a div of that ID.

Ex.
/* Footer elements */
#footer {height:22px;
background-image : url(../images/bkg_menubar.jpg);
z-index : 2;
font-size : 8pt;
font-family : Verdana, "Microsoft Sans Serif", sans-serif;
vertical-align : bottom;
width : 100%;
}

div#footer a, a:link {FONT-SIZE: 8pt; COLOR: #F5F5F5; FONT-FAMILY: Verdana, "MS Sans Serif", sans-serif;
background-color : transparent;
text-decoration : none;
vertical-align : bottom;
}

Encase your footer area in a

tag and the links w/in the footer area will display appropriately.

by bors235

I instances such as these, wrap the area in question (as much as you want) in the Your footer text here. Be sure you nest properly using valid HTML.

This discussion is closed to new replies.