• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

text-decoration:none funktioniert nicht

Status
Für weitere Antworten geschlossen.
N

nemelio

Neues Mitglied
hallo, vorab möchte ich sagen das ich mich erst heute dazu entschlossen habe html und css zu lernen.

ich habe nun den ganzen morgen ganz wild gelesen und ziemlich viel ausprobiert, seit etwa 30 minuten komme ich aber nicht mehr weiter.

die links unten bei der website sind unterstrichen, ich habe versucht das weg zu machen aber ich glaube ich mache da was ganz entschieden falsch, ich komme leider nicht darauf was es ist.

ich poste vorsorglich mal den ganzen bisherigen code:

Code: 
<html>

<head>

<style type="text/css">
<!--
body {
  font-family:arial,sans-serif;
  font-size:10pt;
  }

div.head {
  width : 786px;
  height : 100px;
  margin-left : 80px;
  background : #e0e0e0;
  border : 1px solid #000000;
  }

div.nav {
  float : left;
  width : 150px;
  margin-left : 80px;
  text-align: left;
  }

div.nav a {
  background-color : #e0e0e0;
  border : 1px solid #000000;
  color : #000000;
  display : block;
  margin-top : 3px;
  padding-top : 2px;
  padding-right : 5px;
  padding-left : 5px;
  padding-bottom : 2px;
  text-decoration : none;
  }

div.nav a:hover {
  background-color : #f4f4f4;
  color : #000000;
  }

div.cont {
  float : left;
  margin : 3px;
  padding : 5px;
  width : 470px;
  border : 1px solid #000000;
  background : #e0e0e0;
  }

div.nav2 {
  float : left;
  width : 150px;
  text-align: right;
  }

div.nav2 a {
  background-color : #e0e0e0;
  border : 1px solid #000000;
  color : black;
  display : block;
  margin-top : 3px;
  padding-top : 2px;
  padding-right : 5px;
  padding-left : 5px;
  padding-bottom : 2px;
  text-decoration : none;
  }

div.nav2 a:hover {
  background-color : #f4f4f4;
  color : #000000;
  }

div.foot {
  float : left;
  width : 786px;
  margin : 3px;
  padding-top : 2px;
  padding-bottom : 2px;
  text-align: center;
  text-decoration : none;
  margin-left : 80px;
  background : #e0e0e0;
  border : 1px solid #000000;
  }

//-->
</style>

</head>

<body>

<div class="head">
</div>

<div class="nav">
<a href="index.html">Ein Toter Link</a>
<a href="index.html">Ein Toter Link</a>
<a href="index.html">Ein Toter Link</a>
<a href="index.html">Ein Toter Link</a>
<a href="index.html">Ein Toter Link</a>
</div>

<div class="cont">
Das ist ein Beispieltext
</div>

<div class="nav2">
<a href="index.html">Ein Toter Link</a>
<a href="index.html">Ein Toter Link</a>
<a href="index.html">Ein Toter Link</a>
<a href="index.html">Ein Toter Link</a>
<a href="index.html">Ein Toter Link</a>
</div>

<div class="foot">
<a href="index.html">Kontakt</a>
<a href="index.html">Sitemap</a>
<a href="index.html">Impressum</a>
</div>

</body>
</html>

hier könnt ihr euch das alles noch online anschauen:

http://www.dennissaile.de/about/test.html

vermutlich ist es ja was ganz simples, also bitte nicht gleich schimpfen, ist mein erster tag :-(.
 
oha, oh klasse, es funktioniert ;heart

würdest du mir bitte noch sagen was es mit dem "a" auf sich hat ?
 
aber sicher doch, das <a> ist doch dein Link, dein div.foot hat ja keine unterstreichungen, nur die links darin, naja und die musst du halt explizit ansprechen, sonst wirds nix.
 
nemelio schrieb:
hallo, vorab möchte ich sagen das ich mich erst heute dazu entschlossen habe html und css zu lernen.
Zum Vergrößern anklicken....
Gute Sache! Lobenswert!

Aber eine Empfehlung dazu: Du hast schon CSS-Probleme, bevor Du HTML überhaupt verstanden hast. Mach Dich mal schlau, was HTML genau ist, wozu das gedacht ist. Versuche rauszufinden, was der Begriff "Semantik" in dem Zusammenhang bedeutet und dann wende das an. Dein HTML-Code ist derzeit vermutlich fehlerfrei (abgesehen davon, dass der DOCTYPE fehlt), aber leider auch völlig sinnfrei und aussagelos. Wenn Du gerade erst am Anfang des Lernprozesses stehst, solltest Du es gleich richtig lernen und nicht den selben Fehler machen, den viele andere auch machen. Den Code ist sogenannte "div-Suppe".

Lies Dich mal ein wenig ein und wenn dann noch Rückfragen dazu sind, werde ich sie Dir gerne beantworten.

Viel Erfolg und Spaß,
-Efchen
 
Ich hoffe ja das es bald mal neuerungen in sachen xHTML2 gibt, dann gibts keine div-suppe mehr :)

edit: weiteres lieber per PN, das geht ein bisschen OT
 
Zuletzt bearbeitet:
Tar-Minyatur schrieb:
Ich hoffe ja das es bald mal neuerungen in sachen xHTML2 gibt, dann gibts keine div-suppe mehr :)
Zum Vergrößern anklicken....
Das <div>-Element wird es weiterhin geben, warum sollten die Webmaster dieser Welt also auf ihre div-Suppe verzichten? Auch jetzt gibt es semantisch sinnvollere Elemente, auch ohne groß zu überlegen, ob man das eine oder das andere nimmt. Nur, weil XHTML2 neue Tags bringt, die vielleicht einfacher zuzuordnen sind, werden die Webmaster dieser Welt ihre Faulheit nicht ablegen. Wenn das so einfach wäre, warum benutzen heute noch so viele Frames oder missbrauchen Tabellen?

Gruß,
-Efchen
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben