YouTube CSS Tutorial Discussion Thread

[Sofia22]

thanks for share!

____________
Sofi Hedz
Grupo Mayan Friends

[Work207]

I have been working on websites for several years. I have been playing with CSS for a few years (trial and error). After watching your 4 part series on CSS I feel very confident and more knowledgeable then I ever have with it.

You are my new predecessor! You are doing an AWESOME job!

Thank you.

oh, I almost paid $47 for an ebook on things that I have learned here for free. Once I make my first million, I'll send ya some cash..

[mintet]

Hi Lisa,

Those were really great primer tutorials in understanding how CSS works. I'm using Thesis as well. I was trying to implement the horizontal nav in the header as you show on the video using the exact same code.

I put the .navlinks css code in the custom.css file.

I than put <div class="navlinks"> stuff in the Header Open Hook, but the links just came out in small text, bullet format down the top left side of the header.

Did I not translate what you did on the video to applying to use in Thesis Openhooks and custom.css correctly? Can you tell me what I need to do here? I feel I'm really close.

Thanks, RH

[feedthegoat]

I have recently followed CSS tuts 1&2 which i have found extremely useful (thank you Lisa)...however i am having 2 problems:

1. My left and right nav bars have suddenly shifted up and now overlap halfway up the header on either side.

2. When i created the links they where the colour they should change to when visited and not the default colour I set.

Any help will be much appreciated.

I have solved the 1st point....I had not closed dthe div on the header correctly.

Ok edit number 2

Having finished tutorial 3 i have created a box however it hugs the left nav bar...how do i position this box in the middle of the body??

[lisa]

This is a common problem people have with CSS and it's something I have to continue to learn myself. One thing you have to remember with CSS is the most RECENT style is always going to be applied. So if you are having trouble changing an attribute, check to make sure you have an a:link style for those set of links you are trying to change.

One way to move the box is to give it a margin-left attribute.

[feedthegoat]

Thanks for the help Lisa I have fixed my problem with the box. I will fiddle around with the links and see what I can do.

[feedthegoat]

Hopefully someone can help me with what i think are only minor changes...

I have my page split up into a left and right nav and a body section as done in the tutorial. Both nav bars are set to float left and right respectivley but I am unable to align the body in-between the nav bars and directly below the header, i have only noticed this since i began playing with background colours for the sections. Also I am having problems with the position of the box that I created...how can i centre the box within the body div?

Thanks for any help.

I think I have fixed the problem however the box is still causing problems. I have aligned the box on the page where I need it using combo of position attributes and margins, the problem I have now is with the contents of the box which are all shifted over to the right....

imagine the "-" represent the outline of the box and the "." is the <hr /> line "e" = emptyspace:

-------------------
- eeee eeeeeeeeee-
- eeee ................-
- eeee eeeeeeeeee-
- eeee text starts -
- eeee here also -
-------------------

how can I get rid of the empty white space on the left hand side of the box?