mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 06.12.2016 20:56 Benutzername: Passwort: Auto-Login

Thema: [CSS Problem] Darstellung der Links vom 31.01.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS Problem] Darstellung der Links
Autor Nachricht
twym
Threadersteller

Dabei seit: 12.06.2005
Ort: -
Alter: 30
Geschlecht: Männlich
Verfasst Di 31.01.2006 01:17
Titel

[CSS Problem] Darstellung der Links

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
Zeithase

Dabei seit: 09.05.2005
Ort: Erfurt
Alter: 32
Geschlecht: Männlich
Verfasst Di 31.01.2006 09:26
Titel

Re: [CSS Problem] Darstellung der Links

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
Anzeige
Anzeige
twym
Threadersteller

Dabei seit: 12.06.2005
Ort: -
Alter: 30
Geschlecht: Männlich
Verfasst Di 31.01.2006 22:48
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
dizi

Dabei seit: 08.01.2005
Ort: Kölle
Alter: 31
Geschlecht: Männlich
Verfasst Di 31.01.2006 23:08
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
twym
Threadersteller

Dabei seit: 12.06.2005
Ort: -
Alter: 30
Geschlecht: Männlich
Verfasst Di 31.01.2006 23:35
Titel

Antworten mit Zitat Zum Seitenanfang

ok danke
  View user's profile Private Nachricht senden
 
Ähnliche Themen [CSS] Problem - Darstellung IE / FF
[CSS + AJAX] Problem mit Darstellung im IE
CSS-Problem mit Links
CSS: Schattierung links un Rechts der Website - kl. Problem
ie 8 darstellung css
CSS Navigation - Darstellung im IE
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - 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.