Simpler Link?

keks_cooky · 09.06.2011

Hallo ihr!

Ich verzweifle gerade bei meinem Blog. Ich selbst habe nur wenig Erfahrung mit HTML & Co, deswegen hatte sie damals ein Freund für mich geschrieben. Jetzt bin ich aber auf mich gestellt und weiss einfach nicht wie ich das machen kann. Es geht um Folgendes:

<div style="overflow:auto; position: absolute; width:100; height:386; left:465; top:260">
<font face="Segoe Print">
<font size="3" color="#808080">
<br>
<a href="http://...de"> <b>Thailand</b></a>
<center>
</center>
</font>
</div>

Eigentlich ganz simpel. Es soll ein Link werden, die Schrift weiß/hell werden. Und das Ganze sollte unterstichen sein. Allerdings kriege ich einfach bei color nicht die Farbe hin, die ich will. Egal was ich mache, der Schriftzug bleibt einfach schwarz. Und für das Unterstrichene habe ich auch schon einiges ausprobiert, aber nichts klappt.

Bin wie gesagt ein totaller Anfänger! Wäre für eure qualifizierte

Hilfe sehr dankbar!

kleeaar · 09.06.2011

AW: Simpler Link?

also entweder, du machst das per richtigem css
also so:
<style type="text/css">
a{
color:red;
text-decoration:underline;
}
a:hover{
color:blue;
text-decoration:underline;
}
</style>
oder du musst den <font>-tag innerhalb dein <a>-Tag packen:

<a href="#"><font size="3" color="#808080">blablabla</font></a>

Grüße

mwxx · 10.06.2011

AW: Simpler Link?

... und Du machst zwei font-Tags auf, schliesst aber nur eines wieder ab.
Ich würde aber auch die CSS-Lösung bevorzugen...

cebito · 10.06.2011

AW: Simpler Link?

HTML/Elements/font - W3C Wiki

The <font> element is a non-standard element... No, really, don't use it.

Dementsprechend style-Angaben, die das a-Element betreffen, auch im a-Element oder besser noch in einer ausgelagerten CSS für dieses a-Element notieren.

cnahlik · 11.06.2011

AW: Simpler Link?

Hi,

also ich würde dir auch eine CSS Lösung empfehlen. Damit kannst du garantieren, dass ein Link auf jeder deiner Seiten gleich aussieht. Hier ein Beispiel:

/*---------------------------------------------------------
Der Link wenn er noch nie gedrückt wurde
---------------------------------------------------------*/
a:link {
color: #FFFFFF;
font-weight: bold; /*text wird fett dargestellt*/
text-decoration: none; /*bei dir wäre das hier nicht "none" sondern "underline"*/
}
/*---------------------------------------------------------
wenn der Link schon mal geklickt wurde
---------------------------------------------------------*/
a:visited {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
/*------------------------------------------------
Hier kannst du einen sogenannten Rollover-Effekt einstellen
Also wenn du über den Link mit der Maus fährst
-----------------------------------------------*/
a:hover { color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

Das müsste schon für dich ausreichen. Die Zeilen mit "/* */" sind Kommentar. Sind sehr sinnvoll wenn du eine große CSS Datei verwendest, bzw. eigentlich immer sinnvoll. Dann weißt du auch noch in einem halben Jahr was du da gemacht hast und wo du die Style-Class oder ID verwendest.

Einbinden kannst du deine CSS im <HEAD> </HEAD> Bereich deiner HTML Datei:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

href: Pfad zu deiner CSS Datei (das musst du Anpassen, hier liegt die CSS im selben Ordner wie die HTML Datei)

Wenn du mehr über CSS wissen möchtest schau mal auf der W3Schools vorbei. Da findest du eigentlich schon sehr viel über HTML,CSS und noch vieles mehr.

keks_cooky · 27.06.2011

Wow, danke an alle, für die tollen Tipps!
@cnahlik: vielen Dank für die *****ensichere Erklärung!

Die habe ich wirklich gebraucht (leider). Ich werde in Zukunft mich wohl doch etwas mehr mit CSS auseinandersetzen müssen. Sorry, aber eine letzte Frage: das mit dem "href" habe ich nicht ganz verstanden. Was muss ich da reinschreiben?

Ach bitte! Das war doch kein Schimpfwort. Und auch wenn, hat sich das auf mich selbst bezogen

Kenny_Adria · 28.06.2011

AW: Simpler Link?

Wenn du nur einen Link so machen willst, dann versuchs doch so (aufbauend auf cnahlik Anleitung):

<a href="your-link-adress.php" id="weiß">yourLinkText</a>

und dann oben in dem style teil einfach vor dem a-Tag #weiß. schreiben. dann dürfte das nur für die links gelten

Grüße

Sturmkraehe · 28.06.2011

AW: Simpler Link?

cnahlik schrieb:
t.

Einbinden kannst du deine CSS im <HEAD> </HEAD> Bereich deiner HTML Datei:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

href: Pfad zu deiner CSS Datei (das musst du Anpassen, hier liegt die CSS im selben Ordner wie die HTML Datei)

Es verhält sich also theoretisch wie ein link auf die datei, nur das diese in das dokument eingebunden wird.
hier musst du angeben wo sich dein stylesheet (Die CSS datei) relativ zur aktuellen Seite befindet.

Also, wenn sie im gleichen verzeichniss sind:

Code:

<head>
<link rel="stylesheet" type="text/css" [COLOR="Red"]href="mystyle.css"[/COLOR] />
</head>

-> also nur den Dateinamen stylesheetname.css
(css ist lediglich die endung für Stylesheets)

wenn sie in einem Unterverzeichniss z.B. namens css ist

Code:

<head>
<link rel="stylesheet" type="text/css" [COLOR="Red"]href="css/mystyle.css"[/COLOR] />
</head>

also Ordnername/stylesheetname.css