This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Webmaster forum > November 2006 > CSS and a menu





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author CSS and a menu
F.C.

2006-11-05, 11:42 pm


This is (almost) my first CSS effort. I would appreciate any
comments. It's still in mock-up at this free site.

I want to have a simple easy to read personal page with a good menu to
links.

I like the background color and the text is OK, but I am not enough
of an artist to figure out what color or borders I should do with the
links. I tried green, but it was too garish. Would another shade
of brown help ? Or should I go with an entirely new color ?
Aalignment higher or lower ?

Thanks.

FC

http://www.anzwers.org/trade/nicksnotes/
Paul Watt

2006-11-05, 11:42 pm


"F.C." <Neon@me.com> wrote in message
news:l25ti29f94287ljlbdqcvkb09ft0gjbif4@4ax.com...
>
> This is (almost) my first CSS effort. I would appreciate any
> comments. It's still in mock-up at this free site.
>
> I want to have a simple easy to read personal page with a good menu to
> links.
>
> I like the background color and the text is OK, but I am not enough
> of an artist to figure out what color or borders I should do with the
> links. I tried green, but it was too garish. Would another shade
> of brown help ? Or should I go with an entirely new color ?
> Aalignment higher or lower ?
>
> Thanks.
>
> FC
>
> http://www.anzwers.org/trade/nicksnotes/


You need to pay more attention as to what css actually is. Its supposed to
seperate the presentation from the content. With that in mind, this line is
just wrong:
<div align="center"><font size="4" face="georgia" color="#792700">
<h2>Background</h2></div> .

Your font information should be described in your CSS file. If you want to
have it apply only to the H2 tag here then it would be:
H2
{font-size:125%;
font-family:georgia;
color="#792700";}

--
Cheers

Paul
le singe est dans l'arbre
http://www.paulwatt.info


William Tasso

2006-11-05, 11:42 pm

Fleeing from the madness of the jungle
Paul Watt <paulio@wattio.NOSPAMfreeserve.co.uk> stumbled into =

news:alt.www.webmaster
and said:

>
> "F.C." <Neon@me.com> wrote in message
> news:l25ti29f94287ljlbdqcvkb09ft0gjbif4@4ax.com...
o[color=darkred]
[color=darkred]
[color=darkred]

o menu 'wobbles' on mouseover.
o ads block is forcing a fixed min width not required by anything else o=
n =

the page.
o this is just wrong: "&nbsp; &nbsp; &nbsp;&nbsp;"

[color=darkred]
> You need to pay more attention as to what css actually is. Its suppose=

d =

> to
> seperate the presentation from the content. With that in mind, this li=

ne =

> is
> just wrong:
> <div align=3D"center"><font size=3D"4" face=3D"georgia" color=3D"#7927=

00">
> <h2>Background</h2></div> .
>
> Your font information should be described in your CSS file. If you wan=

t =

> to
> have it apply only to the H2 tag here then it would be:
> H2
> {font-size:125%;
> font-family:georgia;
> color=3D"#792700";}


color=3D ? (oops!)




-- =

William Tasso

http://williamtasso.com/words/what-is-usenet.asp
Beauregard T. Shagnasty

2006-11-05, 11:42 pm

William Tasso wrote:

> Paul Watt <paulio@wattio.NOSPAMfreeserve.co.uk> said:
>
>
> color= ? (oops!)


...not to mention

font-family: Georgia, serif;

--
-bts
-Motorcycles defy gravity; cars just suck
Paul Watt

2006-11-05, 11:42 pm

*blushes* damn my eyes for copy and pasting!
Should be {color:#whatever}
Cheers William!

--
Cheers

Paul
le singe est dans l'arbre
http://www.paulwatt.info
"William Tasso" <SpamBlocked@tbdata.com> wrote in message
news:op.thbsl1uvm9g4qz-wnt@tbdata.com...
Fleeing from the madness of the jungle
Paul Watt <paulio@wattio.NOSPAMfreeserve.co.uk> stumbled into
news:alt.www.webmaster
and said:

>
> "F.C." <Neon@me.com> wrote in message
> news:l25ti29f94287ljlbdqcvkb09ft0gjbif4@4ax.com...

o menu 'wobbles' on mouseover.
o ads block is forcing a fixed min width not required by anything else on
the page.
o this is just wrong: "&nbsp; &nbsp; &nbsp;&nbsp;"

[color=darkred]
> You need to pay more attention as to what css actually is. Its supposed
> to
> seperate the presentation from the content. With that in mind, this line
> is
> just wrong:
> <div align="center"><font size="4" face="georgia" color="#792700">
> <h2>Background</h2></div> .
>
> Your font information should be described in your CSS file. If you want
> to
> have it apply only to the H2 tag here then it would be:
> H2
> {font-size:125%;
> font-family:georgia;
> color="#792700";}


color= ? (oops!)




--
William Tasso

http://williamtasso.com/words/what-is-usenet.asp


F.C.

2006-11-05, 11:42 pm

On Thu, 12 Oct 2006 21:31:03 +0100, "William Tasso"
<SpamBlocked@tbdata.com> wrote:

>Fleeing from the madness of the jungle
>Paul Watt <paulio@wattio.NOSPAMfreeserve.co.uk> stumbled into
>news:alt.www.webmaster
>and said:
>
[color=darkred]
>
>o menu 'wobbles' on mouseover.
>o ads block is forcing a fixed min width not required by anything else on
>the page.
>o this is just wrong: "&nbsp; &nbsp; &nbsp;&nbsp;"


What causes the wobble ?

Ed Jay

2006-11-05, 11:42 pm

F.C. scribed:

>On Thu, 12 Oct 2006 21:31:03 +0100, "William Tasso"
><SpamBlocked@tbdata.com> wrote:
>
>
>
>What causes the wobble ?


The double 6px borders that appear on hover.
--
Ed Jay (remove 'M' to respond by email)
Paul Watt

2006-11-05, 11:42 pm


"Beauregard T. Shagnasty" <a.nony.mous@example.invalid> wrote in message
news:qRxXg.57252$QZ1.19734@bgtnsc04-news.ops.worldnet.att.net...
> William Tasso wrote:
>
>
> ..not to mention
>
> font-family: Georgia, serif;
>


I also didn't mention line spacing, padding, margins, line height.......

It was just a nudge in the right direction

--
Cheers

Paul
le singe est dans l'arbre
http://www.paulwatt.info


F.C.

2006-11-05, 11:42 pm

On Thu, 12 Oct 2006 15:55:10 -0700, Ed Jay <edMbj@aes-intl.com> wrote:

>F.C. scribed:
>
[color=darkred]
>
>The double 6px borders that appear on hover.


Thanks a lot everybody. I think i have it cleaned up now. Any
thoughts as to color for the links ?

http://www.anzwers.org/trade/nicksnotes/
Beauregard T. Shagnasty

2006-11-05, 11:42 pm

F.C. wrote:

> Thanks a lot everybody. I think i have it cleaned up now. Any
> thoughts as to color for the links ?
>
> http://www.anzwers.org/trade/nicksnotes/


You might as well continue to fix the rest of the errors in the CSS:
<http://jigsaw.w3.org/css-validator/...2Fnicksnotes%2F>

and the HTML errors:
<http://www.htmlhelp.com/cgi-bin/val...2F&warnings=yes>

...and consider dropping Verdana, setting all font sizes in percents
(font-size: 16 is not valid), and using em units for block sizing.
See: http://k75s.home.att.net/fontsize.html

--
-bts
-Motorcycles defy gravity; cars just suck
Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews