YouTube CSS Tutorial Discussion Thread

[Xfactor]

Lisa,

I noticed in Video1 your body section was different from the one in Video4, in which you never mentioned anything about. I was wondering if you did this intentionally to avoid confusion because in the example in video1 your box wont position exactly right in FF or Opera, but at least the sections wont be skewed in Opera.

Only in the example in Video4.....

#body {

width: 600px;
margin: auto;
padding: 10px 0px 0px 10px;

}

.....will your tables and sections position exactly right in both Opera and FireFox.

You can verify this by changing the pixels in the body section of your template from 600 to 620.

I was just wondering if you forgot to mention this because it took me awhile to track down the source of the problem? because the way that I learnt this was just copying and coding everything as I went along with the tutorials.

Anyway I was just wondering, not complaining.

On a lighter note, heres what i've learned since your photoshop and css tutorials.

[lisa]

That was not intentional. I probably made the change and forgot to mention. Thanks for calling that out because I was not aware.

[coosbaytv]

Hey Lisa:

I am using your example from the youtube tutorial in inserting a background image on hovering over a link.
I am having an issue with not all of my image showing. It cuts off the bottum and nsome of the right side. Your image looks like a repeat type pattern of the wood grain where as mine is a solid with oval (attached).
Anyway, is there some inherent rules that are in play here?

Thanks for your help.

[lisa]

I had issues with that myself in the past. In fact, I had an issue with the wood grain template image in IE. Seems playing around with the padding helped a little but maybe someone else has a better way of fixing it.

[Xfactor]

Hi Everyone.

Would you recommend positioning your links in the Leftnav with a class, or would you just list them as is?

For example:

<div id="leftnav">
<a href="calendars.html">Mayan Calendars</a><br></br>
<a href="calendars.html">Mayan Calendars</a><br></br>
<a href="calendars.html">Mayan Calendars</a><br></br>
<br></br>
<br></br>
<br></br>
***RSSIT***
</div>

Also, how can I get the Default RSS Box from SBI(***RSSIT***) to position at the bottom of my Leftnav w/o using all the <BR> tags? or can I.

Tia.

[William Wilson]

Comment on the post of 05-06-2009,0939 PM, Post by:coosbaytv, Title:I put the tuts to good use, (In this post the link given, "http://www.weloveournorthbendschools.com", when I click on this link, my TrendMicro security system blocks the access and gives me a "dangerous page" warning, and I cannot view it...WHY is this happening??...William Wilson

[coosbaytv]

William Wilson:

That is my site and I have no idea why you are getting that message other than it is hand coded as first ever test for that process and there may be something missing that your Trend Micro security is looking for.

FYI: when you google the site there are no warnings that come up as with sites that google considers suspicious.

[sgtmac66]

I for one enjoyed the 4 part series. Although I have spent months now studying CSS, the tutorial gives one a real basic understanding of how things are put together.

I especially like the new template. Actually in conjunction with your template and W3C Shools, have a pretty good handle on a template I like. I actually dumped the CSS template I had purchased and was trying to tweak and am using yours instead.

The one I purchased was so confusing I found it difficult to tweak to my liking. Your template, just gives you enough to get the basic layout, which you can then start coding to meet your needs.

In conjunction with a book I purchased and W3C shools, I have experimented with different tags. It's a lot of fun to boot, just to lay around and see what one can do.

[William Wilson]

Lisa, This is a great service you are performing for us. I have a question. I have viewed Lesson 1 of the CSS Tutorial several times on YouTube. I have downloaded the "csstemplate2.zip" file to my computer. This file is in the download section on my computer. I can see it there in all its glory. My question is...HOW do I transfer that file to a new folder on my desktop before I unzip it in its own folder?...Do I just need to create a brand new empty folder on my desktop, name this new folder "CSS Tutorial", and then drag the downloaded "csstemplate2.zip" file to this new "Css Tutorial" folder and drop the zipped file in it, and then unzip the "csstemplate2.zip" file in this new folder of its own?...Is that the way?, or if not, what is the way to accomplish this? I will be grateful for your advice and/or help. Thank so much!... William Wilson

[lisa]

William,

When you download it you need to extract the folder out of the zip folder first. So you can either right-click the zipped file and extract it to a location on your computer or double click the zip folder and drag the folder to a place on your desktop. Once it's outside the zip folder you can do as you wish.

[William Wilson]

Thank you very much for the help...I will try doing as you say...William Wilson

[Xfactor]

William,

How I do it is, just put the "zipped" folder on your desktop>"Double click it" "Drag it out"(this makes a copy).

Experiment and tweak, w/the copy. Once you've trashed the copy; delete it, and drag out a fresh copy.

[William Wilson]

Xfactor

Thanks for the tip on the CSS problem I was having. I appreciate it very much...Are you also learning about CSS on YouTube by way of Lisa's videos? Or perhaps you have already learned CSS...I think it is a great series of tutorials...Take care...William Wilson

[Xfactor]

Ya, I'm pretty much a newbie; about 2-months exp. I ended hand-coding every thing from her videos 3 or 4 times, until I understood everything, very well. About that same time, SBI! came out with a very semi-advanced and profecient built template, that i've been working on for about a month now. It took every bit of Lisa's tutorials, to where I could begin to understand this one.

A cool way to look at html(index) and css, is to vision it as, "Building a House" where as your html page, is the 'structure' and 'frame-work' of your house, while the CSS file is the siding, shingles, paneling...etc. Just as important is in the strategy in which you work. Meaning; knowing when and when not to, making dramatic changes(colors) to your style-sheet for the sake of easy identification, while simultaneously knowing how-to save/undo/copyandpasting your work in your text-editor and refreshing your browser to veiw the changes in real-time.

[lisa]

Good analogy XFactor!