Gruppen

Top Gruppen: Windows 7; Windows Vista; Windows XP; Textverarbeitung; Excel; DSL; Internet Browser; E-Mail/Outlook
Betriebsysteme: Windows classik; Linux; BS-Sonstige
Software: Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; SW-Sonstige
Hardware: Mainboard/CPU; Grafikkarten; Peripherie; Laptop/Notebook; HW-Sonstiges
Netzwerk: Telefon,ISDN,Modem; W-Lan; NW-Sonstiges
Programmierung: PHP,ASP,Perl...; Java,C++...; Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke; SN Intern; Test

/ Forum / Webseiten/HTML

Webseiten/HTML

Fragevon ReneL vom 02.11.2019, 08:05 Options

wie mache ich solche buttons??

hallo,

ich habe eine frage:

wie kann ich mir solche buttons selber machen?

das basiert auf css und im hintergrund wechselt dann ein bild, ein sogenanntes rollover.

2 bilder habe ich, aber ich bekomme die schrift da nicht drüber...

beispiel: www.sear-gmbh.de

Antwort schreiben

Antwort 1 von overroller vom 02.11.2019, 08:49 Options

dies im CSS:


#menue a:link {
display:block;
width:xxx;
height:yyy;
color:blue;
background:url(hg1.gif) white;
}

#menue a:hover {
display:block;
width:xxx;
height:yyy;
color:black;
background:url(hg2.gif) yellow;
}

und die Links so:

<ul id="menue">
<li><a >Linktext</a></li>
<li><a >Linktext</a></li>
<li><a >Linktext</a></li>
</ul>

das entscheidende sind die beiden Hintergrundbilder sowie die Angaben für width und height für die Links. Damit die akzeptiert werden ist das display:block nötig. Um auch Menschen ohne Bilder was zu sehen anzubieten werden außerdem die Vorder-und Hintergrundfarben geändert.

Hier fehlen jetzt noch Angaben für

 a:visited a:active

usw.

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..

Neue Einträge

Tipp einschicken

News einschicken