PDA

View Full Version : Classes and ID's

gavin
Jan-29-2007, 08:49 AM
I can never understadn how you assign a class or an ID to change somthing

I want to make the two e-mail adresses a lot bigger and bolder, But i do not know how to assign a class and then control it using CSS

http://www.gjohnstone.com/gallery/2408105

Thanks!!
Barb
Jan-29-2007, 09:32 AM
I can never understadn how you assign a class or an ID to change somthing

I want to make the two e-mail adresses a lot bigger and bolder, But i do not know how to assign a class and then control it using CSS

http://www.gjohnstone.com/gallery/2408105

Thanks!!



Hi Gavin,

Give your email addresses a div. For example, in your gallery description:

<html><div id="contact"><a href="mailto:admin@gjohnstone.com"> admin@gjohnstone.com</a>

<a href="mailto:sales@gjohnstone.com"> sales@gjohnstone.com</a></div></html>

Then in your CSS:

#contact {font-size: 16px; color: #000;}
gavin
Jan-29-2007, 05:55 PM
Thank you Barb!!!

One last question.

How can I make a space between the two links and how can I get rid of the underline and make it rollover a different color?? tried this afternoon didn;t go anywhere.

http://www.gjohnstone.com/gallery/2408105
gavin
Jan-30-2007, 03:12 PM
I tried agian but cant figure it out.

thanks!
Barb
Jan-30-2007, 03:30 PM
I tried agian but cant figure it out.

thanks!

Hi Gavin,

Replace your description with this:

<html><div id="contact"><p><a href="mailto:info@gjohnstone.com"> info@gjohnstone.com</a></p></div>
<div id="contactb"><p><a href="mailto:sales@gjohnstone.com"> sales@gjohnstone.com</a></p></div></html>

And place this in your CSS:

#contact a:link {color: #000; text-decoration: none;} /*normal link styles*/
#contact a:hover {color: #888; text-decoration:none;} /*hover link styles*/

#contactb a:link {color: #000; text-decoration: none;} /*normal link styles*/
#contactb a:hover {color: #888; text-decoration:none;} /*hover link styles*/

Of course, you can make the colors whatever you like.
gavin
Jan-30-2007, 03:34 PM
Barb your amazing, thank yous o much!!!!:clap
Barb
Jan-30-2007, 03:50 PM
Barb your amazing, thank yous o much!!!!:clap

You are welcome :)