mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 06.12.2016 18:57 Benutzername: Passwort: Auto-Login

Thema: css - mir fällt keine headline dazu ein vom 05.09.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Tipps & Tricks für Nonprint -> css - mir fällt keine headline dazu ein
Autor Nachricht
Paleiko
Threadersteller

Dabei seit: 25.08.2005
Ort: Osnabrück
Alter: 32
Geschlecht: Männlich
Verfasst Mo 05.09.2005 12:26
Titel

css - mir fällt keine headline dazu ein

Antworten mit Zitat Zum Seitenanfang

mein Problem:

ich will links wie ihr seht via css standartmäßig nen look verpassen. allerdings, weiss der teufel wieso, macht er das border-bottom-scheiss-zeug auch bei links die auf bildern liegen. ich dachte eigentlich durch das "img a:link" würde das verschwinden aber ich schein mich zu täuschen, findet jemand nen bug? hat jemand ne idee?

meine css datei:

a:link {
font-face: georgia;
color: #666600;
text-decoration: none;
border-bottom: 1px dotted #666600;
}

a:visited {
font-face: georgia;
color: #333;
text-decoration: none;
border-bottom: 1px dotted #666;
}

a:active {
font-face: georgia;
color: #656500;
text-decoration: none:
border-bottom: 1px solid #656500;
}

a:hover {
font-face: georgia;
color: #666600;
text-decoration: none;
border-bottom: 1px solid #656500;
}

img a:link {
text-decoration: none;
border-bottom: 1px dotted #000000;
background:none;
}

meine htmldatei:

<html>
<head>
<title>test</title>
<link href="sdf.css" rel="stylesheet" type="text/css">
</head>
<body>
<a href="http://www.test.de">ausprobieren</a>
<br>
<br>
<a href="http://www.test.de"><img src="../bild.jpg" width="90" height="90" border"0"></a>
</body>
</html>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Glas

Dabei seit: 24.05.2003
Ort: Bremen
Alter: 34
Geschlecht: Männlich
Verfasst Mo 05.09.2005 12:28
Titel

Antworten mit Zitat Zum Seitenanfang

Du willst also bei verlinkten KEIN Border haben?

img {
border:0;
}

Oder nen anderen Border also bei text-links ?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Paleiko
Threadersteller

Dabei seit: 25.08.2005
Ort: Osnabrück
Alter: 32
Geschlecht: Männlich
Verfasst Mo 05.09.2005 12:32
Titel

Antworten mit Zitat Zum Seitenanfang

ausprobiert hast du das auch nicht oder? denn wenn du hättest würdest du sehen, das bild ist immernoch gestrichelt unterstrichen *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Glas

Dabei seit: 24.05.2003
Ort: Bremen
Alter: 34
Geschlecht: Männlich
Verfasst Mo 05.09.2005 12:53
Titel

Antworten mit Zitat Zum Seitenanfang

Ja, das is schon klar ...

img a:link {
text-decoration: none;
border-bottom: 1px dotted #000000;
background:none;
}
  View user's profile Private Nachricht senden
Paleiko
Threadersteller

Dabei seit: 25.08.2005
Ort: Osnabrück
Alter: 32
Geschlecht: Männlich
Verfasst Mo 05.09.2005 14:09
Titel

Antworten mit Zitat Zum Seitenanfang

img a:link {
text-decoration: none;
border-bottom: 1px dotted #000000;
background:none;
}

vergiss was bold dasteht und ersetze es durch "border-bottom:none;"

okay, und selbst wenn das normal nicht funktionieren würde, wie würde es funktionieren ohne das ich dem Bild ein style gebe (selbst dann funktioniert es allerdings auch nicht) *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
way2hot

Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 34
Geschlecht: Männlich
Verfasst Mo 05.09.2005 14:45
Titel

Antworten mit Zitat Zum Seitenanfang

Lösung mit Klasse:

Code:
a:link {
font-face: georgia;
color: #666600;
text-decoration: none;
border-bottom: 1px dotted #666600;
}

a:visited {
font-face: georgia;
color: #333;
text-decoration: none;
border-bottom: 1px dotted #666;
}

a:active {
font-face: georgia;
color: #656500;
text-decoration: none:
border-bottom: 1px solid #656500;
}

a:hover {
font-face: georgia;
color: #666600;
text-decoration: none;
border-bottom: 1px solid #656500;
}

a.imageLink {
text-decoration: none;
border-bottom: 0px;
background: none;
}



Code:
<html>
<head>
<title>test</title>
<link href="sdf.css" rel="stylesheet" type="text/css">
</head>
<body>
<a href="http://www.test.de">ausprobieren</a>
<br>
<br>
<a href="http://www.test.de" class="imageLink"><img src="../bild.jpg" width="90" height="90" border0></a>
</body>
</html>


Du kannst nicht erst hingehen und alle Links allgemein mit ner border versehen und dann erwarten, dass er, ohne dass du ne extra Klasse anlegst, im speziellen Fall (mit dem Bild dazischen) dies nicht tut. Auch deine Hirarchie kann so gar nicht funktionieren, denn es gibt kein a innerhalb von img.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Paleiko
Threadersteller

Dabei seit: 25.08.2005
Ort: Osnabrück
Alter: 32
Geschlecht: Männlich
Verfasst Mo 05.09.2005 15:16
Titel

Antworten mit Zitat Zum Seitenanfang

Zitat:
auch deine Hirarchie kann so gar nicht funktionieren, denn es gibt kein a innerhalb von img.


hatte ich aus einer anderen Quelle. Danke für den Tip mit der Klasse. Dann gehts ja jetzt, vielen Dank!

mfg, Axel


Zuletzt bearbeitet von Paleiko am Mo 05.09.2005 15:30, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Element fällt vom Bildschirmrand
Wordpress - Headline / Slogan
Problem: layout fällt auseinander bei Block Elementen, hilfe
Flash AS2 Script: Schnee, der nach der Zeit erst fällt
[CSS] Button verrutsch im Firefox, CSS-Künstler gesucht
[CSS/PHP/Javascript] CSS-Menu a:active soll sichtbar sein
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Tipps & Tricks für Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.