kostenloser Webspace werbefrei: lima-city


css: probs

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    f********r

    hi. ich habe eine kleine hp gemacht, und wollt mal css ausprobieren.. beim umändern bin ich auf ein paar kleine probleme gestoßen, die ich einfach nicht lösen kann.. vielleicht könnt ihr mir ja helfen..

    ich hab ein paar grafiken in ramen gefasst.. es soll ein paar pixel abstand geben zw. bild und ramen, um text reinzuschreiben..
    da hab ich einfach nen table für jedes bild gemacht: obere zelle bild, untere zelle text... drum herum: rahmen.... das für alle 5 bilder.... und dann hab ich noch ne table gemacht und die 5 kleinen tables als zellen genommen..

    aber wie kann ich das amchen, dass der text einfach abgeschnitten wird, wenn er zu lang werden sollte?



    lg, suzzi
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. x**********x

    Hi,
    also .. ich hab ehrlich gesagt nicht 100%ig verstanden was du alles gemacht hast ^^
    aber deine Frage lässt sich mit dem Befehl "overflow: hidden;" lösen. ;)

    Gruß
  4. Autor dieses Themas

    f********r

    danke für deine antwort.. aber leider funkt das nicht so =(

    ich möchte, das ein Text unter einem Bild beim Rahmen abgeschnitten wird, falls er zu lang ist. es geht dabei um nen table. mit overflow:hidden (hab ich ins td-tag im .css file definiert> schneidet er den Text unten ab... ich möchte aber, dass er ihn rechts und links abschneidet, wenn er zu lang ist.

    Beitrag geändert: 8.10.2007 19:03:13 von fallenstar
  5. x**********x

    dann versuchs mal mit:

    overflow-x: hidden;

    das sollte dann nur auf die horizontale bezogen wirken. ;)
  6. Autor dieses Themas

    f********r

    jetzt macht er den rahmen einfach auch größer.. =(
  7. x**********x

    Mh ... es wäre vielleicht ganz hilfreich wenn du mal den Sourcecode posten könntest, dann schau ich es mir mal genauer an. So aus dem nichts könnte ich jetzt sonst nicht sagen woran das liegt.

    Gruß
  8. Autor dieses Themas

    f********r

    css file :

    table.profil
    {
    background-color: #000000;
    border: 5px #000660 solid;
    border-spacing: 10px;
    cell-spacing: 0px;
    cell-padding: 0px;
    }

    td.bildtext
    {text-align: center;
    }

    --------------
    in td.bildtext hatte ich overflow drin
    --------
    html:

    <td>
    <table class="profil">
    <tr>
    <td><a href="img/heeby_big.jpg" target="_blank"><img class="truck" src="img/heeby.jpg" align="center" alt="Monstertruck Heeby's Surplus"></a></td>
    </tr>
    <tr>
    <td class="bildtext"><p class="bild">Monstertruck Heeby's Surplus</p></td>
    </tr>
    </table>
    </td>
    --------
    eine zeile als beispiel
    -----

    gruß
  9. x**********x

    Wenn ich ehrlich bin ... verwirrt mich das grad selbst etwas ....
    es scheint so zu sein, dass der Befehl "overflow" nicht mit HTML Tabellen funktioniert.

    Alternative wäre dann einfach Divs zunehmen, was ich dir sowieso empfehlen würde, da es sonst relativ schnell unübersichtlich wird.

    Habe es auf meinem Rechner getestet und da klappt das mit dem Abschneiden nur bei den Divs. Die Tabellen werden trotzdem ausgedehnt egal was ich mache.

    Gruß
  10. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!