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

Verweis <a> mit CSS ausrichten wie?

Status
Für weitere Antworten geschlossen.
A

AlexDozer

Neues Mitglied
Hi, ich bastel gerade an meiner Homepage rum. Auf dieser möchte ich einen Verweis <a> unten in der Mitte platzieren. Ich habe dazu in meiner CSS-Datei folgenden Eintrag gemacht:

HTML: 
a    { color:green; font-size: 18px; font-family:serif; text-align:center; vertical-align:bottom; }
Aber die Angaben text-align:center und vertical-align:bottom zeigen überhaupt keine Wirkung. Wie mache ich das denn?

Und noch ne Frage: Ich hab jetzt in Büchern und im Net gekuckt aber nirgends ne Antwort gefunden: Muss der Verweis <a> innerhalb eines Absatzes <p> oder Überschrift <h> stehen oder kann er auch alleine sein? In den Beispielen ist er immer innerhalb eines Absatzes oder Überschrift aber im Text steht nie das es auch so sein muss. Das verwirrt mich :-?

Gruß Alex
 
wie sieht dein html code aus?

zu frage 2:
Nein, er kann auch frei stehen.
 
So z.B.:

Code: 
<html>
<head>

<title>AlexDozer</title>

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

</head>



<h1 style="text-align:center">Willkommen auf meiner Seite!</h1>

<p> <br>Hier findest du in kürze Informationen über mich, AlexDozer. <br /> Schau also bald wieder rein!</p>


<a href=impressum.html>Impressum</a>

</body>
</html>
oder so:

Code: 
<html>
<head>

<title>AlexDozer</title>

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

</head>


<table align=center>
  <tr><td>Inhaber: </td><td> AlexDozer </td><td></td><tr>
  <tr><td>Wohnort:</td><td> Paul-Str. 34 <br></td><tr>
  <tr><td></td><td>91052 Erlangen</td><tr>
  <tr><td>E-Mail: </td><td>info at alexdozer dot com</td><tr>
</table> 

<a href=index.html>Zurück</a>

</body>
</html>
Und hier die CSS:

Code: 
body { background-color:#000000; }

h1   { color:yellow; font-size: 40px; }

p   { color:yellow; font-size: 20px; font-family:Arial; text-align:center; }

a    { color:green; font-size: 18px; font-family:serif; text-align:center; vertical-align: bottom; }    

table { color:yellow; font-size: 20px; font-family:Arial; }
 
binde das mal so ein, wenn du einen link machst:

Code: 
<p><a href="seite.html" tile="der titel">TEXT</a></p>

CSS:
Code: 
p {text-align:center;}
a {color:green;}

So wird der Link mittig angezeigt und es ist konform!
 
Danke, aber wie krieg ich ihn jetzt noch runter an den Rand? Mit vertical-align:bottom funktioniert es nicht :-?

Code: 
p   { color:yellow; font-size: 20px; font-family:Arial; text-align:center; }

a    { color:green; font-size: 18px; font-family:serif; vertical-align:bottom; }
 
du musst das vertical-align:bottom; in das p hineinschreiben.
Dann müsste der Link am unteren Rand des Elternelements angezeigt werden.
 
Ich habs jetzt hingekriegt:

Code: 
p   { color:yellow; font-size: 20px; font-family:Arial; text-align:center;}

p.link { position:absolute; bottom:0px; width: 99%; }

a { color:green; font-size: 18px; font-family:serif;}
Code: 
<p class="link"><a href=index.html>Startseite</a></p>
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben