webdesign

[Hexadecimal Disaster]

Wow! That sounds good!

http://hotwired.lycos.com/webmonkey/refe...eet_guide/

...and never forget the Almighty Google.

About the perverse and twisted hacks... well, these are the kind of things that only works in one kind of browser and looks like crap in the rest. (image rollovers via CSS, that's it)

I've posted previously this link at qb45.net. Really interesting:

http://www.positioniseverything.net/

[Dav]

-Do I use css?
-What's css?
-Is it dangerous?

Yeah, I know I can make hover buttons in frontpage...

Herer's an ok CSS tutorial & example page:
http://www.w3schools.com/css/default.asp

- Dav

[Zack]

Well, he uses the STYLE property in some of his tags...last time I checked, that is CSS. Sure *looks* like CSS, anyway.

[red_Marvin]

I will at least not use frontpages hover buttons as I cant make
their position absolute...

[toonski84]

*sigh* i really have no idea what's going on here with the css, as i've never used to rollover anything but plain text. This is simple, easy code to do an image rollover with javascript.

put this in your header tag:

Code:

<SCRIPT>
    function OnPic (num) {
      eval("document.getElementById(\"m"+num+"\").src=\"n"+num+".gif\";");
      return true;
    }

    function OffPic (num) {
      eval("document.getElementById(\"m"+num+"\").src=\"m"+num+".gif\";");
      return true;
    }
  </SCRIPT>

and use these as your links:

Code:

<a href="index.shtml" onMouseOver="OnPic(1)" onMouseOut="OffPic(1)"><img src="m1.gif" border=0 id="m1"></a>
  <a href="services.shtml" onMouseOver="OnPic(2)" onMouseOut="OffPic(2)"><img src="m2.gif" border=0 id="m2"></a>
  <a href="portfolio.shtml" onMouseOver="OnPic(3)" onMouseOut="OffPic(3)"><img src="m3.gif" border=0 id="m3"></a>
  <a href="contact.shtml" onMouseOver="OnPic(4)" onMouseOut="OffPic(4)"><img src="m4.gif" border=0 id="m4"></a>

I guess I only use the "CSS Revolution" when it's easier, for layers and positioning now and then. But good ol' html, tables, javascript and css where I need it has never failed me.

[Agamemnus]

CSS provides much more flexibility at the cost of reduced flexibility.

[KingCheetah]

Take a look at my web page: It works under any browser. You may cut parts out from it, if You want. (I might rework it soon to not have problems with Windowses with a special font size. But that ill be slower...)

http://rcs.fateback.com/

[KingCheetah]

"That ill be..."

My page is not ill. I wanted to say "will"

[oracle]

CSS is easier for the vast majority of cases, just there isn't much support for some things like image swap and table spacing.

RM is using CSS in there, but convulted CSS, he could probably replace it all with two or three rules.

But thanks for the code toonski, I needed that.

[aetherfox]

As agmamawhateverhisnameisspelledlike said, i disagree with nin on the bg but yes, blueonblue looks strange. heres a sol:

Make the buttons or the menu navbar NOT transparent, and stick like 3 pixels in between each of them so u c some of those scanlines. For rollovers, just use simple javascript. Just cuz css is functional, doesnt mean u gotta use it for everything. I think sometimes its actually a pain in the ass to manage it over good ol html.

Also red marvin, make it alot bigger. You look like youre trying to please 640x480 usrs, but that doesnt cut nemore. Make your thing no more than about 750 pixels wide, height doesnt matter. 750 so that you can please 800x600 users...of which there are a few. I would actually suggest you use 980x600ormore layouts for 1024x768 users