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>

Always More Questions <thanIhaveanswersfor@domain.invalid> wrote:

> http://access-the-best-tickets.com/yankees4/

The menu at right overlaps the menu at top on my screen.

The Doormouse

--
The Doormouse cannot be reached by e-mail without her permission.

Always More Questions wrote:
>
> http://access-the-best-tickets.com/yankees4/
>
> The menu now has to be positioned
> manually at top: 72px; to get a semblence of balance.

No, I don't think it does. In your stylesheet:
#menu {... position: absolute; ... float: right; ...}

Absolute positioning and floating are two different positioning methods,
they don't belong together. I suggest you keep the float and drop the
other positioning properties.
#menu {width:20%; float:right; text-align:right.}

If the menu doesn't sit exactly where you'd like it, set margin-top
(positive or negative) to adjust it. Setting margins in em units will
let it adapt with the text size, too.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

In article <2qltpqF1117n9U1@uni-berlin.de>, kchayka <usenet@c-net.us>
wrote:

> Always More Questions wrote: 
>
> No, I don't think it does. In your stylesheet:
> #menu {... position: absolute; ... float: right; ...}
>
> Absolute positioning and floating are two different positioning methods,
> they don't belong together. I suggest you keep the float and drop the
> other positioning properties.
> #menu {width:20%; float:right; text-align:right.}
>
> If the menu doesn't sit exactly where you'd like it, set margin-top
> (positive or negative) to adjust it. Setting margins in em units will
> let it adapt with the text size, too.



Thanks. That brings it back to the way it looked in yankees3.

Now if I could just figure how to make the disclaimer center in the
middle "column" and lined up with the bottom of the teams menu (bottom
of text with bottom of menu)

Thanks again.

Always More Questions wrote:
> 
>
> Now if I could just figure how to make the disclaimer center in the
> middle "column" and lined up with the bottom of the teams menu (bottom
> of text with bottom of menu)

The disclaimer is in a strange position within the source. As long as it
remains where it is, you may be stuck.

But it really belongs at the bottom (just before </body> ), methinks, at
least that's where it makes more sense to me when the page is viewed
without stylesheets. If you relocate it there, you can position it below
everything via clear:both, then use a negative top margin (-3em) to move
it up a tad. Left/right margins will keep it clear of the sidebars.

If you do this, I suggest adding some bottom padding to the content area
(at least 3ems) to make sure there is space for the disclaimer.
Otherwise you might have overlapping text when there is a lot of content.

> Thanks again.

In the future, I suggest you post CSS questions to the stylesheets
newsgroup rather than here. That's what that group is for, and there is
a lot more talent over there: comp.infosystems.www.authoring.stylesheets

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

"kchayka" <usenet@c-net.us> wrote in message
news:2qmhp6F118j5nU1@uni-berlin.de...
> Always More Questions wrote: 
>
> The disclaimer is in a strange position within the source. As long as it
> remains where it is, you may be stuck.
>
> But it really belongs at the bottom (just before </body> ), methinks, at
> least that's where it makes more sense to me when the page is viewed
> without stylesheets. If you relocate it there, you can position it below
> everything via clear:both, then use a negative top margin (-3em) to move
> it up a tad. Left/right margins will keep it clear of the sidebars.
>
> If you do this, I suggest adding some bottom padding to the content area
> (at least 3ems) to make sure there is space for the disclaimer.
> Otherwise you might have overlapping text when there is a lot of content.
> 
>
> In the future, I suggest you post CSS questions to the stylesheets
> newsgroup rather than here. That's what that group is for, and there is
> a lot more talent over there: comp.infosystems.www.authoring.stylesheets
>
> --
> Reply email address is a bottomless spam bucket.
> Please reply to the group so everyone can share.


look at the space you wasted not just in the menu on the right side
but all over, even your coding is bloated. why have you left all that space
in the html ? do you not realise that browsers read from left to right then
drop a line then repeat the entire process ? you have blank lines, why have
you done this ?

please tell me, is this the best that you can do ? have you had any training
at all ?
don't tell me, you just like to call yourself a "Computer Programer" right ?
well think again. you aint, and never will be with work like that

goo day to you sir

0 wrote:

Hmmm. Thinks. Ah yes, 0 is actually replying to the original poster, not to
kchayka.

Next time reply to the post you are replying to, not the last one in your
"newsreader".

> even your coding is bloated. why have you left all that space
> in the html ? do you not realise that browsers read from left to right
then
> drop a line then repeat the entire process ? you have blank lines, why
have
> you done this ?

What on earth, or elsewhere for that matter, are you talking about.

The layout of the HTML has no impact at all on the layout of the web page.
As it should not.

The HTML can be layed out with as much spacing as required, even more in
fact, so as to make it very easily readable by authors.

The browser will condense all that whitespace, as it should and does.

> please tell me, is this the best that you can do ? have you had any
training
> at all ?

Er, have you? Your portfolio?

> don't tell me, you just like to call yourself a "Computer Programer" right
?

Computer programming has absolutely nothing to do with authoring for the
web. They are two totally dissimilar fields, much as computer programming
bears no resemblance at all to desktop publishing. So you have just put your
second foot into your mouth.

> well think again. you aint, and never will be with work like that

Ho Hummm. I for one think the OP's site is not too bad. Not outstanding but
not actually too bad. A whole lot better than a lot of the rubbish that is
offered up here for critique.

Where is your site?

> goo day to you sir

Er goo day to you as well sire.
--
Cheers
Richard. :-)

On Tue, 14 Sep 2004 11:38:41 GMT, rf <rf@.invalid> wrote:

> 0 wrote:
> 
> training 
>
> Er, have you? Your portfolio?

Gotta love folks who come in here swinging a bat on post one or two. I
usually assume they're either trolls or very disturbed.
 
>
> Er goo day to you as well sire.

Hap-py Goo Day to yoooou! (whistle and clap)

"Neal" <neal413@yahoo.com> wrote in message
news:opsebitht06v6656@news.individual.net...
> On Tue, 14 Sep 2004 11:38:41 GMT, rf <rf@.invalid> wrote:
> 
>
> Gotta love folks who come in here swinging a bat on post one or two. I
> usually assume they're either trolls or very disturbed.
> 
>
> Hap-py Goo Day to yoooou! (whistle and clap)

yeah i thought as much,
just because it's my first post and i don't happen to agree with you
bunch of .....  it's attack time is it ?

that's ok with me, i'll be here and posting my comments as and when
i feel the need to do so.

On Tue, 14 Sep 2004 11:14:37 +0000 (UTC), "0" <0@0.sk> wrote:

>look at the space you wasted not just in the menu on the right side
>but all over, even your coding is bloated. why have you left all that space
>in the html ? do you not realise that browsers read from left to right then
>drop a line then repeat the entire process ? you have blank lines, why have
>you done this ?

All the above probably explained a little bit below.

In terms of load time; I doubt it adds that much.

>please tell me, is this the best that you can do ? have you had any trainin
g
>at all ?

The person stated, in another thread, that this is their first attempt
converting over to using CSS and is in rough draft stages as the edges
are smoothed out.

Is this the best they can do? Not yet but that's why they are asking
for critiques as the site goes through stages in development. This is
their second critique request in less than a month. Who knows what
their potential is _since_ this is their first time tinkering with
something new. The blank lines are probably there for the author's
ease at the moment and they may have planned on removing most/all of
those as the pages tighten up/edges become much smoother.

>don't tell me, you just like to call yourself a "Computer Programer" right 
?
>well think again. you aint, and never will be with work like that

One thing doesn't have anything to do with the other - no matter how
it is tried to be explained. There are computer programmers that only
tinker with HTML and CSS in their spare time.

Carol