PDA

Click to See Complete Forum and Search --> : How should I slice this?

Sam Granger
11-12-2005, 07:48 AM
I want to code the following template in xhtml tableless. Would someone be so kind to tell me the best way to slice this (Draw on it where to use divs etc...)? :o

I'm seriously confused how best to slice this.

Thanks for reading and thanks in advance for helping,

Sam Granger
LiLcRaZyFuZzY
11-12-2005, 08:02 AM
slice what?
Sam Granger
11-12-2005, 08:04 AM
Haha sorry about that. I forgot to add the url. http://www.microvisuals.com/clients/hostreviewers/

Thanks for responding LiLcRaZyFuZzY, I'm very slow today. :P
LiLcRaZyFuZzY
11-12-2005, 08:11 AM
well cut it in different graphics for different elements, in which you'll add them as background,
where you can replace images by background-color (or repeated thin background images), and write text as actual text unless you definately need a special font. Especially for the content.
Sam Granger
11-12-2005, 08:13 AM
Yep, just have to think on how I should actually structure the divs and all :/ - should I just use 1 div for the whole header (logo + menu)?
LiLcRaZyFuZzY
11-12-2005, 08:25 AM
you could use one div for the header and use a background image for the menu (which is a list)
i ve sliced the header and menu part to show you
Sam Granger
11-12-2005, 08:29 AM
Ahh ok thanks!!! :D
Sam Granger
11-12-2005, 09:24 AM
What about this part?
http://www.revresmedia.com/code.gif

2 divs? What css do I write?
LiLcRaZyFuZzY
11-12-2005, 11:08 AM
the file doesnt exist
Sam Granger
11-12-2005, 02:41 PM
sorry about that. retry please :)
LiLcRaZyFuZzY
11-12-2005, 03:42 PM
one div in which you'll put a header "A Professional and unbiased opinion" and add the blue thingy as background in that header. Also add a paragraph of text with the "Here at...webhost" text below the header.
Add the other side as a background, but also separate the text.
Then float both to the left
ray326
11-12-2005, 05:11 PM
Yea, there's only a couple of little graphic pieces of interest in that last one.
Sam Granger
11-20-2005, 05:03 PM
http://www.hostreviewers.com/coding/

So far so good? Could someone please review my current code?

Thanks :)
ray326
11-21-2005, 01:06 AM
Good start but there's a lot of text in images that could just be text. That would make your pages a lot more flexible and easier to maintain. I'd start by rebuilding the menu as a list of links on top of your existing background. The "Professional and..." could be a heading; maybe an h2.