website



  • Guten tag leute, ich bin grade dabei eine kleine Website zu erstellen
    und habe da ein kleines Problem mit einer Tabelle. Ich möchte
    ein kleines design machen in der Links in den Zeilen
    Bilder mit links kommen das klappt auch ganz gut.
    Die Zeilen dort und der eine Tableheader sind 150 px breit,
    und 15 px hoch. So nun gibt es zwei probleme,
    ich arbeite nebenbei auch mit php und möchte alle
    ausgaben in der Mitte machen. Habe probiert einen zweiten
    Eine weitere Zeile zu verwenden 500 * 500. Wenn ich aber nun dort
    sagen wir mal 2-3 Zeilen infos drin stehen hab, verschiebt sich
    natürlich die ganze erste Reihe. Bzw der Abstand zwischen der ersten
    und zweiten Zeile der ersten Reihe wird größer, wie kann ich das
    verhindern ? Nebenbei habe ich obwohl ich cellpadding & cellspacing
    auf 0 gesetzt habe, noch ein bisl abstand zwischen den Bildern ( links )
    wie kann ich den wegkriegen ? Also generell brauche ich 3 Reihen.
    Die erste hat wie gesagt mehrere Zeilen im format 150 * 15,
    die zweite Reihe soll für die Ausgabe von infos verwendet werden, nur eine Zeile haben und ca 500 * 500 px groß sein. Die dritte ist eine weitere kleine reihe mit mehreren Zeilen. Vielen dank im vorraus für eure Tipps und eure Hilfe.



  • heinrich1977 schrieb:

    mal 2-3 Zeilen infos drin stehen hab, verschiebt sich
    natürlich die ganze erste Reihe. Bzw der Abstand zwischen der ersten
    und zweiten Zeile der ersten Reihe wird größer, wie kann ich das
    verhindern ?

    style="white-space:nowrap;" verhindert Zeilenumbrüche. Deine Infos werden in einer
    Zeile angezeigt. Da dadurch aber die Länge zunimmt und deine Tabelle in die Breite gezogen wird, kannst du hier ja den Text z.B. mittels PHP kürzen und die vollständige Information im title-Attribute einblenden lassen.

    heinrich1977 schrieb:

    Nebenbei habe ich obwohl ich cellpadding & cellspacing
    auf 0 gesetzt habe, noch ein bisl abstand zwischen den Bildern ( links )
    wie kann ich den wegkriegen ?

    Für Innen -und Außenabstände bieten sich die Styleeigenschaften padding und margin an. Wenn du deiner Zelle die Eigenschaft padding:0px mitgibst, sollten die Abstände verschwinden.



  • Das größere problem hab ich mittlerweile gelöst.
    Jetzt bleibt nur noch das problem mit dem abstand.
    Wie genau mach ich das mit dem padding ?
    habe <td style="padding: 0px"> schon getestet
    und die table selber hat folgende eigenschaften:
    <table border="0" rules="none" cellpadding="0" cellspacing="0">
    . Nebenbei benutze ich für die Linke Seite nur noch eine tabellenzeile
    mit höhere height und <br> halt fürn zeilenumbruch. Aber nach jedem
    br entsteht ein kleiner abstand zwischen den bildern :>



  • Also das hört sich alles mehr nach pfusch an als nach gutem HTML. 😃

    Erstmal zu deinem Problem:
    Der Abstand kommt aufgrund der Schriftgröße zustande.
    Du könntest die font-size im Style-Attribute verringern oder du packst jedes
    img in ein div, verzichtest auf das br und legst die Höhe des Divs auf deine 15px fest.

    Aber wie schon erwähnt, hört sich das alles nicht besonders professionell an.
    Mich hat schon deine 2. Spalte von 500 x 500 px verwirrt.
    Eine Tabelle macht imho Sinn für tabellarische Ansichten, warum also unnötigerweiße alles selbst mit br erstellen?



  • Habs schon fertig jetzt 🙂 und professionell bin ich auch keineswegs,
    ich mache eig nie was mit html php etc, nur grad n bisl langweile 🙂
    Danke für die ganze hilfe ^^


Log in to reply