CSS gurus...
Dec 10, 2004 | 06:49 AM
#1
Thread Starter
Senior Member
Joined: May 2002
Posts: 2,752
Likes: 0
From: Binghamton, NY
CSS gurus...
I'm trying to teach myself CSS. I'm referring to two on-line tutorials as I need to do things, but neither ones of them addresses a current problem (at least not that I can see). I'm hoping someone here can help.
Over the years, I've gotten pretty good at manipulating tables to control layout... so that's kind of the perspective I'm comming from. here's the page as it currently sits. All styles are currently defined in the <head> tags... so if you view the page source you can see what I've done so far. Like I said... I'm trying to teach myself, and I'm in the very early stages... so cut me some slack if the code is ugly or inefficient. On the left, I want to setup a table looking thing for my site navigation. I want it too look like the pic below, but I don't want to use any in-line styles (so I can update pages site wide by editing one style sheet).
At this point, I'm having 2 problems.
Problem 1: Controlling the width of the "table"
I'm using background colors and borders to construct the "table", but they run across the width of the page. Is there a way to control the width?
Problem 2: unwanted spaces
using <p> tags causes line breaks in bad places... any way to get rid of those? I know there's a property where you can set the display to "inline", but I couldn't get it to format correctly. But perhaps I was doing it wrong.
Any help would be appreciated.
Over the years, I've gotten pretty good at manipulating tables to control layout... so that's kind of the perspective I'm comming from. here's the page as it currently sits. All styles are currently defined in the <head> tags... so if you view the page source you can see what I've done so far. Like I said... I'm trying to teach myself, and I'm in the very early stages... so cut me some slack if the code is ugly or inefficient. On the left, I want to setup a table looking thing for my site navigation. I want it too look like the pic below, but I don't want to use any in-line styles (so I can update pages site wide by editing one style sheet).
At this point, I'm having 2 problems.
Problem 1: Controlling the width of the "table"
I'm using background colors and borders to construct the "table", but they run across the width of the page. Is there a way to control the width?
Problem 2: unwanted spaces
using <p> tags causes line breaks in bad places... any way to get rid of those? I know there's a property where you can set the display to "inline", but I couldn't get it to format correctly. But perhaps I was doing it wrong.
Any help would be appreciated.
Last edited by jacksonpt; Dec 10, 2004 at 06:51 AM.
Thread
Thread Starter
Forum
Replies
Last Post
