Menu mit CSS?

[surffix]

Hi


Ich bin so gerade durchs Web gesurft und bin da auf die neue Seite von Elsa gestoßen. (http://www.elsa.de) *sollte jeder wissen*

Unten rechts auf der Seite befinden sich 2 Links:
Kontakt und Impressum

Wenn man dort mit dem Cursor drüber fährt, erscheint ein Kasten um den Link.
Wie mache ich soetwas?

Kann man soetwas mit CSS machen oder javaskript?

Benötige ich dafür Bilder?


gruß

Alex

 

[Adam Wille]

Njet, da wird lediglich die background-color und die border-color per CSS verändert...

Kein Bild, keine Tabelle, nix.

hth,
Geist

 

[surffix]

Irgendwie blicke ich da nicht ganz durch.

Wie lautet denn nun der Code für einen Link (+CSS Anweisung bitte)?

Gruß

Alex

 

[Christoph]

Wie wärs mit rechte Maustaste +Quelltext anzeigen =) Steht alles drinnen :=)
/edit:
Servicecenter Tutorials.de bringt ihnen den Code bis nach Haus:

a:hover.navlink,a:hover.xtrabutton
	{
	background-color:#eff4fa;
	color:#000000;
	border-color:#efaa6b;
	}

 

[Daniel Mannheimer]

noch kompletter

der link im quelltext der seite:

<a class="xtrabutton" accesskey="k" title="Kontaktformular, Adresse, Ansprechpartner : ALT+k" href="/contact/">Kontakt</a>

der link komplett im stylesheet:

a:link.navlink,a:link.xtrabutton,a:visited.navlink,a:visited.xtrabutton
	{
	text-align:center;
	width:0%;
	padding-left:2px;
	padding-right:2px;
	text-decoration:none;
	color: #000000;
	background-color : inherit;
	border-style:solid;
	border-width:1px;
	border-color: #d6d3ce
	}
a:hover.navlink,a:hover.xtrabutton
	{
	background-color: #eff4fa;
	color: #000000;
	border-color: #efaa6b;
	}
a:active.navlink,a:active.xtrabutton
	{
	text-align:center;
	width:0%;
	padding-left:2px;
	padding-right:2px;
	text-decoration:none;
	color: #000000;
	background-color : inherit;
	border-style:solid;
	border-width:1px;
	border-color: #d6d3ce
	}

das sollte nu aber reichen

 

[Adam Wille]

Hö, warum wird'n hochi's "" oben nicht ersetzt?

Btw...Caleb deine CSS-Formulierung solltest du lieber mal checken, der Parser hat da paar kleine ungewünschte Änderungen vorgenommen.

Geist

 

[Daniel Mannheimer]

grmpf :>

das kommt davon, wenn man schnell mal mit copy & paste was hinschmiert

und der ":>" smiley geht auch net

 

[Christoph]

@geist

tja, dass nennt man "können" *g*

nein, Smilies deaktivieren nennt sich die Funktion =)

jetzt wärst du doch schon lange genug dabei *g*

 

[Adam Wille]

Schlau, der Mann...
Nujo, schon länger dabei, aber mit Schummeleien kenn' ich mich nicht aus.

Geist

 

[Daniel Mannheimer]

und warum geht der smiley mit den krummen zähnen nicht? :>