Anzeige - [Interessiert an einer Anzeige?]
(?) Tags raten (?) (edit)
 
Reply to this topicStart new topicStart Poll
> div statt table, help wanted
Urs
GWD GmbH
Geschrieben am: Mi 31.10.2007, 00:10
Report PostQuote Post

AyomRank 9
Group Icon

Gruppe: Moderatoren
Beiträge: 2616
Mitglied seit: 21.05.2004


Mir steht gerade wer auf der Leitung und ich komm mit den div tags nicht klar.

Kann mir einer helfen folgenden code in dasselbe aber statt tables divs&css zu wandeln?

CODE

<BODY>
 <TABLE border=0 width="1008">
 <TR>
<TD rowspan=5 width="24">liker rand</TD>
<TD colspan=3 width="960">header weiss</TD>
<TD rowspan=5 width="24">rechter rand</TD>
 </TR>
 <TR>
<TD colspan=3 width="960">trennlinie</TD>
 </TR>
 <TR>
<TD width="240">zitat</TD>
<TD colspan=2 width="720">headerbild</TD>
 </TR>
 <TR>
<TD width="240">topmenu</TD>
<TD width="600">pathway</TD>
<TD width="120">top downloads</TD>
 </TR>
 <TR>
<TD>menu</TD>
<TD>content</TD>
<TD>downloads</TD>
 </TR>
 <TR>
<TD>weiss</TD>
<TD colspan=3>footmenu</TD>
<TD>weiss</TD>
 </TR>
 </TABLE>
</BODY>



würde mir sehr weiterhelfen

gruess

urs


--------------------
------------------------------------------------------------------------------------------------------------
Es gibt nur 10 Typen von Menschen;
Solche die binär verstehen und solche die kein binär verstehen!
------------------------------------------------------------------------------------------------------------
vistablog.ch - Blog zu meinen Windows Vista Erfahrungen

www.topprodukte.ch - der online Shopping-Blog

www.surfstart.ch - Die Startseite der Schweiz
Top
PMUsers Website
Top
 
 
Ronald Nickel
Ronnic Arts - Arts ´n graphics
#2 Geschrieben am: Mi 31.10.2007, 08:08 (+07:58)
Report PostQuote Post

AyomRank 7
**************

Gruppe: Member (aktiv)
Beiträge: 1265
Mitglied seit: 27.12.2005


Sorry Urs, aber DIVs sind leider nicht wirklich meine Baustelle. Denke da sind ander hier besser als ich.

Gruß Ronny


--------------------
Skypename: "ronaldnickel"
www.ronnic-arts.de
Ich suche dringend ...
Meine Bilder aus Model-Kartei.de ...
Illustrationen, Vektorgrafiken, Bildbearbeitung,Photoshop
ColdFusion
Top
PMEmail PosterUsers Website
Top
 
Enclave
#3 Geschrieben am: Mi 31.10.2007, 08:18 (+00:10)
Report PostQuote Post

AyomRank 5
**********

Gruppe: Member (aktiv)
Beiträge: 266
Mitglied seit: 8.09.2004


Das ist eine ordentliche Verschachtelung von divs. Desweiteren würde ich anfangen, alles klein zu schreiben!


--------------------
Ab in die Berge mit AlpenPlaner.ch
Preise für deine Webseite Ad4share.com
Kitesurfmaniac -> Kitesurfmaniac.com
Top
PMEmail PosterUsers Website
Top
 
Urs
GWD GmbH
#4 Geschrieben am: Mi 31.10.2007, 08:49 (+00:30)
Report PostQuote Post

AyomRank 9
Group Icon

Gruppe: Moderatoren
Beiträge: 2616
Mitglied seit: 21.05.2004


@marc

ist zu stand: tabelle

soll zustand: dasselbe layout in div tags statt table


--------------------
------------------------------------------------------------------------------------------------------------
Es gibt nur 10 Typen von Menschen;
Solche die binär verstehen und solche die kein binär verstehen!
------------------------------------------------------------------------------------------------------------
vistablog.ch - Blog zu meinen Windows Vista Erfahrungen

www.topprodukte.ch - der online Shopping-Blog

www.surfstart.ch - Die Startseite der Schweiz
Top
PMUsers Website
Top
 
Jörg Kruse
#5 Geschrieben am: Mi 31.10.2007, 09:45 (+00:56)
Report PostQuote Post

AyomRank 5
Group Icon

Gruppe: Experten Entwicklung
Beiträge: 410
Mitglied seit: 19.12.2004


Um divs wie Tabellenzellen nebeneinander anzuordnen, kannst du die CSS-Eigenschaft float verwenden. Um ein folgendes div wieder in einer neuen "Reihe" zu beginnen, benötigst du dann jeweils noch ein clear


--------------------
Top
PMEmail PosterUsers Website
Top
 
Urs
GWD GmbH
#6 Geschrieben am: Mi 31.10.2007, 11:14 (+01:29)
Report PostQuote Post

AyomRank 9
Group Icon

Gruppe: Moderatoren
Beiträge: 2616
Mitglied seit: 21.05.2004


@jörg

werde es mal probieren, danke für den tipp


--------------------
------------------------------------------------------------------------------------------------------------
Es gibt nur 10 Typen von Menschen;
Solche die binär verstehen und solche die kein binär verstehen!
------------------------------------------------------------------------------------------------------------
vistablog.ch - Blog zu meinen Windows Vista Erfahrungen

www.topprodukte.ch - der online Shopping-Blog

www.surfstart.ch - Die Startseite der Schweiz
Top
PMUsers Website
Top
 
Alonso
WEPAX.com
#7 Geschrieben am: Mi 31.10.2007, 11:50 (+00:36)
Report PostQuote Post

AyomRank 6
************

Gruppe: Member (aktiv)
Beiträge: 507
Mitglied seit: 10.02.2005




--------------------
Top
PMEmail PosterUsers WebsiteICQ
Top
 
Antoine Johannes
office-blog.ch
#8 Geschrieben am: Mi 31.10.2007, 12:16 (+00:25)
Report PostQuote Post

AyomRank 5
**********

Gruppe: Member (aktiv)
Beiträge: 457
Mitglied seit: 14.07.2004


Hier kannst du fixfertige Layout Gerüste, herunterladen: http://www.yaml.de/
yaml ist eines der besten CSS Frameworks


--------------------
Top
PMEmail PosterUsers Website
Top
6 Monate später...
Ramona_H
Brack Electronics AG
#9 Geschrieben am: Fr 18.04.2008, 12:31 (+6m )
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 84
Mitglied seit: 28.11.2007


Frage: Gibt es Browser Probleme mit DIVs? Irgendwas bekannt?


--------------------
Top
PMEmail PosterUsers WebsiteMSN
Top
 
Antoine Johannes
office-blog.ch
#10 Geschrieben am: Fr 18.04.2008, 12:53 (+00:21)
Report PostQuote Post

AyomRank 5
**********

Gruppe: Member (aktiv)
Beiträge: 457
Mitglied seit: 14.07.2004


Mit moderen Browser ab der 6er Generation gibt es keine Div Probleme.
Er IE schächelt allerdings mit margin und padding.
Div müssern immer sauber ausdefiniert werden, besonders im Zusammenhang mit auto Werten.


--------------------
Top
PMEmail PosterUsers Website
Top
 
Urs
GWD GmbH
#11 Geschrieben am: Fr 18.04.2008, 14:56 (+02:03)
Report PostQuote Post

AyomRank 9
Group Icon

Gruppe: Moderatoren
Beiträge: 2616
Mitglied seit: 21.05.2004


@ramona

der unterschied von div versus tabs liegt nicht beim browser, sondern tabs sind nicht "barrierefrei", divs hingegen schon.
d.h. blinde können mit ihren geräten divs entziffern, bei tabs aber schmeisst es den inhalt durcheinander. aufträge für öffentliche institutionen müssen aber barrierefrei sein, deshalb meine frage :-)

@ all danke für eure inputs. irgendiwe habe ich die letzten updates verpasst ... inzwischen habe ich mein problem gelöst, indem ich auf joomla 1.5 wechsle und somit flexibler bin mit den templates.

gruess

urs


--------------------
------------------------------------------------------------------------------------------------------------
Es gibt nur 10 Typen von Menschen;
Solche die binär verstehen und solche die kein binär verstehen!
------------------------------------------------------------------------------------------------------------
vistablog.ch - Blog zu meinen Windows Vista Erfahrungen

www.topprodukte.ch - der online Shopping-Blog

www.surfstart.ch - Die Startseite der Schweiz
Top
PMUsers Website
Top
 
Ramona_H
Brack Electronics AG
#12 Geschrieben am: Fr 18.04.2008, 15:10 (+00:13)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 84
Mitglied seit: 28.11.2007


QUOTE (Urs @ Fr 18.04.2008, 15:56)
@ramona

der unterschied von div versus tabs liegt nicht beim browser, sondern tabs sind nicht "barrierefrei", divs hingegen schon.
d.h. blinde können mit ihren geräten divs entziffern, bei tabs aber schmeisst es den inhalt durcheinander. aufträge für öffentliche institutionen müssen aber barrierefrei sein, deshalb meine frage :-)

@ all danke für eure inputs. irgendiwe habe ich die letzten updates verpasst ... inzwischen habe ich mein problem gelöst, indem ich auf joomla 1.5 wechsle und somit flexibler bin mit den templates.

gruess

urs

ich hoffe du meinst mit tabs die tables? cool.gif


--------------------
Top
PMEmail PosterUsers WebsiteMSN
Top
 
Antoine Johannes
office-blog.ch
#13 Geschrieben am: Fr 18.04.2008, 16:38 (+01:28)
Report PostQuote Post

AyomRank 5
**********

Gruppe: Member (aktiv)
Beiträge: 457
Mitglied seit: 14.07.2004


Er meint
<table ><tr ><td ><th >
Wobei eine div Suppe auch keine Lösung ist


--------------------
Top
PMEmail PosterUsers Website
Top
 
Peter Schneider
#14 Geschrieben am: Fr 18.04.2008, 17:16 (+00:37)
Report PostQuote Post

AyomRank 5
**********

Gruppe: Member (aktiv)
Beiträge: 262
Mitglied seit: 23.02.2007


QUOTE
tabs sind nicht "barrierefrei",


??? Nö, das stimmt so nicht... Wenn die Tabelle semantisch korrekt aufgebaut wird mit Titel-Zeile, dann kann auch ein Programm, das Blinden die Website vorliest, die Tabelle als Tabelle wiedergeben. Ich denke, dass man mit den korrekten Tabellen-Layout-Möglichkeiten sogar schneller ans Ziel kommt, eine "Tabelle" zu konstruieren (also etwas mit Spalten und Zeilen und Überschriften zu den Zeilen).

Wenn die Tabelle allerdings nur gestalterisch genutzt wird und kein Fokus auf die eigentlichen Inhalte gelegt wird, aber die Reihenfolge des Textes "barrierefrei" sein soll, dann sollte man divs verwenden.

Man sollte "barrierefrei" nicht überstrapazieren.

Zudem: wie kürzlich hier gefragt: ein schlechtes auf div-basierendes Design, das nicht korrekt dargestellt wird, das kann dann der Blinde sich vorlesen lassen, aber die "sehende" Mehrheit hat irgendeinen Grümpel auf dem Bildschirm? LOL: danke Barrierefreiheit!

Mehr zu Tabellen bei w3c:
http://www.w3.org/TR/html401/struct/tables.html
<THEAD><TFOOT> und diverses mehr... wie geht DAS mit divs?

Gegenthese: die "Tabelle" mit divs ist weniger barrierefrei als eine sauber konstruierte Tabelle aus Tabellen-Elementen. Nur wer macht sich schon die Mühe... Diejenigen, die ständig "Barrierefreiheit" proklamieren?


--------------------
Top
PMEmail Poster
Top
 
hk
#15 Geschrieben am: Sa 19.04.2008, 11:59 (+18:43)
Report PostQuote Post

AyomRank 5
**********

Gruppe: Member (aktiv)
Beiträge: 379
Mitglied seit: 25.10.2006


QUOTE (Peter Schneider @ Fr 18.04.2008, 18:16)
QUOTE
tabs sind nicht "barrierefrei",


??? Nö, das stimmt so nicht... Wenn die Tabelle semantisch korrekt aufgebaut wird mit Titel-Zeile, dann kann auch ein Programm, das Blinden die Website vorliest, die Tabelle als Tabelle wiedergeben.

Sicher kannst du mit gutem Gewissen in deinen Content eine HTML Tabelle einfügen. Macht zur Strukturierung von Werten und Ähnlichen auch Sinn und DIVs sind für diesen zweck eher wenig geeignet.

Zum Layouten einer Site sollte man sie aber nicht benutzen (auch nicht mit korrekter Semantik). Tabellen haben eine feste Reienfolge in der Maschinen den Inhalt der Tabelle liest - Zeile für Zeile.

Versuch mal in einem dreispaltigem Layout mit Content in der mittleren Spalte, den Content im Quelltext für Maschinen an erste stelle vor den Sidebars zu bekommen.

Ein Div Layout ist wesentlich flexibler, schlanker(!) und schneller.
Top
PMEmail Poster
Top
 
Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)
0 Mitglieder:
Trackback-Url: http://www.ayom.com/track/t/21394

Topic Options Reply to this topicStart new topicStart Poll

 


> Ähnliche Themen
Table of Content - Inhaltsverzeichnis Wordpress bloggonaut 130 1 Mo 6.10.2008, 14:39
dertausch.ch | tauschen statt kaufen webdoktor 2718 74 Fr 9.11.2007, 19:50
oel-statt-diesel.de Pappe 371 9 Fr 3.08.2007, 06:11
<th> statt <td> ? TTlong 229 7 Di 26.06.2007, 19:39
MYSQL Lock Table Verständnissproblem Daniel_CB 1562 3 Fr 11.05.2007, 07:31
Daten statt in DB in File schreiben radarin 619 15 Mo 9.04.2007, 02:16
Markennamedomains statt sinndomains flirtratgeber 227 0 Mi 28.03.2007, 04:47
Latin1 im SQL Server einstellen statt utf8 kekskruemel 2923 1 Mo 19.03.2007, 14:41




Anzeige - [Interessiert an einer Anzeige?]



Anzeigen


[Interessiert an einer Anzeige?]