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

Margin - Top?

Status
Für weitere Antworten geschlossen.
7

777

Neues Mitglied
Hey ihr,
Folgender Code:
Code: 
<html>
<style type = "text/CSS">
   a.Test
   {
      positon:absolute;
      margin-top: 200pt;
      margin-left:200pt;
   }
</style>
<body>

      <a class = "Test" href="www.google.de">Dieser Text hier steht irgendwo.</a>

</body>
</html>
Die Margin-Top Marke funktioniert nicht bei Klassen.
Zumindest nicht im Opera oder Firefox- im Internetexplorer geht sie glücklicherweise.
Aber auch da irgendwie buggy.
Left geht einwandtfrei ;)

Kann mir vielleicht jemand sagen, was ich ändern muss, damit top geht? ;)

cya
David

PS: Das die Top-Eigenschaft nicht geht zeigt auch das Beispiel hier:

http://JEsusfreak777.je.funpic.de/Kleinertest.html

Eigentlich müsste "dieser Text" nun ja auch nach oben einen Abstand von 200pt haben ;)
 
Ein unerklärendes Ergebnis, als ich rumprobierte, sogar px ging nicht mehr.
Die Lösung ist aber so einfach: display: block;

Gruß, Eugen.
 
Zuletzt bearbeitet von einem Moderator:
777 schrieb:
Die Margin-Top Marke funktioniert nicht bei Klassen.
Zum Vergrößern anklicken....
Mit Klassen hat das nichts zu tun. margin-top gibt für Inline-Elemente wie a nicht. Durch die Angabe von position: absolute machst du den Link zu einem Block-Element und dann geht auch margin-top (sofern man position richtig schreibt ;)).

Allerdings ist das nicht besonders elegant, weil ein absolut positionierter Link alle anderen Elemente auf der Seite nicht mehr wahrnimmt. Der Vorschlag von 3UGENE mit display: block ist schon besser.

P.S.: Die Einheit pt ist mehr was für Druck-Stylesheets. Am Bildschirm sind px, % und em sinnvoller.
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben