dropshadow

windows

Guest
Please look at <!-- w --><a class="postlink" href="http://www.georgelangenberg.com/yoga">www.georgelangenberg.com/yoga</a><!-- w --> (<!-- m --><a class="postlink" href="http://www.georgelangenberg.com/yoga">http://www.georgelangenberg.com/yoga</a><!-- m -->)

I want to ad a dropshadow under the menubar.
It should expand horizantally with the windowframe.

i'm an amateur with CSS. So please direct me to a usefull tutorial which explains step by step how to do this... Who knows where to find one???

Thank you for your help, guys.

;)Check out CSS Drop Shadows (<!-- m --><a class="postlink" href="http://alistapart.com/articles/cssdropshadows/">http://alistapart.com/articles/cssdropshadows/</a><!-- m -->) and CSS Drop Shadows 2 (<!-- m --><a class="postlink" href="http://alistapart.com/articles/cssdrop2/">http://alistapart.com/articles/cssdrop2/</a><!-- m -->) at A List Apart.no that is not what I'm looking for
Allthough toninght I managed to apply the dropshadows around the images using this code.

But I'm especcially looking for a code that repeats a small GIF or PNG horizaontally when the screensize expands.

Is that possible?
or is this same workaround and code for images also possible for a dropshadow under my menubar?

thanx georgeAll you have to do is fire up photoshop real quick and create a simple drop shadow image (<!-- m --><a class="postlink" href="http://www.lubaway.com/WD/dropShadow/dropshadow.gif">http://www.lubaway.com/WD/dropShadow/dropshadow.gif</a><!-- m -->). Then, apply that image as the background to the desired div tag, and make it repeat across the x-axis.


div#container {
background: url( dropshadow.gif ) repeat-x; }


In case this is unclear, I uploaded a sample page (<!-- m --><a class="postlink" href="http://www.lubaway.com/WD/dropShadow/">http://www.lubaway.com/WD/dropShadow/</a><!-- m -->).Wonderfull Jish! That's just what I needed to know, Thanks very much!

George ;) !!!

Before starting another new thread maybe anyone can help me here with this new silly questtion:

I applied the dropshadow under the banner (thanx to Jish!;) ).
If I look at my site in explorer the menubuttons are Not underlined, I like it that way.
Yet in mozilla these are underlined and I don't want that.

How come firefox underlines my buttons when I have not defined this?

Anyone:confused:Your menu links are underlined in both IE and Mozilla for me. Dunno what to tell you.ow thanx tom, that must be my old explorer version then... mmm strange as again they are not underlined in Opera...

guess I need to fix this myself, and debug the code...

george
 
Back
Top