1. #1
    Avatar von exception
    Registriert seit
    27.03.2012
    Beiträge
    198
    Thanked 57 Times in 36 Posts

    Standard [CSS] Zeilenumbruch verhindern

    Hallo Leute,
    komme gerade nicht weiter.

    Folgender CSS-Code:
    PHP-Code:
    .sideBox {
        
    width230px;
        
    heightauto;
        
    border-bottom6px solid #7109aa;
        
    border-top3px solid #252121;
        
    padding10px;
        
    padding-top15px;
        
    padding-bottom15px;
        
    background#131111;
        
    font-familycourier;
        
    font-size13px;
        
    color#FFF;
        
    margin-top30px;
    }

    .
    boxTitle {
        
    font-familytrebuchet ms;
        
    font-size15px;
        
    font-weightbold;

    HTML:
    PHP-Code:
    <div class="boxTitle">&raquoLetzte Themen im Forum</div>
             <
    hr style="border: 1px solid #252121; margin-bottom: 13px;" />        
            
             &
    bullThreadtitel1337<br>
             &
    bullLanger Threadtitel soll nicht breaken<br>
             &
    bullThreadtitel1337<br>
             &
    bullLanger Threadtitel soll..<br>
             &
    bullThreadtitel1337
    </div
    Hier der Link dazu: tripping society

    Es geht um die untere Box!

    Ich bekomm's gerade irgendwie nicht hin, das bei längeren Thread-Titeln ein Zeilenumbruch verhindert wird
    und der Text stattdessen einfach in den nicht sichtbaren Bereich der DIV weitergeht.

    Mein Idee wäre ja das jeder Thread-Titel eine eigene div/span mit width 100% bekommt. Ich bilde mir
    ein das es da irgendeine Eigenschaft gab damit der Text wie von mir gewünscht in's nicht sichtbare
    weitergeh anstatt einen Zeilen umbruch zu erzeugen, oder irre ich mirch da?

    Ich hoffe ihr versteht was ich meine xD
    Mfg da
    Geändert von exception (19.10.2013 um 16:18 Uhr)
    Ich will Geld haben und zwar so viel, das ich auch mal sagen kann das es Wichtigeres gibt...

  2. #2
    Avatar von Snees
    Registriert seit
    18.11.2011
    Beiträge
    1.001
    Thanked 590 Times in 319 Posts

  3. #3
    Avatar von exception
    Registriert seit
    27.03.2012
    Beiträge
    198
    Thanked 57 Times in 36 Posts

    Standard AW: [CSS] Zeilenumbruch verhindern

    Hm.

    PHP-Code:
            <div class="sideBox">
                <
    div class="boxTitle">&raquoLetzte Themen im Forum</div>
                <
    hr style="border: 1px solid #252121; margin-bottom: 13px;" />        
                
                <
    div class="threadTitle">&bullThreadtitel1337</div>
                <
    div class="threadTitle">&bullLanger Threadtitel soll nicht breaken</div>
                <
    div class="threadTitle">&bullThreadtitel1337</div>
                <
    div class="threadTitle">&bullLanger Threadtitel soll..</div>
                <
    div class="threadTitle">&bullThreadtitel1337</div>
        </
    div>


    .
    sideBox {
        
    width230px;
        
    heightauto;
        
    border-bottom6px solid #7109aa;
        
    border-top3px solid #252121;
        
    padding10px;
        
    padding-top15px;
        
    padding-bottom15px;
        
    background#131111;
        
    font-familycourier;
        
    font-size13px;
        
    color#FFF;
        
    margin-top30px;
    }

    .
    boxTitle {
        
    font-familytrebuchet ms;
        
    font-size15px;
        
    font-weightbold;
    }

    .
    threadTitle {
        
    positionrelative;
        
    width225px;
        
    height13px;
        
    background#131111;
        
    margin-bottom2px;

    Mit der extra Klasse funktioniert es zwar so wie ich will, aber irgendwie ist das ganze ein bisschen komisch weils
    nur funktioniert wenn ich der Klasse einen background zuweise. Versteh aber irgendwie nicht warum... Will das so
    irgendwie nicht stehen lassen xD gibt sicher eine bessere lösung^^
    Ich will Geld haben und zwar so viel, das ich auch mal sagen kann das es Wichtigeres gibt...

  4. #4

    Registriert seit
    28.10.2011
    Beiträge
    625
    Thanked 279 Times in 168 Posts

    Standard AW: [CSS] Zeilenumbruch verhindern

    Ehm wofür gibts extra Word-Wrap, overflow oder whitespace properties und derartiges?
    Code:
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    Außerdem würd ich für deine Box dort lieber ein ul/li nutzen.
    Geändert von Bubble Gum (19.10.2013 um 17:11 Uhr)

  5. The Following 2 Users Say Thank You to Bubble Gum For This Useful Post:

    exception (19.10.2013), xOneDirectionx (19.10.2013)

Ähnliche Themen

  1. Antworten: 2
    Letzter Beitrag: 18.12.2013, 02:29
  2. Zeilenumbruch funktioniert nicht :/
    Von ZarneXxX im Forum PHP
    Antworten: 10
    Letzter Beitrag: 22.06.2013, 20:38
  3. Bot Problem - Zeilenumbruch
    Von GameGott im Forum Knuddels Bots
    Antworten: 8
    Letzter Beitrag: 01.10.2012, 23:56
  4. Zeilenumbruch
    Von GameGott im Forum Fragen & Probleme
    Antworten: 1
    Letzter Beitrag: 29.06.2012, 01:45
  5. Antworten: 13
    Letzter Beitrag: 14.01.2012, 11:57
Diese Seite nutzt Cookies, um das Nutzererlebnis zu verbessern. Klicken Sie hier, um das Cookie-Tracking zu deaktivieren.