|
| |
|
|
lilblackgirl
Posts: 288
Joined: 5/16/2002
From:
Status: offline
 |
oh dear! where do i start? - 10/12/2006 16:26:12
i took the simplest client site i had and recently converted it to pure CSS for layout and everything else. well, now i'm on a CSS only/no tables kick and am attempting to convert a site that's entrenched with tables and i don't know where to begin.
Here's the site: http://www.hospitalreceivables.org/
Here is where i'm getting bound up.
1. The two company logos to the right top (OHA & HealthShare) - do i create a header div, split it into three and float each (the third being the HRS logo)? or cut the div in two, create a single image with the OHA & HS images and then create an image map?
2. Navigation - i assume i can just create it using list styles in block display with some creativity for the headers. Easier said than done.
3. Main content - the background is what's getting me. I know the basic content can just be set up as divs, but is it just defining the bg image and then creating the divs separately for each group of "white boxes"?
And I don't HAVE to do any of this, but i'm trying to challenge myself and i think i'm succeeding in that respect. I'm just asking for some suggestions or shoves in the right direction.
Any help or suggestions would be greatly appreicated!
LBG
_____________________________
You look like you're about to do something stupid. I'm in.
|
|
|
|
lilblackgirl
Posts: 288
Joined: 5/16/2002
From:
Status: offline
|
RE: oh dear! where do i start? - 10/13/2006 8:40:42
Ok, first question. When floating the images, do i create separate divs for both? I.e., do i need to create a div or can you just float an image?
Yeah, Listmatic was one of the sites i was eyeing for ideas. I just wasn't certain if it would be difficult to do with the way the navigation bar was broken up into sections and the headings were different. But i guess a bit of alteration isn't bad. Which leads to...
the background.  Yeah, i know it's hideous, but the client wanted it and liked it. Yellow pinstriping wasn't my first choice, but it worked for them. So, creating separate divs for each section on each page for the 'articles' is the way to go?
Once i can get the basic layout rebuilt, i'm going to try with some other colors and do away with the yellow, if possible.
thanks for the suggestions, Womble.
_____________________________
You look like you're about to do something stupid. I'm in.
| |
|
|
|
Tailslide
Posts: 6121
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: oh dear! where do i start? - 10/13/2006 9:25:40
You don't need different divs to float the images - either give them a specific class and add a float:left or float:right class in your stylesheet (if you have other images that you don't want to float) or refer to them via the div that they're already in so it could be:
#header img {float:left;}
for instance which is what I'd probably do unless I had other images within the header that I didn't want to float.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
lilblackgirl
Posts: 288
Joined: 5/16/2002
From:
Status: offline
|
RE: oh dear! where do i start? - 10/13/2006 10:55:29
and this is my concern. I've got two images in the top right coner, so if i float:right both of them, won't one cover the other?
_____________________________
You look like you're about to do something stupid. I'm in.
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
