Autor |
Nachricht |
twym
Threadersteller
Dabei seit: 12.06.2005
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Di 31.01.2006 02: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 10: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 23: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 Mi 01.02.2006 00: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 Mi 01.02.2006 00:09, insgesamt 1-mal bearbeitet
|
|
|
|
|
twym
Threadersteller
Dabei seit: 12.06.2005
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Mi 01.02.2006 00:35
Titel
|
|
|
ok danke
|
|
|
|
|
|
|
|
Ähnliche Themen |
[CSS] Problem - Darstellung IE / FF
Problem mit Darstellung im IE
Problem mit Darstellung von Swf
[CSS + AJAX] Problem mit Darstellung im IE
Illustrator CS4 problem bei darstellung
[Pixelstyle] Problem mit Darstellung
|
|