• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Sind diese Links richtig ?

T

tru visual

New member
Hallo zusammen !

Ich habe hier im Forum folgende CSS Angabe gefunden und möchte sie mal nutzten. Sie funktioniert aber nicht. ( weder in FF noch im IE )

PHP: 
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: underline;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}

Kennen tat ich aber nur diese hier:

PHP: 
link: #8C8C8C;
vlink: #8C8C8C;
alink: #8C8C8C;

Kann mir jemand den Unterschied erklären ?
Habe in SelfHTML nachgeschaut und nur text-decoration:none etc.
gefunden.
 
Zuletzt bearbeitet von einem Moderator:
Hi Brainschock !!!
Ich habe eine seperate css datei und eine HTML ( von dkdenz + Anna )

Hier die CSS:

PHP: 
body  {
                  scrollbar-DarkShadow-Color:8C8C8C;
                  scrollbar-Track-Color:#FFFFFF; 
                  scrollbar-Face-Color:#8C8C8C;
                  scrollbar-Shadow-Color:8C8C8C; 
                  scrollbar-Highlight-Color:8C8C8C;
                  scrollbar-3dLight-Color:8C8C8C; 
                  scrollbar-Arrow-Color:FFFFFF;



                  background-color: #284E60; /* #FFFFFF */   
      
}


a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: underline;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}

________________________________________________________

Und hier die HTML:

PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script> 
function wechsel(bildName,bild){
	eval("document."+bildName).src=bild;
}
</script> 
<title>xxx</title>
<style type="text/css">	
body {
background:#294e60;
padding:0px;
margin:0px;
}
#inhalt { 
background:url(bg.jpg) center center no-repeat;	
position:absolute;
height:597px; 
width:796px;
margin:-299px 0px 0px -398px;
top: 50%; 
left: 50%;							
text-align: left;
padding: 0px;
overflow: auto;
}
#formular {
position:absolute;
top:400px;
left:400px;
width:100px;
height:50px;
}
input {
background:#294e60;
border:1px solid #fff;
height:14px;
color:#fff;
}
</style>
</head>
<body>
<div id="inhalt">
<div id="formular">
<input id="INPUT01" name="Username" size="10" maxlength="10" />
<input id="INPUT02" name="Password" type="password" size="10" maxlength="10" style="margin-top:4px;" /><br>

<a href="#"><font face="Arial" style="position: relative;top:0px;left: 0px;font-size:8pt;color: #AEDDF5;z-index: 20;">>> GAST LOGIN <<</font></a>

<a style="position: relative;top:-27px;left: 95px" href="#" onmouseover="wechsel('bild','button01.gif')" onmouseout="wechsel('bild','button00.gif')"><img src="button00.gif" name="bild" border=0></a>

</div>	
</div>
</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
tru visual schrieb:
Kann mir jemand den Unterschied erklären ?
Habe in SelfHTML nachgeschaut und nur text-decoration:none etc.
gefunden.
Zum Vergrößern anklicken....

SELFHTML: Stylesheets / CSS-Eigenschaften / Pseudoelemente und Pseudoklassen

Du solltest schon etwas intensiver nachschlagen.
In SELFHTML steht so ziemlich alles was HTML, CSS und JavaScript zu bieten hat.
Oder besorge Dir ein Einsteiger-Buch.
CSS ist mittlerweile bei der Webseitengestaltung unverzichtbar geworden.
Empfehlen kann ich folgendes, obwohl da natürlich jeder andere Vorlieben hat:
Das Einsteigerseminar
Cascading Style Sheets
Arno Lindhorst
bhv
9,95 €
ISBN 3-8266-7153-8
Zum Vergrößern anklicken....
 
Hi dkdenz !
ist das : Das Einsteigerseminar - Cascading Style Sheets - Arno Lindhorst
besser als SelfHTML ?

Ich habe mal eben deinen Link zu SelfHTML angeklickt und mir das angeschaut. Ist absolut verständlich, aber es funktioniert trotzdem nicht....bei mir. sorry, aber das hier ist doch ein forum, wo man auch "blöde" fragen stellen kann.

Ehrlich, ich habs probiert, drum frage ich.
Ich probier es lt noch weiter allein, vielleicht ist ja nur ein kleiner fehler drin...
melde mich wenn es absolut nicht geht. Werde mir das Buch aber wohl besorgen oder ein anderes.
Trotzdem danke.
 
Zuletzt bearbeitet:
Dein Markup enthält erstaunlich viele Fehler. Check das Ganze doch regelmäßig mal mit Validome.

Aber was geht bei den Links nicht. Bei a:link hast Du keine Farbe definiert, dafür aber bei Deinem Gast-Login. Logischerweise ist dieser Link dann nicht weiß.

Edit: Tatsächlich. In Deinem HTML gibt es keine CSS-Einbindung.
 
Zuletzt bearbeitet:
Naja @ anna55, ich habe ihm auch einfach ein XHTML-Dokument "untergeschoben" und er macht halt weiter mit HTML-Elementen aus der Vorzeit, weil er's eben nicht besser weiß.
Ich denke, hier bedarf es einem Grundeinstieg, sonst klöppeln am Ende wir ihm die Seite zusammen, die er eigentlich machen wollte.
SELFHTML: Navigationshilfen / Wie fange ich an?
 
Hi Dkdenz !
UPSssss.......

Normalerweise so: <link rel=stylesheet type="text/css" href="index.css">

Jetzt gehts !

Hi Anna !
Validome -> hab ich nun unter favoriten abgespeichert.
Vielen lieben Dank an euch.

Gruß
tru
 
dkdenz schrieb:
Naja @ anna55, ich habe ihm auch einfach ein XHTML-Dokument "untergeschoben" ...
Zum Vergrößern anklicken....

Nun, so ganz unbedarft ist tru nicht. Immerhin hat er ne extra CSS. (Allerdings leider auch keinen title-Tag im XHTML.) Und er macht wagemutig weiter. Meine erste externe CSS hatte ich deutlich später. Dass es Unterschiede zwischen HTML und XHTML gibt, erfährt er durch Validome oder eben bei SELFHTML.

tru, lass von vorneherein sämtliche Styleangaben aus Deinem Markup draußen und bau diese in die CSS, also alles zu Farben, Schrift, Position etc. Wenn Du schon ne externe hast, dann pack da alles rein.
 
Hi zusammen !

Ja, ich nehme mir euren Rat zu Herzen und halte mich dran.
Macht ja auch spass, wenn man anderen mal Helfen kann, statt immer nur fragen zu stellen.

Gruß
tru
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben