Html and css Problems

[Blakeleyart]

So I am a budding graphic designer at my first design job and I have the desire to make my own web sight. Never been tought html or css. So I have taken the past month and studied and read and tutorialed and here I am trying to make my web sight and I have run into a problem that I hope the upstanding men and women of the design world can help me with. I am using go live and hand writing the code but useing go live to check my progress and such. I want to use a rollover and I put it in and golive writes this script for me I am shure it is right because when I test the site the roll over works but I cant get the css postioning to work and I was wondering if any one knew what I needed to do. Preface to this is that I dodnt know how to write the code for a rollover that is why I am letting golive do this bit for me.

[chris_bcn]

a link or the html and css code would help

you'll need to use the pseudo class:hover

something like:

<div id="navcontainer">
<ul>
<li><a href="#" title="this is a title">Link</a></li>
<li><a href="#" title="this is a title">link</a></li>
<li><a href="#" title="this is a title">link</a></li>
<li><a href="#" title="this is a title">link</a></li>
<li><a href="#" title="this is a title">link</a></li>
</ul>
</div>

with the CSS

#navcontainer { width: 200px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
color:#ddd;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, .navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}

[Blakeleyart]

That is actully quite inlighting. But my question is say I wanted to use myirad pro as the font and it be an orange color and roll to yellow, that is the letters them selves. Would I do that with a graphic or shoud i stick with codeing? also what do I do in the event I want a graphic to roll over.

[urstwile]

Well, I'm a newbie to web stuff also, but in terms of wanting a specific font, I think you're going to have to do that a graphic.

[chris_bcn]

That is actully quite inlighting. But my question is say I wanted to use myirad pro as the font and it be an orange color and roll to yellow, that is the letters them selves. Would I do that with a graphic or shoud i stick with codeing? also what do I do in the event I want a graphic to roll over.

The only text you can safely use on the web is:

Verdana
Arial
Trebuchet MS
(Lucida)
Times (yikes)
Georgia

Basically you can be sure that everyone's machine has these fonts. The only way to use Myriad would be to use an image. look here for an accessible way of using images with CSS - http://wellstyled.com/css-nopreload-rollovers.html

If you're entering the web world, then web standards, semantic markup XHTML and CSS are the ways forward

have a look here for links - http://www.graphicdesignforum.com/forum/showthread.php?t=17370

It's a long and frustrating road, but you'll get a lot of help here.

[urstwile]

Particularly from Chris_BCN. :) You rock Chris.

[chris_bcn]

Aw shucks :o

[Blakeleyart]

Yes thank you I am very excited about the possibilitys with web design and you have helped tremedesly thank you very much.