Tabellen oder doch lieber andere Formatierung?

[Blackivory]

Hallo ich Arbeite zur Zeit an der Ausgabe von Datensätze aus meiner Datenbank. nur bin ich mir zurzeit unschlüssig was ich dafür an besten nutze.. viele sagen ja nur noch DIV’s andere nutzen fieldset / dt / dd.

Und in Moment bin ich mir selbst unschlüssig was ich an besten nutze die Ausgabe sieht befolgt aus..

 

[Herr_D]

AW: Tabellen oder doch lieber andere Formatierung?

Wenn es tabellarische Daten sind, kannst du 'ne Tabell nehmen...


Tabellen sollten nur nicht zum Layouten missbraucht werden

 

[sokie]

AW: Tabellen oder doch lieber andere Formatierung?

sieht für mich aus, als hättest du links ein Bild, und rechts eine Liste von ausgaben, da werden weder DIV noch Tabellen gebraucht.

viele sagen ja nur noch DIV’s

nur noch? - warum dann nicht gleich alles in <h3>?!

 

[Blackivory]

AW: Tabellen oder doch lieber andere Formatierung?

ja genau soweit funktioniert es auch .. ohne divs und tabelle das einzige was ein dann in verzweiflung bringt sind die options felder weil danach sind die informationen leicht verschoben

 

[sokie]

AW: Tabellen oder doch lieber andere Formatierung?

ohne quelltext geht ja nur ein Schuss aus der Hüfte. wenn du in der unteren Box formular elemente hast, kannst du <form> relative positionieren, und die options dadrin absolute positionieren. ich weiss zwar nicht ob das grad 'best practice' ist, aber so solltest du das browerünreifend hinbekommen.

 

[Blackivory]

AW: Tabellen oder doch lieber andere Formatierung?

Hmm ja ist nur Gar nicht so leicht.. werde es wohl mit divs oder Tabellen machen müssen.. Feld 1-3 sind kein Problem, danach ist was mir Probleme bereitet.. da es mehre form Felder nebeneinander sind. Und da ist mein Versuch als liste doch dran gescheitert.. da ich 3 felder in prinzip nebeneinander benötige.

Ich werde mich mal an dein vorschlag versuchen Soki.. und quellcode naja wenn du den siehst kriegst du nen schreikrampf ^^

$html .='   <li  "> 
<label for="name">
<img  src="app/image/'.$zeile->picture_uuid.'/1" height="75">
</label>
<p>'.$zeile->name.' [ <a href="index.php?do=produkt_update&id='.$zeile->produkt_id.'">Produkt Bearbeiten</a> ]
<br>
Produkt Preis: '.$zeile->price.' L$<br>Produkt Kategorie : '.$kategorien[$zeile->category_id].' - Kategorie id :'.$zeile->category_id.'
 <br> 
<form>
 <input id="'.$zeile_server->id.'" onclick="countChecked('.$zeile_server->id.')"  name="my_checkbox"  type="checkbox" value="2" />Produkt Aktiv</form></li>
</ol><hr><ol>
';

 

[sokie]

AW: Tabellen oder doch lieber andere Formatierung?

"label" dient im wesentlichen dazu einem Formularfeld (input,select,..) einen text zuzuordnen, und macht ausserhalb von Formularen eigentlich keinen Sinn. ()
Du tust dir einen grossen Gefallen, wenn du dir klar formulierst, was genau der Sinn der ganzen Sache und der Elemente ist. wahrscheinlich wärst du dann auch drauf gekommen, dass der Text "Produkt Aktiv" sich einfach positionieren lässt, wenn der seinen eigenen container (zB <p>) hat.


vielleich einfach erstmal das html so schreiben, dass es valide ist, mit css stylen, wie es hinterher aussehen soll, und dann den kram mit php genau so erzeugen.

 

[Blackivory]

AW: Tabellen oder doch lieber andere Formatierung?

Okay aus den Standpunkt den du beschreibst ist es an sinnvollsten Div Elemente oder Tabellen zu nutzen.. auch der Lesbarkeit des quell Codes gegen über.. hatte halt das Ziel verfolgt möglich viele Dinge mit einer Funktion abzudecken. Halt auch Formular Felder. Danke aufjedenfall für dein Feedback

 

[sokie]

AW: Tabellen oder doch lieber andere Formatierung?

Okay aus den Standpunkt den du beschreibst...

ich hatte mich bemüht zu beschreiben, dass man nach planung der Sache nur die Elemente einsetzt, die man braucht. da kommen bei mir weder Tabellen noch mehrere DIVs in frage.
das könnte zB so aussehen:

<div class="artikel">
  <img src="dummy.jpg" />
  <ol>
    <li>ausgabe 1</li>
    <li>ausgabe 2</li>
    <li>ausgabe 3</li>
  </ol>
  <form action="" method="">
    <select name="dynName">
      <option>opt1</option>
      <option>opt2</option>
      <option>opt3</option>
    </select>
    <label for="produktstatus">Produkt Aktiv</label>
    <input type="checkbox" name="produktstatus" />
    <input type="submit" name="submit" />
  </form>
</div>

das liesse sich dann per css auch bequem und flexibel formatieren/positionieren.

 

[maxxscho]

AW: Tabellen oder doch lieber andere Formatierung?

Da stimme ich Sokie voll zu - ist mit einer Liste elegant, mit wenig HTML und leicht zu stylen per CSS. Warum jetzt ein ol anstatt einer ul erschließt sich mir zwar nicht, ist im Prinzip aber auch nicht so wichtig, nehme ich an. Ich persönlich nehme Tabellen nur mehr, wenn ich tabellarische Daten a la Excel habe. Sobald ich "rowspan" oder "colspan" verwenden müßte, ist es mir zu mühselig und nur unnötig kompliziert.

 

[sokie]

AW: Tabellen oder doch lieber andere Formatierung?

in meinem Fieberkopf hatte ich angenommen dass Ausgabe 1, Ausgabe 2, Ausgabe 3 auch etwas mit Sortierung zu tun hätten, deshalb <ol>, ansonsten wäre <ul> natürlich auch gut.

 

[Blackivory]

AW: Tabellen oder doch lieber andere Formatierung?

Ach das ol oder ul war ja kein Problem denke bin auch zu ein ganz passablen Ergebnis gekommen.. habe zwar noch paar Warnings beim Validieren aber denke das werde ich auch noch raus bekommen.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><title>display</title>
<style type="text/css">

 fieldset  {
    padding:30px 0px 30px 0px;
}
fieldset ul {   margin:-150px 0 0 120px;
border:0;

}
fieldset li{

clear:both;
width: 400px;
background-color:#efefef;
height :24px;
    padding:10px;
list-style:none;
padding-bottom:10px;
}

form img{
clear:both;
width: 140px;

height :140px;
list-style:none;

}

fieldset input{
float:left;
}
fieldset label{
width:140px;
float:left;
}

</style>
</head><body>
        <div class="artikel">

 <fieldset>
<legend>{ARTIKEL_NAME}</legend>

<form name="signup" action="index.html" method="post">
 <img src="1.jpg" alt="" border="0" width="140" height="140">
<ul>
<li> <label for="Artikel_Name">Name</label>
{ARTIKEL_NAME}
</li>
<li> <label for="Artikel_Preis">Preis</label>
{ARTIKEL_PREIS}
</li>

<li> <label  for="change">&nbsp;</label>
<a href="index.html">[ Seite Bearbeiten ]</a>
</li>

<li> <label>Produkt Aktiv</label>
<input type="radio" name="subscription" id="free">
</li>





</ul>
</form>
</fieldset>

</div>

</body></html>

 

[sokie]

AW: Tabellen oder doch lieber andere Formatierung?

sorry ich verstehe deine Struktur und deine Bezeichner nicht.
ganz unklar ist auch, was du mit "fieldset" und "legend" startest, die einerseits nur in Formularen Sinn machen, und ausserhalb davon auch nicht valide sind. Zudem macht es logisch wenig Sinn eine Gruppe von Formularelementen per fieldset-legend mit einer Überschrift auszuzeichnen, wenn es keine zweite gibt - du hast eben nur mehr Markup als nötig.
die Benutzung von <label> nur um einen Text einzuschliessen ist nicht Sinn des Elements. Label erlaubt die Zuordnung eines Texts zu einem Formularelement (sinnvollerweise mit dem Attribut 'for')
um das benötigte html sinnvoll und logisch zu erzeugen ist die Planung dessen "was wo gebraucht wird" Voraussetzung. Um das valide zum Abschluss zu bringen kann man sich des (kostenlosen) Referenzwerks bedienen.



oder man gibt den Anspruch auf Struktur und Sinnhaftigkeit einfach auf - in welchem Fall es dann wirklich uninteressant ist, ob man das mit Tabellen, Divs oder meinetwegen <h3> Elementen zusammenkloppt.

ps: ein radiobutton, um etwas zu 'subscriben' ist ungünstig, weil man einen versehentlichen Klick in den meissten Browsern durch nochmaliges Klicken nicht wieder rückgängig machen kann. In der Regel ist hier eine Checkbox die bessere Wahl

 

[Blackivory]

AW: Tabellen oder doch lieber andere Formatierung?

okay hab es abgeändert fieldset legend und Label raus habe die Informationstexte nun mit span Formatiert und das ist ja erlaubt so wie ich es gelesen habe.Danke noch mal für die Hilfe.