Seite 1 von 3 123 Letzte
  1. #1
    Avatar von Saad
    Registriert seit
    18.11.2011
    Beiträge
    786
    Thanked 621 Times in 219 Posts

    Standard Layout - Gleicher Spaltenabstand in Tabelle

    Hey ! Vorab.. ich wusst enicht wirklich, wo ich das hier posten sollte.. Also falls es das falsche Sub ist, bitte verschieben. :-)

    Sooooo ! Ich hab da mal ein kleines Problem bezüglich des Layouts und zwar..
    Mittel PHP hol ich mir Wert aus einer DB und gebe die schließlich als Tabelle aus.. Mit folgendem Code:
    Spoiler:
    PHP-Code:
    $result mysql_query("SELECT * FROM schueler WHERE Vorname = '".$_POST['Vorname']."' && Nachname = '".$_POST['Nachname']."'"$verbindung);[
    echo 
    '<table border="0">';
    while (
    $row mysql_fetch_array($result))
    {
      echo 
    "<tr>";
      echo 
    "<td id='ausgabe'>"$row['ID'] . "</td>";
      echo 
    "<td id='ausgabe'>"$row['Vorname'] . "</td>";
      echo 
    "<td id='ausgabe'>"$row['Nachname'] . "</td>";
      echo 
    "</tr>";


    Nun möchte ich, dass genau ober der Ausgabe: zum Beispiel ID Vorname Nachname steht und das aber in den selben Abständen wie bei der Ausgabe..

    Hab das mal mit folgendem Code realisiert (mittel CSS eben alles verschoben usw..) , nur das Problem ist, dass wenn der Name z.B unterschiedlich lang ist, sich die Ausgabe verschiebt und somit passt es dann nicht mehr mit dem Layot von ID Vorname Nachname..
    Spoiler:
    PHP-Code:
    echo '<table  border="0">';
    echo 
    "<tr>";
    echo 
    "<td id='schueler'>ID</td>";
    echo 
    "<td id='schueler'>Vorname</td>";
    echo 
    "<td id='schueler'>Nachname</td>";
    echo 
    "</tr>"


    Gibt es da ne' effizientere Lösung, sodass die Abstände usw. immer gleich lang sind?

    Lg, Saad.
    Geändert von Saad (03.06.2013 um 21:17 Uhr)
    Bis auf Sonderschüler kannst du alle Leute fragen - Saad ist PERFEKT wie 'ne Zeitform der deutschen Sprache.

  2. #2

    Registriert seit
    18.03.2013
    Beiträge
    481
    Thanked 264 Times in 168 Posts

    Standard AW: Layout - richtig gestalten

    Wäre schön wenn du den entsprechenden CSS-Code auch dazu posten würdest



    [www.piratenpartei.de]
    "Krieg ist Frieden; Freiheit ist Sklaverei; Unwissenheit ist Stärke"

  3. #3
    Avatar von Saad
    Registriert seit
    18.11.2011
    Beiträge
    786
    Thanked 621 Times in 219 Posts

    Standard AW: Layout - richtig gestalten

    Naja es ist einfach nur padding-left und padding-right.. mehr nicht.. als nach der Ausgabe angepasst.. aber wie gesagt, wenn der Nachname etwas länger ist, verschiebt sich das Ganze dann jaa :-/
    Die Ausrichtung von der Ausgabe bleibt aber logischerweise gleich ^^
    Bis auf Sonderschüler kannst du alle Leute fragen - Saad ist PERFEKT wie 'ne Zeitform der deutschen Sprache.

  4. #4
    Avatar von rVs14
    Registriert seit
    18.11.2011
    Beiträge
    985
    Thanked 513 Times in 338 Posts

    Standard AW: Layout - richtig gestalten

    padding-left:auto;
    


    bin nicht so der css fan, sollte aber funktionieren oder?

  5. #5

    Registriert seit
    18.03.2013
    Beiträge
    481
    Thanked 264 Times in 168 Posts

    Standard AW: Layout - richtig gestalten

    Weiß den Spalten mal eine feste oder prozentuale Breite hinzu. Dann dürfte es funktionieren, wenn ich dich richtig verstanden hab.



    [www.piratenpartei.de]
    "Krieg ist Frieden; Freiheit ist Sklaverei; Unwissenheit ist Stärke"

  6. The Following User Says Thank You to xOneDirectionx For This Useful Post:

    Saad (04.06.2013)

  7. #6
    Avatar von DMW007
    Registriert seit
    15.11.2011
    Beiträge
    6.080
    Thanked 9.118 Times in 2.995 Posts
    Blog Entries
    5

    Standard AW: Layout - richtig gestalten

    Also so wie ich das verstanden habe willst du allen Spalten eine feste breite unabhängig vom Inhalt zuweisen. Das funktioniert in dem du die Tabelle auf die gesamte verfügbare Breite ausweitest und den Spalten eine prozentuale Breite zuweist. Du brauchst den einzelnen Feldern dafür keine Klassen zuzuweisen. IDs wie in deinem Beispiel sowieso erst Recht nicht, die sind für einzigartige Elemente vorgesehen die nur einmal vorkommen. Die Beschriftung kannst du über table tr th und die einzelnen Felder über table tr td ansprechen:


    table {
    width:100%;
    }
    table tr td, table tr th {
    width:33.3%;
    }


    (Ob die volle Breite der gesamten Seite hier angemessen ist hängt natürlich von deinem restlichen Layout ab).
    Sinnvoll ist es aber der Tabelle (nicht jedem einzelnen Feld) eine Klasse zuzuweisen:

    HTML-Code:
    <table class="customers">
    Dann kannst du sie statt über das Element table über diese Klasse in deinem Stylesheet ansprechen:


    .customers {
    width:100%;
    }
    .customers tr td, .customers tr th {
    width:33.3%;
    }

    So vermeidest du ungewollte Kollisionen, wenn du mehrere Tabellen auf der Seite hast bzw den Einsatz weiterer Tabellen planst, die anders formatiert werden sollen. table spricht alle Tabellen auf der Seite an. Wenn du nur eine hast und auch keine weiteren auf dieser geplant sind spielt das natürlich keine Rolle.


  8. The Following User Says Thank You to DMW007 For This Useful Post:

    Saad (04.06.2013)

  9. #7
    Avatar von Saad
    Registriert seit
    18.11.2011
    Beiträge
    786
    Thanked 621 Times in 219 Posts

    Standard AW: Layout - richtig gestalten

    Sollte ich nun bei beiden Tabellen die Klasse zuweisen? Weil wenn ich das so mache, dann sieht es noch immer unterschiedlich aus :-/
    Bis auf Sonderschüler kannst du alle Leute fragen - Saad ist PERFEKT wie 'ne Zeitform der deutschen Sprache.

  10. #8
    Avatar von DMW007
    Registriert seit
    15.11.2011
    Beiträge
    6.080
    Thanked 9.118 Times in 2.995 Posts
    Blog Entries
    5

    Standard AW: Layout - Gleicher Spaltenabstand in Tabelle

    Hängt davon ab was du vor hast. Wenn du zwei Tabellen die gleiche CSS-Klasse zuweist sind alle Eigenschaften die du dieser Klasse definierst für beide gültig.
    Welche beiden Tabellen überhaupt? Poste mal am besten deinen kompletten Source.

    Btw:
    PHP-Code:
    $result mysql_query("SELECT * FROM schueler WHERE Vorname = '".$_POST['Vorname']."' && Nachname = '".$_POST['Nachname']."'"$verbindung); 
    Ich hoffe du weißt, dass du hier so ziemlich überall wo es nur möglich wäre SQL-Injections drin hast, sofern du die Superglobals $_GET und $_POST nicht am Anfang escapen tust.


  11. The Following User Says Thank You to DMW007 For This Useful Post:

    Saad (04.06.2013)

  12. #9
    Avatar von Saad
    Registriert seit
    18.11.2011
    Beiträge
    786
    Thanked 621 Times in 219 Posts

    Standard AW: Layout - Gleicher Spaltenabstand in Tabelle

    Jep das was ich eh :-P

    Spoiler:
    <style type="text/css">
    body{
    margin-top: 15px;
    }

    .customers {
    width:100%;
    }
    .customers tr td, .customers tr th {
    width:9,09%;
    }
    </style>

    PHP-Code:
    else if(isset($_POST['Vorname']) && isset($_POST['Nachname'])){
    $result mysql_query("SELECT * FROM schueler WHERE Vorname = '".$_POST['Vorname']."' && Nachname = '".$_POST['Nachname']."'"$verbindung);
    echo 
    '<table class="customers" border="0">';
    echo 
    "<tr>";
     echo 
    "<td>ID</td>";
     echo 
    "<td>Vorname</td>";
     echo 
    "<td>Nachname</td>";
     echo 
    "<td>PLZ</td>";
    echo 
    "</tr>";
    echo 
    '<table class="customers" border="0">';
    while (
    $row mysql_fetch_array($result))
    {
      echo 
    "<tr>";
      echo 
    "<td>"$row['ID'] . "</td>";
      echo 
    "<td>"$row['Vorname'] . "</td>";
      echo 
    "<td>"$row['Nachname'] . "</td>";
      echo 
    "<td>"$row['PLZ'] . "</td>";
      echo 
    "</tr>";
    }
        } 
    Geändert von Saad (04.06.2013 um 20:04 Uhr)
    Bis auf Sonderschüler kannst du alle Leute fragen - Saad ist PERFEKT wie 'ne Zeitform der deutschen Sprache.

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

    Standard AW: Layout - Gleicher Spaltenabstand in Tabelle

    Benutz <th> für table Head also Überschriften.

Seite 1 von 3 123 Letzte

Ähnliche Themen

  1. Antworten: 1
    Letzter Beitrag: 02.02.2014, 12:59
  2. Antworten: 4
    Letzter Beitrag: 12.07.2013, 10:53
  3. Problem Tabelle/Container
    Von Scarya im Forum HTML
    Antworten: 3
    Letzter Beitrag: 25.05.2013, 00:17
  4. HTML Tabelle Zeilenabstand
    Von Minecraft im Forum Webentwicklung
    Antworten: 15
    Letzter Beitrag: 03.10.2012, 09:22
  5. HTML5 + CSS3 - Blog Layout
    Von Snees im Forum HTML
    Antworten: 0
    Letzter Beitrag: 17.08.2012, 12:35
Diese Seite nutzt Cookies, um das Nutzererlebnis zu verbessern. Klicken Sie hier, um das Cookie-Tracking zu deaktivieren.