Autor |
Nachricht |
Benutzer 48639
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mi 11.05.2011 22:56
Titel Verschiedenfarbige Links - die xte... |
|
|
Mahlzeit die Herren bzw. Damen...
ich bin leider absoluter Newbie was Dreamweaver CS5 & CSS anbelangt und würde gerne 2 unterschiedliche Linkfarben auf einer Webseite hinterlegen. Wie gehe ich da am Besten vor? Einfach eine neue Klasse definieren geht leider nicht...
Ich denke da werde ich nicht drum rum kommen und im Quellcode rumfriemeln müssen - oder? Wäre super wenn jemand der mit DW CS5 vertraut ist sagen kann wie man da am Besten vorgeht...
Bin über jede Hilfe dankbar!
MFG
|
|
|
|
|
simkay
Dabei seit: 29.10.2007
Ort: Karlsruhe
Alter: 46
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
snuwie
Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 12.05.2011 07:44
Titel Re: Verschiedenfarbige Links - die xte... |
|
|
Talgdrüse hat geschrieben: | Einfach eine neue Klasse definieren geht leider nicht... |
Wieso das? Wenn nicht könntest du noch auch eine ID oder Klasse eines Elternelemets verweisen.
Code: |
#deine-id1 a { color: xxx }
#deine-id2 a { color: xxx }
|
|
|
|
|
|
immerIch
Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht:
|
Verfasst Do 12.05.2011 08:46
Titel
|
|
|
Oder nur Anchor-Tags selektieren, die eine bestimmte Klasse/ID haben:
Code: |
a#deine-id { color: xxx }
a.deine-klasse { color: xxx }
|
|
|
|
|
|
Benutzer 48639
Account gelöscht Threadersteller
Ort: -
|
Verfasst Do 12.05.2011 18:28
Titel
|
|
|
hmm.... ich merke schon - mir fehlt irgendwie das Grundwissen. Ich würde mal hier meinen Code posten, vielleicht kann man damit was anfangen... Wäre super wenn man die neu formatierten Elemente rausheben könnte (wenn einer die Güte hätte...)
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
/* ~~ Dieser Container umschließt alle anderen div-Tags und weist ihnen ihre als Prozentwert definierte Breite zu. ~~ */
.container_navi_top {
width: 860px;
margin-top: 15px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
height: auto;
}
body,td,th {
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
color: #666;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(file:///Mac%20HD/Users/Tobi/Desktop/novum-medien/images/bg_header.gif);
background-repeat: repeat-x;
}
a:link {
text-decoration: none;
color: #F60;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #999;
}
a:active {
text-decoration: none;
}
</style>
</head>
<body leftmargin="0" marginwidth="0">
<div class="container_navi_top" id="containier">
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr class="test">
<td height="21"><a href="#" class="menu">HOME</a></td>
<td width="100"><div align="center">//</div></td>
<td><a href="vita.html">VITA</a></td>
<td width="100"><div align="center">//</div></td>
<td><a href="leistungen.html">LEISTUNGEN</a></td>
<td width="100"><div align="center">//</div></td>
<td><a href="news.html">NEWS</a></td>
<td width="100"><div align="center">//</div></td>
<td><a href="kontakt.html">KONTAKT</a></td>
<td width="100"><div align="center">//</div></td>
<td><a href="impressum.html">IMPRESSUM</a></td>
</tr>
</table>
</div>
</body>
</html>
|
kurze Erklärung noch dazu - die links auf der Seite sollen alle in diesem *orange* erscheinen - ausser in der Navi - dort sollen Sie weiss sein... wie realisiere ich das nun am besten...? Mit den Vorschlägen hier werde ich nämlich nich sooooo ganz schlau
Merci schon mal im Voraus
|
|
|
|
|
Farbmalkasten
Dabei seit: 14.08.2010
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 12.05.2011 18:51
Titel
|
|
|
Hi,
also in deiner CSS Datei musst du eine neue Klasse für die Menü-Links erstellen. In meinem Beispiel heißen die
Hier der Code, den du dann in deine CSS Datei schreiben musst:
Code: |
a.menu:link {
color:#ffffff;
text-decoration:none;
}
a.menu:visited {
color:#ffffff;
text-decoration:none;
}
a.menu:active {
color:#ffffff;
text-decoration:none;
}
a.menu:hover {
color:#ffffff;
text-decoration:underline;
} |
So. Hiermit hast du nun angegeben, dass alle Links, die in der Klasse "menu" nachher in deinem Quelltext stehen weiß sind und beim hovern unterstrichen werden.
Nun musst du die Link-Klasse aber noch in deine HTML Datei einbauen. Das machst du, in dem du den "a href" von deinem Menü Link veränderst und noch
Code: | <a class="menu" href="deineseite.html">Linkname</a> |
hinzufügst. Ich hoffe ich konnte dir helfen
|
|
|
|
|
Benutzer 48639
Account gelöscht Threadersteller
Ort: -
|
Verfasst Di 17.05.2011 06:17
Titel
|
|
|
so - entschuldige die späte Nachricht - aber Urlaub sollte man nicht aufschieben
Hat super geklappt - Vielen Dank! Ich werde mich bzgl. der Klassen, IDs, Selektoren etc wohl noch reinfuchsen müssen, aber das wird schon
Thnx - nochmal...!
Grüße!
|
|
|
|
|
|
|
|
Ähnliche Themen |
verschiedenfarbige navigation mit css
verschachtelte links
navigieren mit links
Probleme mit den Links
DW: Verhalten bei Links
Flash MX Links
|
|