Ergebnis 1 bis 4 von 4

Thema: Problemmit Wortpositionierung an bestimmter Stelle unter einem Text

  1. #1
    Azubi(ne)
    Registriert seit
    11.02.2009
    Beiträge
    71
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Problemmit Wortpositionierung an bestimmter Stelle unter einem Text

    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">

    hier steht ein etwas längerer Text. Ca 20 Zeilen lang.


    <br>
    <br>
    <div class="weiterlesen"/><a href="textzwei.html">weiterlesen &nbsp;&nbsp;&nbsp;</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 CSS codes

    CSS


    .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;
    }
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Problemmit Wortpositionierung an bestimmter Stelle unter einem Text

    Innenabstände erreichst du mit padding:
    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;
    }
    Achte darauf, dass die Summe von width und padding-right/left den übergeordneten 335px entspricht.

  3. #3
    Azubi(ne)
    Themenstarter

    Registriert seit
    11.02.2009
    Beiträge
    71
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Problemmit Wortpositionierung an bestimmter Stelle unter einem Text

    Hey Sejuma,

    funktioniert spitzenmäßig!
    Herzlichen Dank für die schnelle Antwort!

    Frohes Fest und guten Rutsch!

    LG Markus

  4. #4
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Problemmit Wortpositionierung an bestimmter Stelle unter einem Text

    <div class="weiterlesen"/>
    ist übrigens auch falsch, div ist ein container, es macht überhaupt kein Sinn den leerzulassen. Ich nehm einfach mal an du hast dich vertippt und dein Browser verbessert es

    <div class="weiterlesen">
    So müsste es aussehen.

Ähnliche Themen

  1. Webspace: Bestimmter Zugang zu einem Unterordner
    Von Starfighter im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 12.12.2007, 14:56
  2. Layout Problemmit Rahmen aus Jpg Bild
    Von PHPDummy im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 05.10.2007, 16:22
  3. Was versteht man unter einem nominalen und realen BIP?????
    Von Denise im Forum Off Topic und Quasselbox
    Antworten: 0
    Letzter Beitrag: 18.01.2007, 16:11
  4. Text in ein Textfeld an eine bestimmte Stelle einfügen
    Von straesser78 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 26.03.2006, 03:02
  5. Formularfeld nur unter bestimmter Bedingung anzeigen
    Von ComputerFee im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 25.08.2004, 15:57

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •