FRIHOST FORUMS SEARCH FAQ TOS BLOGS COMPETITIONS
You are invited to Log in or Register a free Frihost Account!


Creating a layout complete with css





ammonkc
what is the best way to create a page layout with only css. css layouts seem to be a lot more efficient than using tables. but it also looks pretty hard to do. I was looking at sites like apple.com and digg.com and they are all done this way. can anyone point me in the right direction for how to learn css layouts and what tools to use. when I first started with css I read up on w3schools.com but that is only basics.
thanks
kv
This might help

http://glish.com/css/
Summer
You can check out this tutorial .
Chris Tiaens
If you search google you'll find plenty of good tutorials, and once you've fought yourself through a couple of them you'll realise css is really not that difficult.
dkill001
using css is not as hard as it may look - start out small and learn the different css commands then move it in for your entire site
Grimboy
CSS is really easy in theory, in practice IE always finds a way to make it more difficult. I learnt most about css at brainjar.com.

The problems that IE presents are numerous, the most immediately obvious one is to do with it including padding within the set width. This means you have to conditionally comment in IE specific style sheets. Urgh... Anyway search on it.
Laz
Ok I sugest you use tables and DIVs.
With table use this <tr class="name">
then when you do the CSS writi that like this
.name (
and your style elements
and with divs
<div id="name">
for the CSS use
#name (
and your style elements
I hope that helps.
Dragate
css? sure... come here (http://www.w3schools.com/css/default.asp) for examples, refrenecs and other code objects...
DX-Blog
The thing with CSS kinda is from what kinda seems out of several handy tutorials and such is that you should find your own style of doing things. You can go for absolute positions if that's what you would like to work with. Is extremely nice if you want to have the entire page on one screen. You could even make parts of the contents scrollable if you would like.

You could also just go for a basic header-content-footer model, 3 divs on top of eachother, all getting their own content yet again.

Sidebars are nice as well, I've seen several ways of doing this in example, but the easiest I've seen is to create a container div, create a sidebar, float it to the left, create a content div, give it margin-left the same as you gave the sidebar width. Or you could do 10 extra as well or so if you don't want to use padding to fix that.

I'm still learning further on CSS as well, but I've seen some nice tricks out there already. Also the upcoming CSS3 equal columns property sounds pretty damn nice, just sucks that IE doesn't support that yet.
tatorhead
Yes, css is really easy to pick up, I actually figured it out stealing and customizing a div overlay profile for my myspace.
samr_vene
The best way to learn is to take the code of a simple site like http://glish.com/css/ and then just try to figure what everything does. If you get stuck try to search google for tutorial. THen play around with the code and see what does what. Then if u are really stuck just use that code in an html editor like dreamweaver or frontpage and then change the interface and look at the code. See what changes.
prillan
Tack! Smile
Related topics
MACROMEDIA Dreamweaver
CSS Problems + Cache control
Book on CSS
CSS/HTML
CSS And Tables: The Hype And The Trends
Vista IE CSS & Other Support
css right align
Convert small table layout to CSS
Variable width div
Photoshop CS3 convert to css/html
planning a site in CSS
IE and FireFox: CSS
How to make a free space below the IMG in html?
CSS and layout help
Reply to topic    Frihost Forum Index -> Webmaster and Internet -> Design Tips

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2011 Frihost, forums powered by phpBB.