CSS and Adult Desing - Help / Opinions

[Tekster]

I spent the last couple of days browsing the web, and looking at what is going on in the design side (mainstream). It looks like most of the good designs and web pages are using 100% CSS and no tables for their design.

My questions:

Is anyone using CSS only for their adult web pages? Some examples would be great.

How hard is to learn CSS to get to the point of designing a web site using entirely CSS.

I am looking to learn more CSS and I need some opinions on books, web sites etc... where one could learn more.

Post anything related to CSS here, and lets see if we can learn more, I am sure there other new webmasters that are wondering about this.

[Emerald]

Good questions .. something I have been looking into myself.

Is there any programs that will build the pages in CSS like the WYSIWUG html editors out there now? Thats something I definately would be interested in.

[JustRobert]

A gave me a book this past holiday season that may help.

CSS Web Design For Dummies
Chapter 12 - Handling Tables and Lists (And Doing Away with Tables)

You think he was trying to tell me something? Guess I should probably use it |goodidea

[HarryM]

It's easy to learn CSS if you understand the concept of basic object orientated programming, you just write the html doccument and then later add the styles to the objects.
There's nothing too hard about it, just need to learn some different commands other than font, size, B, align, etc.

Elements like body, p, h1, etc don't need an identifier like class or ID.
eg.

body
{
 background:#444444;
 color:#ffff00;
}

p 
{
 padding:0px;
 margin:0px;
}
h1 
{
 text-align:right;
 font-weight:normal;
}

Basically if an object is used once only in your pages, make it an ID (#something).
If it's going to be used on the one page more than once make is a class (.something).
Then style the ID's and classes with what you want like.

eg.

#anId
{
 color:#ff00ff;
 background:#ffffff;
 border:4px solid #ff0000;
}

.aClass
{
 color:#000000;
 background:#ffffff;
 border: 4px solid #ff0000;
}

Basically if you are getting rid of tables, your HTML doccument should make sense without any styles.
If you look at a site done with tables and no stylesheet it will most likely be unintelligible.
But a site made with lists and divs instead should still be functional without the style sheet.

A good thing about CSS is that if you are using an external style sheet, you can change the appearance, graphics, background, etc. of your entire website of 10,000 pages by uploading one file.

Some ok sites:
http://www.csszengarden.com/
http://css.maxdesign.com.au/listamatic/
http://jigsaw.w3.org/css-validator/

[Tekster]

HarryM: I understand that part, styling objects; I was wondering more about layout. I use tables to layout pages and I would like to use CSS to do that.

[HarryM]

Originally Posted by TekAngel

HarryM: I understand that part, styling objects; I was wondering more about layout. I use tables to layout pages and I would like to use CSS to do that.

Then you would use divs instead of tables, sizing and floating them to suit your design. You should probably search google for tutorials on the css box model and find out about the float and clear functions, should be all you need to replace tables.

[Simon]

Hiya

There's some good info on the web about designing with CSS instead of tables. Here's a Google search that will give you some basics and links to example sites. And this site will help with tableless design and making your design "fluid" instead of fixed size.

Aside from it being the 'better' way to do things since tables were never meant to be layout tools, using CSS for layout also will allow you to position your most important text first in the source code so that it's read first by the spider bots.

Emerald - one of the links on that Google search page leads to this page at Adobe: Tableless Layouts with Dreamweaver (that's all I can tell you about programs that do it since I code by hand in a text editor).

HTH

[Tekster]

Well, I have been working on this for the last couple of days. I got a main stream template (all CSS) and I am working on setting it up for my LL.
Here is a preview if anyone cares: http://www.mreros.com/linklist/0-dar...page-blue.html

This is the only functional page so far, so most of the links on it are not working.

All comments and ideas are very much appreciate.

[LeRoy]

Originally Posted by TekAngel

Well, I have been working on this for the last couple of days. I got a main stream template (all CSS) and I am working on setting it up for my LL.
Here is a preview if anyone cares: http://www.mreros.com/linklist/0-dar...page-blue.html

This is the only functional page so far, so most of the links on it are not working.

All comments and ideas are very much appreciate.

Hey Tek Looks good IMO. I'm learning CSS still too. I heard some say I think PonyGirl maybe but Don't quote me on that. Changing the freesite templates "on the fly" using CSS . Still trying to figure that out too. I would 'nt mind learning how to do things "on the fly"

[Simon]

Looks good.

In that template the code for your left sidebar is above the code for your center column, meaning the spiders will read all of that and maybe stop before getting to the content in your main column (if your page/sidebar is a long one).

That's why I mentioned looking for templates that say they're SE optimized so you can see how they put the main content first and use CSS positioning to make it appear where they want on the page.

(which is how 'on-the-fly' can be done too)

[Tekster]

Originally Posted by Simon

Looks good.

In that template the code for your left sidebar is above the code for your center column, meaning the spiders will read all of that and maybe stop before getting to the content in your main column (if your page/sidebar is a long one).

That's why I mentioned looking for templates that say they're SE optimized so you can see how they put the main content first and use CSS positioning to make it appear where they want on the page.

(which is how 'on-the-fly' can be done too)

Thanks Simon, that is the type of info I need as I am learning.
Take a look here: http://www.mreros.com/linklist/0-dar...-col-blue.html

I know the site is breaking up and it does not look right, but I think that is the right positioning. I just have to figure out how to use CSS to get everything back in place. Right? I just disabled CSS on the page and it looks like the content comes first now. (I hope that is what you mean by putting the content first)

I hope I can get this going since I really like that template.

[Tekster]

Simon, I think I got it.
Check this out: http://www.mreros.com/linklist/0-dar...col-blue1.html

I sure hope that is it.

[Simon]

Yep... you got it.

Now you know the basics of how to put things where you want them in the source code and you won't be feeding the spiders your sidebars first anymore.

[LD]

I used css building my site with a few exceptions. I can't seem to get the hang of making category type tables or recip type tables. I tried using css divs on my site for categories, but it all went to complete shit in the browser. Is there a trick to learning this?

And btw Tek, your design looks really, really nice!

[Tekster]

Originally Posted by LusciousDelight

I used css building my site with a few exceptions. I can't seem to get the hang of making category type tables or recip type tables. I tried using css divs on my site for categories, but it all went to complete shit in the browser. Is there a trick to learning this?

And btw Tek, your design looks really, really nice!

Answered in PM to this also. Hope it helps.

[rootroy]

Hello:
This is my 1st post!
I am currently enrolled in a website developer program. Surprisingly, I have found the W3Schools tutorial to be a fantastic tool for the basics.
The Textbook that we are using is “CSS MASTERY Advanced Web Standards Solutions “By Budd, Moll and Collision.

BTW I am looking for any freelancing opportunities/ jobs in web development. I have no hang-ups about the adult industry. I just need to make some money.