Two quick questions about my band-related website

[Geoff Hague]

Hey everyone!

First thing's first:
My website: http://www.captainsoftheworld.com/modernrepublic/
Style-sheet:
http://www.captainsoftheworld.com/modernrepublic/ModernRepublic.css

My questions are:

1) In my "Mailing List" box, I can't seem to find a way to remove all the
excess space between the bottom of the "Submit" button, and the bottom of
the yellow Mailing List box. Any suggestions?

2) This is regarding the navigation links near the top of the page. Each of
the links is enclosed within a <span> tag, set to a fixed width of 80px.
What's currently happening when the mouse is hovered over a link is that the
text changes color from white to black, and the background color switches on
to white. The problem is that the background color only turns to white for
the width of the text in the link. Is there any way to make the entire
width of the <span> tag turn on its background-color when the mouse hovers
over the link?

Thanks very much!
~Geoff

 

[Els]

Hey everyone!

First thing's first:
My website:
http://www.captainsoftheworld.com/modernrepublic/
Style-sheet:
http://www.captainsoftheworld.com/modernrepublic/ModernRepub
lic.css

My questions are:

1) In my "Mailing List" box, I can't seem to find a way to
remove all the excess space between the bottom of the
"Submit" button, and the bottom of the yellow Mailing List
box. Any suggestions?
form{margin-bottom:0px;}

2) This is regarding the navigation links near the top of
the page. Each of the links is enclosed within a <span>
tag, set to a fixed width of 80px. What's currently
happening when the mouse is hovered over a link is that the
text changes color from white to black, and the background
color switches on to white. The problem is that the
background color only turns to white for the width of the
text in the link. Is there any way to make the entire
width of the <span> tag turn on its background-color when
the mouse hovers over the link?

Try display:block on the <a> element.
Not sure, haven't tested.

 

[Mark Parnell]

My website: http://www.captainsoftheworld.com/modernrepublic/

1) In my "Mailing List" box, I can't seem to find a way to remove all the
excess space between the bottom of the "Submit" button, and the bottom of
the yellow Mailing List box. Any suggestions?

Try

form { padding-bottom: 0; }

Should reduce it, but I'd say you'll have to take it out of the table to
get rid of _all_ the space.

2) This is regarding the navigation links near the top of the page. Each of

Is there any way to make the entire
width of the <span> tag turn on its background-color when the mouse hovers
over the link?

span:hover { background-color: white; }

Not supported by IE. Why are they in a span, anyway? Why not just style
the <a>?

E.g.

#navigation a { display: block; float: left; width: 80px; color: white;
background-color: black; }

#navigation a:hover { color: black; background-color: white; }

Not tested, but should do basically what you want.

 

[Geoff Hague]

Try

form { padding-bottom: 0; }

Should reduce it, but I'd say you'll have to take it out of the table to
get rid of _all_ the space.
Each of


span:hover { background-color: white; }

Not supported by IE. Why are they in a span, anyway? Why not just style
the <a>?

E.g.

#navigation a { display: block; float: left; width: 80px; color: white;
background-color: black; }

#navigation a:hover { color: black; background-color: white; }

Not tested, but should do basically what you want.

Thanks! Got everything working now.. (heh, this is a GREAT newsgroup!)
~Geoff

 

[Neal]

Thanks! Got everything working now.. (heh, this is a GREAT newsgroup!)

Sure is. Learn to trim a bit, and it'll be relly great!

 

[Mark Parnell]

it'll be relly great!

Yep, tell your family too! (SCNR)