/    Sign up×
Community /Pin to ProfileBookmark

How should I slice this?

Copy linkTweet thisAlerts:
Nov 12.2005

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…)? 😮

I’m seriously confused how best to slice this.

Thanks for reading and thanks in advance for helping,

Sam Granger

to post a comment
HTML

13 Comments(s) ↴

Copy linkTweet thisAlerts:
@LiLcRaZyFuZzYNov 12.2005 — slice what?
Copy linkTweet thisAlerts:
@Sam_GrangerauthorNov 12.2005 — 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. ?
Copy linkTweet thisAlerts:
@LiLcRaZyFuZzYNov 12.2005 — 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.
Copy linkTweet thisAlerts:
@Sam_GrangerauthorNov 12.2005 — 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)?
Copy linkTweet thisAlerts:
@LiLcRaZyFuZzYNov 12.2005 — 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

[upl-file uuid=5ecbf5be-b6ce-4ccf-a53c-17e67d6e6882 size=6kB]header.jpg[/upl-file]

[upl-file uuid=6058be1e-4954-4d37-8bb1-142aee677823 size=5kB]menu.jpg[/upl-file]
Copy linkTweet thisAlerts:
@Sam_GrangerauthorNov 12.2005 — Ahh ok thanks!!! ?
Copy linkTweet thisAlerts:
@Sam_GrangerauthorNov 12.2005 — What about this part?

[img]http://www.revresmedia.com/code.gif[/img]

2 divs? What css do I write?
Copy linkTweet thisAlerts:
@LiLcRaZyFuZzYNov 12.2005 — the file doesnt exist
Copy linkTweet thisAlerts:
@Sam_GrangerauthorNov 12.2005 — sorry about that. retry please ?
Copy linkTweet thisAlerts:
@LiLcRaZyFuZzYNov 12.2005 — 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
Copy linkTweet thisAlerts:
@ray326Nov 12.2005 — Yea, there's only a couple of little graphic pieces of interest in that last one.
Copy linkTweet thisAlerts:
@Sam_GrangerauthorNov 20.2005 — http://www.hostreviewers.com/coding/

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

Thanks ?
Copy linkTweet thisAlerts:
@ray326Nov 21.2005 — 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.
×

Success!

Help @Sam_Granger spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.1,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...