hyperlink nicht unterstrichen

SEALSAUT · 24.08.2010

servus leute,

zu mir kurz, ich lerne seit gestern HTML sowie CSS im HTML editor von phase.
ich hab ein kleines "problem".

der befehl für hyperlink nicht unterstreichen ist ja

a { text-decoration: none; }

nur der funktioniert nicht !?
aja ich arbeite mit phase 5.6 und es ist eine CSS datei.

lg.

fantaflascher · 24.08.2010

AW: hyperlink nicht unterstrichen

<a href="seite.html" style="text-decoration:none;">link</a>

versuchs mal damit.

cebito · 24.08.2010

AW: hyperlink nicht unterstrichen

Das ist richtig, um dir genau zu sagen, warum es in deinem Fall nicht funktioniert müsste allerdings der komplette HTML/CSS- Code gepostet werden oder noch besser ein Link zum Problem.

fantaflascher schrieb:
<a href="seite.html" style="text-decoration:none;">link</a>

versuchs mal damit.

Wenn das in der CSS schon drin ist - wozu nochmal extra ein Inline-Style? Wäre vielleicht ne Quick&dirty-Lösung, aber das Problem bleibt bestehen.

Momo22m · 24.08.2010

AW: hyperlink nicht unterstrichen

also ich würde es eher so machen denk mal du hast die Links ihn div trine mach den Befehl ihn div Bereich von der css her rein dann musste es gehen

SEALSAUT · 24.08.2010

Momo22m schrieb:
also ich würde es eher so machen denk mal du hast die Links ihn div trine mach den Befehl ihn div Bereich von der css her rein dann musste es gehen

sorry das versteh ich jetzt nicht

.
beschäftige mich erst mit HTML u. CSS seit gestern

.

aja dieser befehl funktioniert auch leider nicht

.

die farben für besuchte und unbesuchte links ändern

a:link { color: #d90000; }
a:visited { color: #cc6666; }

könnte es möglich sein das ich ein fehler beim hyperlink gemacht habe?

ArtiHl · 24.08.2010

AW: hyperlink nicht unterstrichen

Deine CSS angabe ist schon richtig.
Ich gehe wie Momo22m davon aus das du an irgendeiner Stelle dieses CSS überschrieben hast.
Hier ein paar infos:
6.5 Spezifität: das Punktesystem für Selektoren - Little Boxes - Webseiten gestalten mit HTML und CSS

Dazu sei noch gesagt werden das jeweils das letzte CSS mit der gleichen Punktezahl Gültigkeit hat.

Am besten du postest dein gesamtes Css samt html.

Hast du 2 CSS-Dateien eingebaut?
Wenn ja dann könnte es sein das die die 2te die Erste, was die a - Angaben angeht, überschreibt.

SEALSAUT · 24.08.2010

AW: hyperlink nicht unterstrichen

ich gehe nach dieser anleitung vor:
Teil 1 kostenlos online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS

HTML

<html>
<head>
<title>Startseite - Little Boxes (Webseiten gestalten mit HTML und CSS)</title>
<link href="bildschirm.css" rel="stylesheet" type="text/css" media="screen" />
<meta http-equiv="Content-Typ" content="text/html; charset=iso-8859-1" />
<meta name="editor" content="html-editor phase 5" >
</head>
<body id="startseite">

<div id="wrapper">

<div id="kopfbereich">
<h1>
<img src="little_boxes_logo.gif" id="logo" alt="Litte Boxes" width="222" height="32" />
</h1>
<p>Webseiten gestalten mit HTML und CSS. <soan>Grundlagen</span>.</p>
</div> 

<div id="navibereich">
<ul>
<li id="navi01"><a href="index.html">Startseite</a></li>
<li id="navi02"><a href="kontakt.html">Kontakt</a></li>
</ul>
</div> 

<div id="textbereich">
<h2>Startseite</h2>
<p>Webseiten bestehen aus <strong>rechteckigen Kästchen</strong>,
die über-,neben- und ineinandergestapelt werden. Alles Runde ist
Entwerder Trick, Grafik oder beides.</p>
<p>Die folgenden Schritte zeigen den Weg von Zusammenbauen der
<em>Kisten</em> bis zur fertigen gestalteten <em>Webseite</em>:</p>
<ul>
<li>So funktioniert HTML</li>
<li>Wichtige HTML-Elemente
<ul>
<li>Überschriften</li>
<li>Absätze und Listen</li>
<li>Links und Gratiken</li>
</ul>
</li>
<li>Gestalten mit CSS</li>
<p>Besuchen Sie <a href="http://little-boxes.de/" title="little-boxes.de - mit Infos zum Buch">
die Website zum Buch</a> für weiter Information.</p>
</ul>
</div> 

<div id="fussbereich">
<address>
Little Boxes · Kästchenweg 12 · 01234 Boxberg
<br />
Tel: 01234 567890 · Fax: 01234 567891
</address>
</dix> 

</div> 
</body>

</html>

CSS

/* Stylesheet für die Übungsseiten aus dem Buch "Little Boxes, Teil 1" */

/* Gestalte das HTML-Element mit dem Name Body */
body {
background-color: #8c8c8c; /* Hintergrundfarbe */
color: white; /* Schriftfarbe */
font-family: Verdana, Arial, Helvetica, sans-serif; /* Schriftart */
font-size: small; /* Schriftgröße */
}

/* Gestalte dsa div mit id="wrapper" */
div#wrapper {
background-color: white;
color: black;
}

div#kopfbereich {
background-color: #f3c600; /* Geld-Orange */
color: black;
}

/* Gestalte die Grafik mit id="logo" */
img#logo {
background-color: white;
color: black;
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }

address {
text-align: center; /*zentrieren */
font-size: 80%; /* etwas kleiner als der Rest */
font-style: normal; /* normale Schrift, nicht kurvik */
letter-spacing: 2px; /* Abstand zwischen den Buchstaben */
line-height: 1.5; /* Zeilenabstand, ohne Einheit */

a { text-decoration: none; } /* Unterstreichung entfernen */

ArtiHl · 24.08.2010

AW: hyperlink nicht unterstrichen

HTML:

address {
 text-align: center; /*zentrieren */
 font-size: 80%; /* etwas kleiner als der Rest */
 font-style: normal; /* normale Schrift, nicht kurvik */
 letter-spacing: 2px; /* Abstand zwischen den Buchstaben */
 line-height: 1.5; /* Zeilenabstand, ohne Einheit */

a { text-decoration: none; } /* Unterstreichung entfernen */

Da fehlt die abschließende } für address

.

Das ist übrigends miteiner der größten fehler, nicht abschliessende {},(),<>,tags etc. nicht nur bei Html, CSS, PHP,JS.
Normal müsste es aber in deinem Editor farbig erkennbar sein.

fexx · 24.08.2010

AW: hyperlink nicht unterstrichen

bau doch mal einen doctype in deine seite ein

SEALSAUT · 24.08.2010

AW: hyperlink nicht unterstrichen

ArtiHl schrieb:
HTML:

address { text-align: center; /*zentrieren */ font-size: 80%; /* etwas kleiner als der Rest */ font-style: normal; /* normale Schrift, nicht kurvik */ letter-spacing: 2px; /* Abstand zwischen den Buchstaben */ line-height: 1.5; /* Zeilenabstand, ohne Einheit */ a { text-decoration: none; } /* Unterstreichung entfernen */

Da fehlt die abschließende } für address .

Das ist übrigends miteiner der größten fehler, nicht abschliessende {},(),<>,tags etc. nicht nur bei Html, CSS, PHP,JS.
Normal müsste es aber in deinem Editor farbig erkennbar sein.

gut genau das war der fehler :motz:

!
danke für die hilfe leute.
das thema kann geschlossen bzw. gelöscht werden.