CSS Tutorial Pt 3 – Creating a Horizontal Nav

18 04 2011

How to create a horizontal navigation using CSS. Download template http://www.2createawebsite.com

Advertisements

Actions

Information

25 responses

18 04 2011
Hhunterr18

thanks it really helps

18 04 2011
kleisti12

Good video but you forgot closing the ul tag!

18 04 2011
cadkins86

Lisa, Thanks for passing your knowledge on. Very well done.

18 04 2011
54553400

Lisa,great affect well done.
you done great job
plz keep going on,

UMAIR RAMZAN

18 04 2011
beans1979

@yenamarre100 so post a better video

18 04 2011
wewilhelm

thank you

18 04 2011
jomalicious1

@Cygna1 hi i just wantto ask where did you get that idea..i fallowed you but it didn’t work 😀

18 04 2011
John77659

thanks you have helped me out

18 04 2011
MegaGobbleGobble

@ikeashiasanders29

yeah the UL stands for ‘unordered list’ , which is basically bullet points if you put OL that would be ‘Ordered list’ which is number points, when she does the ‘li’ bit it stands for ‘List items’ , which is each bullet point. you saw she hides the bullet points though, so theres a space between the links rather than a bullet point 😀 hope that helps

19 04 2011
Cygna1

@rednck09
After:
” #container {
width: 900px; ”
I added
” margin-left:auto;
margin-right:auto; ”

It worked for me and its in the middle of the browser now.

19 04 2011
Cygna1

@turkswife
Just open the “index.html” file with your webbrowser. When you save it as .html it should automatically be opened with the browser.

19 04 2011
Loekkiee

@ExNavy Please tell me the difference between a div and a class. I didnt understand that part :$

19 04 2011
yenamarre100

You made alot of mistakes so far… It’s not very professional of you to present to the public such a calamitous piece of work. I would have recorded new videos. Js.

19 04 2011
ikeashiasanders29

WHAT IS THE UL—–IAM HAVING TROUBLE UNDERSTANDING THAT CAN YOU PLEASE HELP???

19 04 2011
ExNavy

Lisa, absolutely excellent!

I really like how you have explained the difference between #div and .class.

You make a whole lot of sense!

Thank you

19 04 2011
maduharshi

Good bye man I am your naughty girl mworld5.info

19 04 2011
jbach1203

Thanks for the simple explanation…. makes so much sense.

19 04 2011
datspanishguy

when i hover the background image is cropped to the font size..? any help?

19 04 2011
elvis69rules

Your the best !!!

19 04 2011
turkswife

How do you view the website,

19 04 2011
Tortiak

you should make a liquid design, they r easy 😀

19 04 2011
salihacam

hi. is there a way that you could change the color of the line that separates the header and the navgation or the body? and also, how would you create link that every time you hover on it, it will give you a sublink like a drop down list? I hope I made sense on my questioni, i’m very naive when it comes to programming.

Great tutorial! Thank you and hope you have more videos to come. have a great day!

19 04 2011
salihacam

hi. is there a way that you could change the color of the line that separates the header and the navgation or the body? and also, how would you create link that every time you hover on it, it will give you a sublink like a drop down list? I hope I made sense on my questioni, i’m very naive when it comes to programming.

Great tutorial! Thank you and hope you have more videos to come. have a great day!

19 04 2011
ticko95

thanks great tutorial 🙂

19 04 2011
Poolessons

OMG…Lisa please read…ive sent like 20 messages but u havent replied in like 6 months…..
I Made my own website using this and i want you to tell me how i did…..Link:

PoolVideos.webs.com

(REMOVE SPACES IN LINK IF THERE ARE ANY!)
now msg me back please and tell me how u think of it




%d bloggers like this: