Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

gelöst Unterschiedliche Formatierungen von Links in html mit CSS

Mitglied: Fraenky

Fraenky (Level 1) - Jetzt verbinden

29.08.2007, aktualisiert 31.08.2007, 5316 Aufrufe, 7 Kommentare

Mit Hilfe von CSS sollen auf der selben Seite in verschiedenen Bereichen der Webseite die Verlinkungen mit unterschiedlichen Farben formatiert werden

Hallo Leute.
Ich möchte auf ein und der selben Seite in verschiedenen Bereichen die Links farblich unterschiedlich gestallten.
Bis jetzt kenne ich nur den Einsatz, der für die gesammte Seite gültig ist. Aber ich benötige in manchen <diiv></div> Bereichen eine andere Farbe.
Hatt da jemand einen Tip.
Gruß
Fränky
Mitglied: EvilMoe
29.08.2007 um 02:47 Uhr
Jedem <div> ein id zuweisen und dann in css den divs eine eigene farbei zuweisen ungefär so;
01.
#div_id a{
02.
  color: white;
03.
}
Bitte warten ..
Mitglied: Fraenky
29.08.2007 um 09:32 Uhr
Hallo EvilMoe.
Dieses vorgehen würde aber dem ganzen Text diese Farbe zuweisen. Ich möchte aber nur den Links in verschiedenen Abteilungen verschiedene Farben zuweisen.
Gruß
Fränky
Bitte warten ..
Mitglied: EvilMoe
29.08.2007 um 11:32 Uhr
Nein du übersiehst das hinter der div_id ein a steht und auch nur dem a diese Farbe zuweist.
Ich habe es sogar eben probiert ;)
01.
<style type="text/css">
02.
body {
03.
	color:black;
04.
}
05.
a{color:#00FF00;}
06.

07.

08.
#div_id a{
09.
	color:#CC0000;
10.
}
11.
</style>
12.

13.

14.

15.
<p>
16.
    SCHWARZ<br/><a href="EINLINK">GRÜN</a>
17.
</p>
18.

19.

20.

21.
<p>
22.
	<div id="div_id">AUCH SCHWARZ!<br/><a href="EINLINK">ROT/BRAUN</a></div>
23.
</p>
Bitte warten ..
Mitglied: Fraenky
29.08.2007 um 11:45 Uhr
Hallo EvilMoe
OK. So funktioniert es.

Danke
Fränky
Bitte warten ..
Mitglied: Fraenky
30.08.2007 um 21:37 Uhr
Hallo EvilMoe

Habe deinen Code etwas modifiziert, um mein Problem zu verdeutlichen

01.
<style type="text/css">
02.
body {
03.
	color:black;
04.
}
05.
a{color:#00FF00;}
06.

07.

08.
#div_id a{
09.
	color:#CC0000;
10.
}
11.
</style>
12.
</head>
13.

14.
<body>
15.

16.
    KEIN LINKS<a href="EINLINK">EIN LINK</a>
17.
	<div id="div_id">KEIN LINKS<a href="EINLINK">EIN LINK</a></div>
Das erste KEIN LINKS soll die selbe Farbe haben wie der Link und ebenso der Zeite.
Die Zeilen sollen also kommplet einfarbig sein.
Der normale Text soll sich also den Links anpassen oder eigentlich sollen sich die Links den unterschiedlichen Zeilen angleichen.
Wenn Du mir da nochmal ein Beispiel geben kannst mit css und body.
Bis jetzt habe ich die zweite Zeile mit <div class="silber"> definiert, kriege aber dafür die Linkfarbe nicht passend.
Wenn ich die Anderung nur über css machen könnte, also ohne den body zu verändern, währe das für mich die beste Lösung.

Grüße Fränky
Bitte warten ..
Mitglied: EvilMoe
30.08.2007 um 21:50 Uhr
Wenn ich dich jetzt richtig verstanden haben soll der Hyperlink auch immer dieselbe Farbe wie der text haben oder?

01.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
02.
<html xmlns="http://www.w3.org/1999/xhtml">
03.
<head>
04.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
05.
<title>Unbenanntes Dokument</title>
06.
<style type="text/css">
07.
body {
08.
	color:black;
09.
}
10.
a {
11.
	color:black;
12.
}
13.
#div_id a {
14.
	color: #FF0000;
15.
}
16.
#div_id {
17.
	color: #FF0000;
18.
}
19.
</style>
20.
</head>
21.
<body>
22.
   
23.
    Schwarz <a href="EINLINK">EIN LINK ABER AUCH Schwarz</a> <br/>
24.
    <div id="div_id">ROT <a href="EINLINK">EIN LINK UND AUCH ROT</a></div>
25.
    
26.
</body>
27.
</html>
Bitte warten ..
Mitglied: Fraenky
31.08.2007 um 17:32 Uhr
Hallo EvilMoe
Jetzt habe ich das Schema verstanden.
Danke Dir
Fränky
Bitte warten ..
Ähnliche Inhalte
CSS
Tabellen-Formatierung - CSS
gelöst Frage von TlBERlUSCSS9 Kommentare

Hallo Zusammen, ich habe ein Report-Skript geschrieben, was mir Daten in einer HTML-Datei zusammenfasst. Diese wird per EMail verschickt. ...

Batch & Shell
Powershell html und css Anpassungen
gelöst Frage von H41mSh1C0RBatch & Shell7 Kommentare

Guten Morgen in die Runde, ich bin ja nicht so der Freund vom Webseiten bauen, aber damit der Export ...

HTML

HTML, CSS: Mapping auf dynamischen Hintergrund

gelöst Frage von Judo99HTML2 Kommentare

Ist es möglich, einerseits ein Bild als Hintergrundbild zu verwenden, welches auf allen möglichen Bildschirmgrößen voll skaliert wird und ...

HTML

Seitenwechsel innerhalb einer div-Box in HTML+CSS

gelöst Frage von honeybeeHTML7 Kommentare

Hallo, ich habe mit dem HTML-Tag <div> und CSS folgendes Webseitenschema erstellt: siehe Screenshot unten. Meine Frage: Wenn ich ...

Neue Wissensbeiträge
Windows Update
Sicherheitsupdate für SQL Server 2014 SP3
Information von sabines vor 9 StundenWindows Update

Für den SQL Server 2014 existiert ein Sicherheitsupdate. Laut KB Artikel wird es als CU3 angezeigt: Server 2014 SP3 ...

Backup

Veeam Agent für MS Windows - neue Version verfügbar (bedingt jedoch offenbar .NET Framework 4.6)

Information von VGem-e vor 1 TagBackup

Moin Kollegen, einer unserer Server zeigte grad an, dass für o.g. Software ein Update verfügbar ist. Ob ein evtl. ...

Python

Sie meinen es ja nur gut - Microsoft hilft python-Entwicklern auf unnachahmliche Weise

Information von DerWoWusste vor 3 TagenPython2 Kommentare

Stellt Euch vor, Ihr nutzt python unter Windows 10 und skriptet damit regelmäßig Dinge. Nach dem Update auf Windows ...

Sicherheits-Tools

TrendMicro Worry-Free Business Security 10.0 SP1 steht in Englisch bereit mit Unterstützung für Windows 10 1903 (May Update)

Information von VGem-e vor 3 TagenSicherheits-Tools1 Kommentar

Moin Kollegen, Dann kommt wohl demnächst auch die deutschsprachige/europäische Version zur Auslieferung. Gruß VGem-e

Heiß diskutierte Inhalte
Windows Server
Windows Server 2016 einrichten
Frage von borjiaWindows Server34 Kommentare

Ich würde gerne einen Server einrichten, erstmal nur mit DNS und AD. Habe mich die letzten Wochen durch diverse ...

Google Android
Anbieter für Diensthandys
Frage von Pat.batGoogle Android25 Kommentare

Hallo zusammen, ich bin seit einiger Zeit zuständig für die Diensthandys bei uns in der Behörde. Eine Management Software ...

Exchange Server
Vorgehen um von Tobit auf Exchange zu wechseln
gelöst Frage von Martin1987Exchange Server17 Kommentare

Guten Abend Ich habe den Auftrag erhalten, unser Mail von David zu Outlook zu wechseln. Wie muss ich da ...

Microsoft Office
Office 365 eMail via Website verschicken
Frage von BiBeSoMicrosoft Office16 Kommentare

Hallo, kann man im Office 365 eMails anlegen welche zum versenden (smtp) für die Website funktionieren ? Muss man ...