✔ Text umbrechen?

P

parafi

Mitglied
Hi miteinander

Ich erstelle gerade eine Art Karussell in der Produkte angezeigt werden sollen. (Sprich ein Cover und dazu den Titel, Jahr und Preis)
Nun habe ich eine Frage an euch.

1.png

So sieht das Ganze aus und wie man sieht ist beim 2ten Produkt ein Teil des Titels wie abgeschnitten.
Wie kann ich das umgehen?
Aufgebaut ist das Ganze wie folgt:
HTML: 
<li class="karussell-cell" id="karussell-element#kar_x#">
     <div id="kar_imageContainer">
           <span style="height: 80px; width: 69px; overflow: hidden; vertical-align:middle; margin-bottom:2px; margin-top:2px;">
          <a class="kar_title" title="" href="link" target="_top"><img class="kar_cover" src="bild" alt=""></a>
          </span>
    </div>
    <div class="kar_description">
         <a class="kar_link" title="" href="link" target="_top"><span class="kar_bold">title aud DB<br></span></a>
         <a class="kar_link" title="" href="link" target="_top"><span class="kar_bold"> </span></a>
         <span class="kar_year">jahr aud DB<br></span>
         <span class="kar_year"></span>
         <span class="kar_price">Preis aus DB<br></span>
         <span class="kar_price"></span>
    </div>
</li>

Im CSS habe ich eigentli nur overflow:hidden; angegeben.

Vielen Dank für Eure Hilfe

Grüsse Parafi
 
Ich hab's nun draussen, aber da liegt mein Problem nicht. Sondern weil das Wort (Im Bild oben: Geschlechterlüge) einfach zu lang ist. Sprich es ist zu wenig Platz vorhanden für das Ganze Wort.
Gibt es keine Möglichkeit, dass das Ganze von selber umgebrochen wird. Sprich Geschlechter- lüge?
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück