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

Frage Entwicklung CSS

Mitglied: Fraenky

Fraenky (Level 1) - Jetzt verbinden

29.08.2007, aktualisiert 31.08.2007, 5240 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. ...

HTML
Relative font-size html, css
gelöst Frage von djevil-adHTML2 Kommentare

Hallo, ich wollte mal fragen ob es eine Möglichkeit gibt Html-fonts prozentual anzugeben. Also, so dass sich die Schrift ...

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 ...

PHP
PHP, HTML, CSS Files online berabeiten und verwalten
Frage von ischbindebaetmaenPHP2 Kommentare

Moin Admins, ich suche nach einer Möglichkeit um PHP HTML und CSS Files online zu bearbeiten und zu verwalten. ...

Neue Wissensbeiträge
Batch & Shell

Open Object Rexx: Eine mittlerweile fast vergessene Skriptsprache aus dem Mainframebereich

Information von Penny.Cilin vor 1 TagBatch & Shell9 Kommentare

Ich kann mich noch sehr gut an diese Skriptsprache erinnern und nutze diese auch heute ab und an noch. ...

Humor (lol)

"gimme gimme gimme": Automatischer Test stolpert über Easter Egg im man-Tool

Information von Penny.Cilin vor 1 TagHumor (lol)6 Kommentare

Interessant, was man so alles als Easter Egg implementiert. Ist schon wieder Ostern? "gimme gimme gimme": Automatischer Test stolpert ...

MikroTik RouterOS

Mikrotik - Lets Encrypt Zertifikate mit MetaROUTER Instanz auf dem Router erzeugen

Anleitung von colinardo vor 1 TagMikroTik RouterOS8 Kommentare

Einleitung Folgende Anleitung ist aus der Lage heraus entstanden das ein Kunde auf seinem Mikrotik sein Hotspot Captive Portal ...

Sicherheit

Sicherheitslücke in HP-Druckern - Firmware-Updates stehen bereit

Information von BassFishFox vor 1 TagSicherheit1 Kommentar

Ein weiterer Grund, dass Drucker keinerlei Verbindung nach "auswaerts" haben sollen. Unter Verwendung spezieller Malware können Angreifer aus der ...

Heiß diskutierte Inhalte
Off Topic
Fachkräftemangel in Deutschland? - Talentschmiede schreibt alle 2 Tage die gleichen Stellen aus
Frage von Penny.CilinOff Topic12 Kommentare

Hallo, haben wir in Deutschland Fachkräftemangel? Die Talentschmiede schreibt gefühlt alle zwei Tage dieselben Stellen aus. Und das schon ...

Windows Server
Windows Store Apps
gelöst Frage von PeterleBWindows Server11 Kommentare

Gibt es einen Weg, auf Windows Server 2016 Windows Store Apps wie zum Beispiel die HP Smart App zu ...

Microsoft Office
Outlook Cache Mode Frage
Frage von GwaihirMicrosoft Office11 Kommentare

Hallo zusammen, bin gerade neu in der Firma und lerne hier einige neue Dinge kennen. Zum Beispiel, dass die ...

Microsoft
Erfahrungen mit Webcam over RDP gesucht
Frage von DerWoWussteMicrosoft10 Kommentare

Moin Kollegen. Bekanntlich kann man Webcams nur mit Drittanbietersoftware in RDP reinschleifen. Was nutzt Ihr dazu? Wie stabil funktioniert ...