[Gast]  Foren Archiv Perl und CGI unterschiedliche rollovereffekte mit css

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Archiv - Archivierte Foren
Themen
Beiträge
Moderatoren
Letzter Beitrag
Perl und CGI
359
1951
11. Apr 2024, 18:43
shalena54
 

unterschiedliche rollovereffekte mit css

Moosbach
Beiträge gesamt: 385
17. Mär 2004, 14:55
Beitrag # 1 von 4
Bewertung:
(750 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
da bin ich schon wieder.
ich möchte in verschiedenen textfeldern textlinks einsetzen und verwende dabei dieses css:
<style type="text/css" media="screen"><!--A:link { color: #B44605; text-decoration: none }
A:visited { color: #B44605; text-decoration: none }
A:hover { color: #7A2F07; text-decoration: underline }
A:active { color: #B44605; text-decoration: none }


--></style>

wie kann ich denn unterschiedliche rolloverfarben einsetzen bei unterschiedlichen textlinkblöcken?
wer hat ne idee?
X

unterschiedliche rollovereffekte mit css

Moosbach
Beiträge gesamt: 385
17. Mär 2004, 15:10
Beitrag # 2 von 4
Beitrag ID: #75486
Bewertung:
(750 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
so sieht übriegens die ganze seite aus:

<HTML>
<HEAD>

<style media="screen" type="text/css"><!--
#Ebene9 { position: absolute; z-index: 21; top: 114px; left: 67px; width: 273px; height: 281px; visibility: visible }
#Ebene8 { position: absolute; top: 119px; left: 473px; width: 259px; height: 269px; visibility: visible }
--></style>
<style type="text/css" media="screen"><!--A:link { color: #B44605; text-decoration: none }
A:visited { color: #B44605; text-decoration: none }
A:hover { color: #7A2F07; text-decoration: underline }
A:active { color: #B44605; text-decoration: none }


--></style>
</HEAD>
<BODY BGCOLOR=#f78513 leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" link="#b44605" vlink="#b44605" alink="#b44605" text="#730f05">
<div id="Ebene8">
<font size="2" face="Arial">Wir haben viel Spaß bei der Arbeit...<br>
</font></div>
<div id="Ebene9">
<p><font size="2" face="Arial">Wir schulen und fördern viel...<br>
</font></p>
</div>
</BODY>
</HTML>

als Antwort auf: [#75481]

unterschiedliche rollovereffekte mit css

SabineP
Beiträge gesamt: 7586
17. Mär 2004, 15:23
Beitrag # 3 von 4
Beitrag ID: #75490
Bewertung:
(750 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Du kannst verschiedene Klassen anlegen.

a.menue:hover {color:#C49F35; font-size:12px; text-decoration:none}

<style type="text/css" media="screen"><!--
A.ersteklasse:link { color: #B44605; text-decoration: none }
A.ersteklasse:visited { color: #B44605; text-decoration: none }
A.ersteklasse:hover { color: #7A2F07; text-decoration: underline }
A.ersteklasse:active { color: #B44605; text-decoration: none }

A.zweiteklasse:link { color: #ff0000; text-decoration: none }
A.zweiteklasse:visited { color: #00ff00; text-decoration: none }
A.zweiteklasse:hover { color: #0000ff; text-decoration: underline }
A.zweiteklasse:active { color: #ff00000; text-decoration: none }

--></style>

und im HTML-Code die Klassen zuweisen:

<a class="ersteklasse" href="seite.html">Link erhält die Farben von ersteklasse</a>

<a class="zweiteklasse" href="seite.html">Link erhält die Farben von zweiteklasse</a>

Gruß Sabine

als Antwort auf: [#75481]

unterschiedliche rollovereffekte mit css

sukoshi
Beiträge gesamt: 73
23. Mär 2004, 13:24
Beitrag # 4 von 4
Beitrag ID: #76391
Bewertung:
(750 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi,
alternativ könnte man auch so vorgehen, dass die "div id" als Unterscheidung dient:

#ebene8 a:hover { color: rgb( 114, 120, 130 ); }
#ebene9 a:hover { color: rgb( 20, 40, 50); }

Auf die Art und Weise spart man sich die Benutzung der Klasse und kann wie gesagt über den 'div' - tag die entsprechenden Zuweisungen erledigen.

Nur so eine Idee

Sukoshi

BTW: die Farben in dem Beispiel hab' ich nicht ausprobiert, also bitte selbst was augenfreundliches raussuchen ;-)

als Antwort auf: [#75481]
X

Aktuell

PDF / Print
callas software veranstaltet Webinar rund um den Etikettendruck

| 14.12.2023

callas-Label_print_300x300
Weitere Events

Neuste Foreneinträge


Mit Preflight Registerfarbe ALL nach Grau konvertieren geht nicht

Quark Objekte lassen sich nicht neben Layout ziehen.

Absatzsetzer in CC24 ME lösen Probleme aus

Barrierefreie PDFs | Mögliche unangebrachte Verwendung des Strukturelements xy

Barrierefreiheit in indesign 2022: figure-Tags haben als Attributobjekt "block" statt "inline"?

Kontrollkästchen in PDF-Formular

Indesign Tabelle ausrichten

Mehrfach geschichtete und übereinander gelagerte PDFs bereinigen

InDesign 19.2 konvertiert 19.3-Dateien beim Öffnen ungefragt

Platzierte Vektorgrafiken skalieren
medienjobs
Weitere Stellenangebote