HighDots Forums  

Another critique please

Websites/HTML pages critique & reviews Discuss and review existing WWW material (alt.html.critique)


Discuss Another critique please in the Websites/HTML pages critique & reviews forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Always More Questions
 
Posts: n/a

Default Another critique please - 09-13-2004 , 03:13 AM






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>

Reply With Quote
  #2  
Old   
The Doormouse
 
Posts: n/a

Default Re: Another critique please - 09-13-2004 , 11:18 AM






Always More Questions <thanIhaveanswersfor (AT) domain (DOT) invalid> wrote:

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.


Reply With Quote
  #3  
Old   
Always More Questions
 
Posts: n/a

Default Re: Another critique please - 09-13-2004 , 02:17 PM



In article <2qltpqF1117n9U1 (AT) uni-berlin (DOT) de>, kchayka <usenet (AT) c-net (DOT) us>
wrote:

Quote:
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.


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.


Reply With Quote
  #4  
Old   
0
 
Posts: n/a

Default Re: Another critique please - 09-14-2004 , 07:14 AM




"kchayka" <usenet (AT) c-net (DOT) us> wrote

Quote:
Always More Questions wrote:

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

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.

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






Reply With Quote
  #5  
Old   
rf
 
Posts: n/a

Default Re: Another critique please - 09-14-2004 , 07:38 AM



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".

Quote:
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.

Quote:
please tell me, is this the best that you can do ? have you had any
training
at all ?
Er, have you? Your portfolio?

Quote:
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.

Quote:
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?

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




Reply With Quote
  #6  
Old   
Neal
 
Posts: n/a

Default Re: Another critique please - 09-14-2004 , 09:09 AM



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

Quote:
0 wrote:

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

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.

Quote:
goo day to you sir

Er goo day to you as well sire.
Hap-py Goo Day to yoooou! (whistle and clap)


Reply With Quote
  #7  
Old   
0
 
Posts: n/a

Default Re: Another critique please - 09-14-2004 , 01:57 PM




"rf" <rf@.invalid> wrote

Quote:
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. :-)
ok you want detail:

Quote:
What on earth, or elsewhere for that matter, are you talking about
explain this mumbling

spaces or large gaps in the html will "natually" prevent the page from
loading as quick as possible, spaces in the actual layout as seen, just make
the page look tacky, in my opinion. it's a sign of a novice.

Quote:
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
but who is compiling the code ? you, or the browser ?

Quote:
The browser will condense all that whitespace, as it should and does
wasted time, slower loading.
use the correct method which is the comment out tags
not just blank lines that serve no purpose at all.
what are they for anyway ?

Quote:
Er, have you? Your portfolio?
what's it you ? mind your own business.
when i want a person like you to look at my work
then i'll know it's time to retire.

Quote:
Computer programming has absolutely nothing to do with authoring for the
web

you need to think about my reasoning for mentioning this in the first place.
judging by your attitude you missed my point entirely.

Quote:
Where is your site?
again, mind your own business,
what's your bank account details.

Quote:
Er goo day to you as well sire
Good Day to you Madam








Reply With Quote
  #8  
Old   
0
 
Posts: n/a

Default Re: Another critique please - 09-14-2004 , 02:02 PM




"Neal" <neal413 (AT) yahoo (DOT) com> wrote

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

0 wrote:

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

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.

goo day to you sir

Er goo day to you as well sire.

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.










Reply With Quote
  #9  
Old   
C.W.
 
Posts: n/a

Default Re: Another critique please - 09-14-2004 , 02:40 PM



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

Quote:
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.

Quote:
please tell me, is this the best that you can do ? have you had any training
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.

Quote:
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


Reply With Quote
  #10  
Old   
Neal
 
Posts: n/a

Default Re: Another critique please - 09-14-2004 , 03:42 PM



On Tue, 14 Sep 2004 18:02:07 +0000 (UTC), 0 <0@0.sk> wrote:

Quote:
"Neal" <neal413 (AT) yahoo (DOT) com> wrote in message
newspsebitht06v6656 (AT) news (DOT) individual.net...
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 ?
Oh, please. This was nothing.

Welcome to the group.


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.