HighDots Forums  

thanks for help on css roll-overs and 1 conundrum . . .

Website Design comp.infosystems.www.authoring.site-design


Discuss thanks for help on css roll-overs and 1 conundrum . . . in the Website Design forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
keef
 
Posts: n/a

Default thanks for help on css roll-overs and 1 conundrum . . . - 05-25-2004 , 09:14 PM






I managed to find the CSS code which I pasted in and have now remade
my first page so all links now roll-over and contain no graphics!
Great!

here it is

www.waddo.net

However, I do still have one problem. Other index pages feature pop-up
foot notes (side notes!) which I made in Fireworks.

an example:

http://www.waddo.net/Indexpages/index_short_stuff.html

I would really like to keep the page looking and working in this way,
but since I used fireworks then I guess the whole thing must be images
again. Is there some work around to keep the look and not use gifs? Or
use fewer gifs? I would like the page to be as near gif free as
possible.

Thanks again for previous help and comments!

www.waddo.net

Keith

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

Default Re: thanks for help on css roll-overs and 1 conundrum . . . - 05-25-2004 , 10:24 PM






On 25 May 2004 18:14:27 -0700, keef <keithatkin300 (AT) hotmail (DOT) com> wrote:

Quote:
I managed to find the CSS code which I pasted in and have now remade
my first page so all links now roll-over and contain no graphics!
Great!

here it is

www.waddo.net
Looking good. One thing - you obviopsly like the image look, so assign an
alt which copies the text in the image. Ex.

<img src="assets/Indexpage/Humour.gif" width="76" height="19" alt="Humour">

This way the word "Humour" appears when the image is not displayed (web
trouble, a non-graphical browser, a speech reader, etc.)

You can even add a style:

img {font: bold 1.2em monospace; color: red;}

which will enable the alt text to resemble the image text in many browsers.

I'd really like to see you move to a semantic markup style, with headings
and such. Your image texts are really headings - h2 or maybe h3.

Quote:
However, I do still have one problem. Other index pages feature pop-up
foot notes (side notes!) which I made in Fireworks.

an example:

http://www.waddo.net/Indexpages/index_short_stuff.html

I would really like to keep the page looking and working in this way,
but since I used fireworks then I guess the whole thing must be images
again. Is there some work around to keep the look and not use gifs? Or
use fewer gifs? I would like the page to be as near gif free as
possible.
Your biggest problem on this page is that you rely on Javascript to do it
all. Not wise. Javascript must be viewed as optional. I disable
Javascript, the page is totally blank. Your page must work with Javascript
disabled. After all, that's how Google works...

There is a CSS solution to this, but if you're just starting with CSS it's
going to be way too complicated and confusing so I won't even start. I
recommend duplicating all the links as normal anchor links - plain old
text links - and making some images work without Javascript.

I hate to say this, as I can see you've put some work into this page, but
it's a dismal failure. As with all failures, you must learn from this.

I check all websites with numerous browsers. I have IE, Opera, Mozilla,
and an old Netscape 4 just for hahas. Plus Lynx. If I don't like it in all
those browsers, in every reasonable configuration, I'm not done with the
design. Be sure you're putting out HTML code that works on it's own -
without relying on tables, presentational markup, Javascript, even CSS, to
do what you want. The raw HTML - headings, paragraphs, lists, forms,
tabular tables - should be sufficient, everything else is just dessert.


Reply With Quote
  #3  
Old   
Terry
 
Posts: n/a

Default Re: thanks for help on css roll-overs and 1 conundrum . . . - 05-26-2004 , 03:50 AM



On 25 May 2004 18:14:27 -0700, keithatkin300 (AT) hotmail (DOT) com (keef) wrote:

Quote:
I managed to find the CSS code which I pasted in and have now remade
my first page so all links now roll-over and contain no graphics!
Great!

here it is

www.waddo.net

However, I do still have one problem. Other index pages feature pop-up
foot notes (side notes!) which I made in Fireworks.

an example:

http://www.waddo.net/Indexpages/index_short_stuff.html

I would really like to keep the page looking and working in this way,
but since I used fireworks then I guess the whole thing must be images
again. Is there some work around to keep the look and not use gifs? Or
use fewer gifs? I would like the page to be as near gif free as
possible.

Thanks again for previous help and comments!

www.waddo.net

Keith

dammit! I still can't get to see why french cuisine is crap and why
english food is ace!

T.
--
Terry
Geneva


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.