Help!
I'm having trouble figuring this out, and it might just be due to the fact that it's 3:00 in the morning and my brain feels like the mashed potatoes I had today, but I was hoping that someone could help me with this.
What I'm trying to do is make a -row- of links (for a nav-bar) using CSS. I'm putting the width and height information into the a:link properties and have the display set to block so that it respects the size I have set for the border/background of the links. The problem is, block level elements have that damn line break inserted after each item so it makes it hard to have the items in a -row- instead of a column . If I set the display to inline instead of block, I lose the height and width that I specified. Is it possible to keep the height and width of the element like the display:block property does and have the items show up in a row?
The CSS for the element is as follows:
#subheader a:link {
position:relative;
border:1px solid #A9A9A9;
height:50px;
width:100px;
display;block;
}
I'm pretty sure there's a way to do it or at least an easy work-around...but, like I said, right now my brain feels like the egg frying in the pan on those old anti-drug commercials. Except this isn't my brain on drugs, it's my brain on no sleep and a severe lack of caffeine. Gah. I hope this all made some sort of sense...thanks in advance!
What I'm trying to do is make a -row- of links (for a nav-bar) using CSS. I'm putting the width and height information into the a:link properties and have the display set to block so that it respects the size I have set for the border/background of the links. The problem is, block level elements have that damn line break inserted after each item so it makes it hard to have the items in a -row- instead of a column . If I set the display to inline instead of block, I lose the height and width that I specified. Is it possible to keep the height and width of the element like the display:block property does and have the items show up in a row?
The CSS for the element is as follows:
#subheader a:link {
position:relative;
border:1px solid #A9A9A9;
height:50px;
width:100px;
display;block;
}
I'm pretty sure there's a way to do it or at least an easy work-around...but, like I said, right now my brain feels like the egg frying in the pan on those old anti-drug commercials. Except this isn't my brain on drugs, it's my brain on no sleep and a severe lack of caffeine. Gah. I hope this all made some sort of sense...thanks in advance!
