Yahoo Clever wird am 4. Mai 2021 (Eastern Time, Zeitzone US-Ostküste) eingestellt. Ab dem 20. April 2021 (Eastern Time) ist die Website von Yahoo Clever nur noch im reinen Lesemodus verfügbar. Andere Yahoo Produkte oder Dienste oder Ihr Yahoo Account sind von diesen Änderungen nicht betroffen. Auf dieser Hilfeseite finden Sie weitere Informationen zur Einstellung von Yahoo Clever und dazu, wie Sie Ihre Daten herunterladen.
Text nach unten rechts oder links verschieben?(Css)?
Hallo!
Ich arbeite gerade an meiner Homepage und bräuchte einen Code, mit dem ich einen Text nach unten links oder unten rechts verschieben kann.
Kennt jemand vielleicht einen?
Mfg Bontif
4 Antworten
- TobiasLv 7vor 1 JahrzehntBeste Antwort
Du könntest den Text in eine DIV-Box packen und diese dann verschieben. Dein Code sieht dann ungefähr so aus:
<div id="MeinText" style="position:relative; left: 20px, top: 100px;">
Hier ist der komplette Text, bzw. alles, was du verschieben willst.
</div>
Mit den im Style-Parameter angegebenen Maßen wäre dein Text nun um 20px nach links und 100px nach unten verschoben.
Neben top und left gibt es natürlich auch bottom und right als Parameter. Darüber hinaus erlauben alle Parameter auch negative Maße.
- Lucius T FowlerLv 7vor 1 Jahrzehnt
So einfach wird das nicht, junger Jedi!
Woher weiÃt Du denn, wo auf dem Bildschirm des Betrachters "unten links" und "unten rechts" ist?
Dafür gibt es Javascript, um das festzustellen. Du kannst also eine Textbox mit der absoluten Position (0;0) machen und visibility:hidden, onLoad rausfinden, wo unten ist, abhängig von der Bildschirmauflösung, die Textbox dann da hinschubsen, indem Du die Position manipulierst, und sie auf "sichtbar" setzen.
Und was machst Du, wenn der Benutzer scrollt?
- pinguin_masterLv 6vor 1 Jahrzehnt
<div style="margin-left: 20px; display:inline;"> Text</div>
oder padding-left
=>top,right,bottom
- vor 1 Jahrzehnt
z.B. mit einer absoluten Positionierung
Element {position:absolute; top:200px; left:50px}
Damit kannst frei bestimmen wo es angezeigt werden soll.