Saad (04.06.2013)
-
03.06.2013, 21:16 #1
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:
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:
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.
-
03.06.2013, 21:28 #2
- Registriert seit
- 18.03.2013
- Beiträge
- 481
Thanked 264 Times in 168 PostsAW: Layout - richtig gestalten
Wäre schön wenn du den entsprechenden CSS-Code auch dazu posten würdest
-
03.06.2013, 21:46 #3
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.
-
03.06.2013, 21:49 #4
AW: Layout - richtig gestalten
padding-left:auto;
bin nicht so der css fan, sollte aber funktionieren oder?
-
03.06.2013, 21:50 #5
- Registriert seit
- 18.03.2013
- Beiträge
- 481
Thanked 264 Times in 168 PostsAW: Layout - richtig gestalten
Weiß den Spalten mal eine feste oder prozentuale Breite hinzu. Dann dürfte es funktionieren, wenn ich dich richtig verstanden hab.
-
The Following User Says Thank You to xOneDirectionx For This Useful Post:
-
03.06.2013, 22:10 #6
- Registriert seit
- 15.11.2011
- Beiträge
- 6.335
- Blog Entries
- 5
Thanked 9.166 Times in 3.036 PostsAW: 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">
.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.
-
The Following User Says Thank You to DMW007 For This Useful Post:
Saad (04.06.2013)
-
04.06.2013, 12:25 #7
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.
-
04.06.2013, 19:37 #8
- Registriert seit
- 15.11.2011
- Beiträge
- 6.335
- Blog Entries
- 5
Thanked 9.166 Times in 3.036 PostsAW: 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);
-
The Following User Says Thank You to DMW007 For This Useful Post:
Saad (04.06.2013)
-
04.06.2013, 20:03 #9
AW: Layout - Gleicher Spaltenabstand in Tabelle
Jep das was ich eh :-P
Spoiler: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.
-
04.06.2013, 20:21 #10
AW: Layout - Gleicher Spaltenabstand in Tabelle
Benutz <th> für table Head also Überschriften.
Ähnliche Themen
-
MySql unterschied zwischen INSERT INTO tabelle VALUES u. INSERT INTO tabelle SET
Von Essah im Forum WebentwicklungAntworten: 1Letzter Beitrag: 02.02.2014, 12:59 -
[SQL] Alle Datensätze von Tabelle zu anderer Tabelle hinzufügen
Von syme im Forum PHPAntworten: 4Letzter Beitrag: 12.07.2013, 10:53 -
Problem Tabelle/Container
Von Scarya im Forum HTMLAntworten: 3Letzter Beitrag: 25.05.2013, 00:17 -
HTML Tabelle Zeilenabstand
Von Minecraft im Forum WebentwicklungAntworten: 15Letzter Beitrag: 03.10.2012, 09:22 -
HTML5 + CSS3 - Blog Layout
Von Snees im Forum HTMLAntworten: 0Letzter Beitrag: 17.08.2012, 12:35
Diese Seite nutzt Cookies, um das Nutzererlebnis zu verbessern. Klicken Sie hier, um das Cookie-Tracking zu deaktivieren.