php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 25.03.2010, 09:47  
Benutzer
 
Benutzerbild von Alecane
 
Registriert seit: 10.03.2010
Beiträge: 84
PHP-Kenntnisse:
Anfänger
Alecane befindet sich auf einem aufstrebenden Ast
Standard [Erledigt] Tabellen Formation (width & colspan)

Guten Morgen Zusammen,

ich möchte eine Tabelle haben mit 4 Zeilen, in diesen 4 Zeilen soll die erste und zweite Zeile die ganze breite des Browsers einnehmen, also width="100%".

Das Funktioniert, danach die Zeile soll in 2 Spalten auf geteilt werden, die erste spalte soll 200 breit sein (width="200") und die zweite spalte sollte den rest einnehmen bis zum browserrand. Dies Funktioniert ebenfalls.

Jedoch soll die nächste Zeile auch 2 Spalten haben und beide zusammen sollen die gesamte browser breite einnehmen, aber die erste Spalte sollte nicht 200 sonder 400 breit sein, wenn ich es versuche schaffe ich es immer nur das die letzten beiden zeilen/spalten gleich lang/breit sind.

Ich habe sonst imemr zwei Tabellen daraus gemacht, aber es geht doch bestimmt anders oder?

Mein HTML Code:

Code:
<table border ="5" width="100%">
 <tr>
  <td align="left" valign="middle" colspan="2"><font size="4">TEXT</font></td>
 </tr>
 <tr>
  <td align="left" valign="middle" colspan="2"><hr></td>
 </tr>
 <tr>
  <td align="left" valign="middle" width="200">TEXT</td>
  <td align="left" valign="middle">TEXT</td>
 </tr>
 <tr>
  <td align="left" valign="middle" width="400">TEXT</td>
  <td align="left" valign="middle">TEXT</td>
 </tr>
</table>
Dann sieht das ergebnis so aus.

Ich möchte es aber so haben.

Gruß Alecane
Alecane ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 25.03.2010, 09:52  
Erfahrener Benutzer
 
Registriert seit: 03.03.2010
Beiträge: 221
PHP-Kenntnisse:
Fortgeschritten
RustyXXL befindet sich auf einem aufstrebenden Ast
Standard

Hmm, mal sowas in der art probiert? Vielleicht gibts noch ne elegantere Lösung, aber das wäre halt meine spontane idee, ohne es getestet zu haben, da ich gerade nicht am heimischen rechner sitze... ^^
Code:
<table border ="5" width="100%">
 <tr>
  <td align="left" valign="middle" colspan="3"><font size="4">TEXT</font></td>
 </tr>
 <tr>
  <td align="left" valign="middle" colspan="3"><hr></td>
 </tr>
 <tr>
  <td align="left" valign="middle" width="200">TEXT</td>
  <td align="left" valign="middle" colspan="2">TEXT</td>
 </tr>
 <tr>
  <td align="left" valign="middle" width="400" colspan="2">TEXT</td>
  <td align="left" valign="middle">TEXT</td>
 </tr>
</table>
RustyXXL ist offline   Mit Zitat antworten
Alt 25.03.2010, 10:02  
Benutzer
 
Benutzerbild von Alecane
 
Registriert seit: 10.03.2010
Beiträge: 84
PHP-Kenntnisse:
Anfänger
Alecane befindet sich auf einem aufstrebenden Ast
Standard

ich habe es gerade getestet, nein leider erfolglos.
Alecane ist offline   Mit Zitat antworten
Alt 25.03.2010, 10:17  
Erfahrener Benutzer
 
Registriert seit: 03.03.2010
Beiträge: 221
PHP-Kenntnisse:
Fortgeschritten
RustyXXL befindet sich auf einem aufstrebenden Ast
Standard

Okay...Nachdem mir aufgefallen ist, dass ich für reines html ja garkeinen Apache brauche hab ich nochmal rumprobiert...
Das ist ne ziemliche quick & Dirty Lösung, aber so funktioniert es bei mir zumindest aufm Firefox...
Aber bestimmt hat einer der Cracks hier noch ne elegantere Lösung *g*

Code:
<table border ="5" width="100%">
 <tr>
  <td align="left" valign="middle" colspan="3"><font size="4">TEXT</font></td>
 </tr>
 <tr>
  <td align="left" valign="middle" colspan="3"><hr></td>
 </tr>
 <tr>
  <td align="left" valign="middle" width="200"></td>
  <td align="left" valign="middle" width="200"></td>
  <td align="left" valign="middle"></td>
 </tr>
 <tr>
  <td align="left" valign="middle">TEXT</td>
  <td align="left" valign="middle" colspan="2">TEXT</td>
 </tr>
 <tr>
  <td align="left" valign="middle" colspan="2">TEXT</td>
  <td align="left" valign="middle">TEXT</td>
 </tr>
</table>
RustyXXL ist offline   Mit Zitat antworten
Alt 25.03.2010, 10:18  
Erfahrener Benutzer
 
Benutzerbild von wolf29
 
Registriert seit: 17.03.2010
Beiträge: 1.680
PHP-Kenntnisse:
Fortgeschritten
wolf29 wird schon bald berühmt werdenwolf29 wird schon bald berühmt werden
Standard

PHP-Code:
<table border ="5" width="100%">
 <
tr>
  <
td align="left" valign="middle" colspan="3"><font size="4">TEXT</font></td>
 </
tr>
 <
tr>
  <
td align="left" valign="middle" colspan="3"><hr></td>
 </
tr>
 <
tr>
  <
td align="left" valign="middle" width="20%">TEXT</td>
  <
td align="left" valign="middle" colspan="2">TEXT</td>
 </
tr>
 <
tr>
  <
td align="left" valign="middle" width="40%" colspan="2">TEXT</td>
  <
td align="left" valign="middle">TEXT</td>
 </
tr>
</
table
Elegant ist das aber auch nicht!
wolf29 ist offline   Mit Zitat antworten
Alt 25.03.2010, 10:28  
Benutzer
 
Benutzerbild von Alecane
 
Registriert seit: 10.03.2010
Beiträge: 84
PHP-Kenntnisse:
Anfänger
Alecane befindet sich auf einem aufstrebenden Ast
Standard

Ich danke euch, es funktioniert wenigens. Falls einer eine elegantere lösung hat, werde ich diese aber auch gerne probieren.

Gruß Alecane
Alecane ist offline   Mit Zitat antworten
Alt 25.03.2010, 11:18  
Erfahrener Benutzer
 
Benutzerbild von lstegelitz
 
Registriert seit: 07.09.2009
Beiträge: 3.891
PHP-Kenntnisse:
Fortgeschritten
lstegelitz ist ein sehr geschätzer Menschlstegelitz ist ein sehr geschätzer Menschlstegelitz ist ein sehr geschätzer Menschlstegelitz ist ein sehr geschätzer Mensch
Standard

Zum Original-Problem: Das geht nicht... die breiteste Spalte bestimmt, wie breit die Spalte in allen anderen Zeilen wird.
__________________
Über 90% aller Gewaltverbrechen passieren innerhalb von 24 Stunden nach dem Konsum von Brot.
lstegelitz ist offline   Mit Zitat antworten
Alt 25.03.2010, 12:00  
Benutzer
 
Benutzerbild von Alecane
 
Registriert seit: 10.03.2010
Beiträge: 84
PHP-Kenntnisse:
Anfänger
Alecane befindet sich auf einem aufstrebenden Ast
Standard

Ja ich merke schon, gar nicht so einfach. Ich werde einfach wie gewohnt mehrere Tabellen machen, wenn es nötig ist, aber ich danke euch
Alecane ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Mehrer Tabellen aus Datenbank auslesen? Blade JavaScript, Ajax und mehr 5 17.11.2009 16:08
Internet Explorer stellt CSS falsch dar dorky HTML, Usability und Barrierefreiheit 16 19.08.2009 13:03
[Erledigt] Mehrere MySQL Tabellen mit PHP abfragen DonMuchacho Datenbanken 7 27.07.2009 19:47
Tabellen miteinander verknüpfen Suzi Datenbanken 12 27.05.2009 11:40
[Erledigt] Limit auf Ergebnissumme mehrerer Tabellen Frank Datenbanken 8 02.09.2008 11:33
[Erledigt] Transparente Runde Ecken bei Thumbnial realisieren tomtaz PHP Tipps 2008 3 08.07.2008 01:20
Tabellen für Vokabeltrainer anlegen... anonym01 PHP Tipps 2008 9 03.03.2008 21:18
PHP Array in MYSQL Tabellen schreiben Matt Datenbanken 1 26.02.2008 19:43
css-problem: width mc_hammer HTML, Usability und Barrierefreiheit 14 15.03.2007 23:14
Width Angabe mit Prozent andrew22 HTML, Usability und Barrierefreiheit 3 06.12.2006 23:26
[Erledigt] abfrage mehrere tabellen PHP Tipps 2005-2 3 31.10.2005 21:57
[Erledigt] Selectanfrage an eine Datenbank,aber aus mehreren Tabellen Datenbanken 2 26.10.2004 07:23
[Erledigt] fulltext suche priorität von tabellen setzen Datenbanken 1 09.08.2004 15:26

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
amper tabelle, colspan width, amp tabelle, php table width, colspan in php, http://www.php.de/html-usability-und-barrierefreiheit/66126-erledigt-tabellen-formation-width-amp-amp-colspan.html, php width, html colspan width, php tabellen formation, php valign=\middle\, schöne tabellen formation, html table amp, colspan firefox, mysql formation der tabellen ausgabe, width amp, colspan php table, html spalten über mehrere tabellen gleich breit, php tabelle colspan, td align=\left\ colspan=, colspan align

Alle Zeitangaben in WEZ +1. Es ist jetzt 22:52 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum