|
|||
Frage zu Wort- / Strichpositionierung
Hallo,
ich komme an einem Punkt nicht weiter. Ich hoffe Ihr könnt mir behilflich sein. Ich möchte unter einem Textblock ein Wort und in einem anderen Fall ein Strich anordnen. Problem, der Textblock ist im Firefox durch die Schriftanpassung länger und deshalb passt die Positionieung des Strichs oder Wort nicht mehr. So mache ich es bisher. . . . . . <div class="text"> text, text, text <br> <br> <div class="weiterlesen"/><a href="textzwei.html">weiterlesen </a> </div> </div> Erklärung: Erst kommt der Text, (align: justify) den ich mit Hilfe von CSS definiere und anordne. Dann soll das Wort "Weiterlesen" etwas unterhalb des Textes positioniert werden und etwas entfernt vom rechten Rand. (Habe den vorherigen Text als Block definiert) Ob ich jetzt anstelle des Wortes "Weiterlesen", eine Grafik (Strich) platziere, wird wohl von der Umsetzung her gleich sein. Kann mir jemand sagen, was ich nicht beachtet habe? fragt Markus hier noch die codes CSS HTML-Code:
.text { position: absolute; left: 157px; top: 395px; font-family:Times, Arial, Helvetica, Verdana, Times; font-size:12px; font-weight: 100; line-height:1.4em; letter-spacing: 0.03em; text-transform:none; color: black; z-index:65; text-align:justify; display:block; width:335px; } .weiterlesen{ position: relative; left: 0px; top: 0px; z-index:75; font-family:Arial, Helvetica, Verdana, Times; font-size:10px; font-weight: 800; line-height:1.4em; letter-spacing: 0.04em; text-transform:none; color: dimgray; text-align:right; display:block; width:335px; } HTML |
Sponsored Links |
|
||||
Dann nenne bitte die Lösung für all die die das selbe Problem haben.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
|||
Innenabstände erreicht man mit padding:
HTML-Code:
.weiterlesen{ font-family:Arial, Helvetica, Verdana, Times; font-size:10px; font-weight: 800; line-height:1.4em; letter-spacing: 0.04em; color: dimgray; text-align:right; width:300px; padding-right: 35px; padding-top: 10px; } |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Frage zu einem Gedanken (DIV positionieren) | charlie | CSS | 1 | 06.09.2008 11:36 |
Problem: langes Wort in div wird nicht umgebrochen - was tun? | flummi3 | CSS | 3 | 20.04.2007 15:38 |
anderes wort für ? | brood | CSS | 3 | 20.01.2007 19:57 |
Ist es möglich einem Wort einen Zeilenumbruch hinzuzufügen? | Rantanplan | CSS | 3 | 24.01.2004 19:31 |