Autor |
Nachricht |
twym
Threadersteller
Dabei seit: 12.06.2005
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Di 31.01.2006 01:17
Titel [CSS Problem] Darstellung der Links |
|
|
also ich beginne gerade html und css zu erlernen,.... hab mich schon so einiges durch die seiten geklickt, mir einiges an quellcode anderer seiten reingezogen und will nun meine erste seite umsetzen.
ich komm und komm aber nicht weiter.... denn ich bekomm die links einfach nicht angezeigt. ich find einfach nicht meinen fehler. habs schon mit id und class,... mit "." und "#" versucht. aber nix funzt. wäre nett wenn ihr mir helfen könntet.
danke im vorraus. tim
Code: | body{
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
}
td {
font-family: Arial, Helvetica, sans-serif;
}
th {
font-family: Arial, Helvetica, sans-serif;
}
/*Kasten für Hauptüberschriften*/
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 3,5pt;
font-weight: bold;
color: #000000;
width: 309px;
padding: 3px;
}
/*fließtext*/
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1,9px;
color:#000000;
background-color:#FFFFFF;
}
/*background*/
.background {
background-image: url("Background1.jpg");
width: 100%;
height: 100%;
position: absolute;
}
/*container (bild_rechts, navileiste, schwarz_rechts*/
.container {
background-image: url("Container.jpg");
background-repeat: no-repeat;
position: absolute;
height: 460px;
width: 810px;
}
/*navigationselemente*/
a.salon, a.konzept, a.team, a.produkte, a.anfahrt {
position: absolute;
left: 122px;
/*Navielemente*/
a.salon {background-image:url(Button1.jpg);}
a.konzept {background-image: url(Button2.jpg);}
a.team {background-image: url(Button3.jpg);}
a.produkte {background-image: url(Button4.jpg);}
a.anfahrt {background-image: url(Button5.jpg);}
a.salon: hover {background-image: url(Button1_klick.jpg);}
a.konzept: hover {background-image: url(Button2_klick.jpg);}
a.team: hover {background-image: url(Button3_klick.jpg);}
a.produkte: hover {background-image: url(Button4_klick.jpg);}
a.anfahrt: hover {background-image: url(Button5_klick.jpg);}
.salon: active {background-image: url(Button1_klick.jpg);}
.konzept: active {background-image: url(Button2_klick.jpg);}
.team: active {background-image: url(Button3_klick.jpg);}
.produkte: active {background-image: url(Button4_klick.jpg);}
.anfahrt: active {background-image: url(Button5_klick.jpg);} |
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Wensing Hairfashion</title>
<link rel="stylesheet" type="text/css" media="screen" href="Untitled-4.css"/>
</head>
<body>
<div class="background">
<div class="container">
<ul>
<li><a class="salon" href="http://www.untitle.de/blabla1"></a></li>
<li><a class="konzept" href="http://www.untitle.de/blabla1"></a></li>
<li><a class="team" href="http://www.untitle.de/blabla1"></a></li>
<li><a class="produkte" href="http://www.untitle.de/blabla1"></a></li>
<li><a class="anfahrt" href="http://www.untitle.de/blabla1"></a></li>
</ul>
</div>
</div>
</body>
</html>
|
|
|
|
|
|
Zeithase
Dabei seit: 09.05.2005
Ort: Erfurt
Alter: 39
Geschlecht:
|
Verfasst Di 31.01.2006 09:26
Titel Re: [CSS Problem] Darstellung der Links |
|
|
twym hat geschrieben: | Code: |
<li><a class="salon" href="http://www.untitle.de/blabla1"></a></li>
|
|
Ich empfehle ganz dringend de.selfhtml.org. In Deinem Linktag fehlt natürlich der Titel des Links.
Code: | <a class="xyz" href="/beispiel.html">NAME_DER_ANGEZEIGT_WIRD</a> |
|
|
|
|
|
Anzeige
|
|
|
twym
Threadersteller
Dabei seit: 12.06.2005
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Di 31.01.2006 22:48
Titel
|
|
|
natürlich habe ich mich auch schon auf selfhtml umgeschaut.
und zwischendurch hat es auch gefunzt. deine antwort ist leider kein problem für meine lösung. ich will keinen text der als link angezeigt wird, sondern es soll das image, dass in der css datei bestimmt wurde dargestellt werden als link.
wie gesagt es hatte auch schon funktioniert. dann habe ich versucht die links mithilfe css zu formatieren. danach noch ein paar kleinigkeiten geändert,... und plötzlich sind die images von den buttons weg.
meinen fehler immer noch nicht gefunden
|
|
|
|
|
dizi
Dabei seit: 08.01.2005
Ort: Kölle
Alter: 38
Geschlecht:
|
Verfasst Di 31.01.2006 23:08
Titel
|
|
|
das ginge per css so
Code: | a:href {
display: block;
width: 0815px;
height: 0815px;
text-indent: -1000px;
background-image: url(bla.gif);
}
|
is mir gerade zu spät um zu erklären, was die code-zeilen bedeuten.
ein ganz heisser tipp hab ich dennoch: guckst du!
bei css4you is der ganze krams ziemlich gut erklärt.
Zuletzt bearbeitet von dizi am Di 31.01.2006 23:09, insgesamt 1-mal bearbeitet
|
|
|
|
|
twym
Threadersteller
Dabei seit: 12.06.2005
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Di 31.01.2006 23:35
Titel
|
|
|
ok danke
|
|
|
|
|
|
|
|
Ähnliche Themen |
Problem mit Darstellung im IE
Problem mit Darstellung von Swf
[CSS] Problem - Darstellung IE / FF
[Pixelstyle] Problem mit Darstellung
Problem mit der Darstellung im PHPMyAdmin
Problem mit der Darstellung von Umlauten
|
|