I previously asked for a critique of
http://access-the-best-tickets.com/yankees3/
and appreciated the advise. I have since made the style sheet external
and have used an include for the menu (the teams menu) to make
http://access-the-best-tickets.com/yankees4/
I was hoping I could get some help. The menu now has to be positioned
manually at top: 72px; to get a semblence of balance. The menu is also
to the absolute right in yankees4 but in yankees3 the right edge of the
menu was even with the borders of the logo.
What am I doing wrong?
Also if someone would be kind enough to check this out in some (windows)
browsers
Thanks again
body
{
background-color: rgb(255,255,255);
color: rgb(243,1,45);
font-family: Arial, Helvetica, sans-serif;
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;
border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style:
none; border-bottom-style: none;
border-color: rgb(213,181,187);
}
#content
{
font-size: 90%;
background-color: rgb(255,255,255);
color: rgb(0,0,0);
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;
border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style:
none; border-bottom-style: none;
padding: 22px 11px 22px 0px;
border-color: rgb(0,0,0);
text-align: left;
}
#footer
{
font-size: 70%;
background-color: rgb(255,255,255);
color: rgb(100,100,100);
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;
border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style:
none; border-bottom-style: none;
padding: 0px 22px 0px 0px;
border-color: rgb(0,0,0);
text-align: center;
position: absolute;
bottom: 0;
right: 20%;
}
#disclaimer
{
font-size: 60%;
background-color: rgb(255,255,255);
color: rgb(100,100,100);
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;
border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style:
none; border-bottom-style: none;
padding: 20px 0px 0px 0px;
border-color: rgb(154,22,46);
text-align: center;
}
#banner
{
/* background-color: rgb(213,183,189);
color: rgb(243,1,45); */
background-color: rgb(255,255,255);
color: rgb(243,1,45);
font-family: verdana, san-serif;
font-style: normal;
border-color: rgb(224,171,181);
}
a.banneritem
{
font-size: 67%;
background-color: rgb(154,22,46);
color: rgb(213,181,187);
font-variant: normal;
text-transform: none;
font-weight: bold;
margin-left: 0px; margin-right: 0px; margin-top: 6px; margin-bottom: 6px;
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;
border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style:
none; border-bottom-style: none;
border-color: rgb(0,0,0);
padding: 1px 0px 1px 0px;
text-align: center;
}
#menu
{
background-color: rgb(213,183,189);
color: rgb(243,1,45);
font-family: verdana, san-serif;
font-style: normal;
border-color: rgb(224,171,181);
}
a.menuitem
{
font-size: 67%;
background-color: rgb(154,22,46);
color: rgb(213,181,187);
font-variant: normal;
text-transform: none;
font-weight: bold;
margin-left: 4px; margin-right: 4px; margin-top: 4px; margin-bottom: 4px;
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;
border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style:
none; border-bottom-style: none;
border-color: rgb(0,0,0);
padding: 0px 8px 0px 0px;
text-align: right;
}
#logo, #logo a
{
font-size: 135%;
background-color: rgb(255,255,255);
color: rgb(0,0,0);
font-family: Verdana, sans-serif;
font-style: normal;
font-variant: none;
text-transform: none;
font-weight: bold;
padding: 0px 0px 0px 0px;
border-left-style: none; border-right-style: none; border-top-style:
double; border-bottom-style: double;
border-color: rgb(154,22,46);
text-align: left;
text-indent: 20px;
}
#trail, #trail a
{
font-size: 89%;
background-color: rgb(255,255,255);
color: rgb(243,1,45);
font-style: italic;
font-variant: normal;
text-transform: none;
font-weight: normal;
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;
border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style:
none; border-bottom-style: none;
padding: 4px 4px 4px 4px;
border-color: rgb(213,183,189);
text-align: right;
}
#content a
{
color: rgb(82,23,34);
text-decoration: underline;
}
#content a:hover, #content a:active
{
background-color: rgb(82,23,34);
color: rgb(255,255,255);
}
h1, h2, h3, h4, h5, h6
{
font-family: Verdana, san-serif;
font-style: normal;
font-variant: normal;
text-transform: none;
font-weight: bold;
}
h1
{
font-size: 136%;
text-align: right;
margin-top: 0%;
}
h2
{
font-size: 136%;
}
h3
{
font-size: 124%;
}
h4
{
font-size: 112%;
}
h5
{
font-size: 100%;
}
h6
{
font-size: 58%;
}
p {text-indent: 20px;}
#menu a
{
text-decoration: none;
}
.menuitem:hover
{
background-color: rgb(213,181,187);
color: rgb(154,22,46);
}
#banner a
{
text-decoration: none;
}
.banneritem:hover
{
background-color: rgb(213,181,187);
color: rgb(154,22,46);
}
#trail a
{
text-decoration: underline;
}
#logo a
{
text-decoration: none;
}
#trail a:hover
{
}
/* layout */
#banner {position: relative; top: 0; left: 0; float: left;
text-align: center;}
.banneritem {width: auto; display: block;}
#content {margin-left: 300px; margin-right: 20%; width: auto}
#menu {width: 20%; position: absolute; top: 72px; right: 0; float:
right; text-align: right;}
.menuitem {width: auto; display: block;}
#disclaimer {margin-left: 0px;}
@media print
{
#menu {display: none;}
#content {padding: 0px;}
#content a {text-decoration: underline;}
}
</style>
|