Tabelle

[Mario348]

Meine Tabelle sollte 739px breit und die 2 Spalten gleich breit sein, also je 369.5px haben.

Wie bekomme ich das hin?

 

[Asterixus]

Halbe Pixel gibt es nicht. Also entweder du verbreitest die Tabelle um 1 Pixel oder eine Kolonne wird größer als die andere (1px) oder du machst dir das Leben nicht schwer und berechnest 50% Breite für beide Kolonnen.

 

[Mario348]

Also es geht um folgende Seite: Alles rund um den Computer


Wie kann ich da eine Spaltenbreite von 50% machen?

 

[Loon3y]

<border>  
...
</border>

Das ist geil...davon muss ich mir n Screeny machen *g*

;D

Für das Layout ist nicht html zuständig sondern CSS. Du hast hier eine zweispalite Content-"Box". D.h. du könntest es korrekt auszeichnen und float:left; bzw float:right; verwenden.

Eventuell solltest du ersteinmal mit html anfangen und es lernen..dann können wir das ganze mit CSS "stylen".


Gruß
Loon3y

 

[Mario348]

Also schlussendlich soll das so aussehen wie im Anhang

Mit Spaltenbreite 50%

Bishin ist das ziemlich in die Hose gegangen...

 

[Loon3y]

Ich denke das sich an meiner Aussage nichts ändert.

Was du hier hast sind keine tabellarische Daten, sondern eher eine Auflistung von Punkten. Dafür solltest du eventuell eine Liste nehmen (<ul> oder <ol>).


Gruß
Loon3y

 

[Mario348]

Ich weiss aber nicht, wie ich diese Lista so in 2 Spalten darstellen kann...

 

[Loon3y]

Ich weiss aber nicht, wie ich diese Lista so in 2 Spalten darstellen kann...

Hatte ich dcoh schon erwähnt...mit CSS floaten.

html:

<div>
 <h2>Vorteile</h2>
  <ul>
   <li> Punkt 1.1</li>
   <li> Punkt 1.2</li>
   <li> Punkt 1.3</li>
  </ul>
</div>

<div>
 <h2>Nachteile</h2>
  <ul>
   <li> Punkt 2.1</li>
   <li> Punkt 2.2</li>
   <li> Punkt 2.3</li>
 </ul>
</div>

css:

div { width:45%; border:1px solid; float:left; }
ul li { display:block; }

oder eben eine definitionsliste..

html:

<dl>
 <dt>Vorteile</dt>
 <dd>Punkt 1.1</dd>
 <dd>Punkt 1.2</dd>
 <dd>Punkt 1.3</dd>
</dl>

<dl>
 <dt>Nacteile</dt>
 <dd>Punkt 2.1</dd>
 <dd>Punkt 2.2</dd>
 <dd>Punkt 2.3</dd>
</dl>

css:

dl { width:45%; border:1px solid; float:left; }

Gruß
Loon3y


EDIT: hehehehehehehe *ätsch*

EDIT2: irks...meien 900 hier gemacht..och nöööööö :(

 

[Efchen]

Loon3y hat doch gesagt, wie Du das machen kannst. Mit float!

Du hast zwei Listen (<ul>).
Einer davon gibst Du ein float:left bzw. float:right. Das reicht schon.

Mist! Schneller er gewesen ist! ;-)

 

[Mario348]

Also ich habe da jetzt mal nur die Listen oberhalb der Tabellen eingefügt, aber die sind nicht sichtbar. Wieso?

 

[Maxi]

Hast du den CSS-Code richtig eingefügt?

 

[Loon3y]

Also ich habe da jetzt mal nur die Listen oberhalb der Tabellen eingefügt, aber die sind nicht sichtbar. Wieso?

Leider ist meine Glaskugel gerade noch auf der Rückreise von der Kur...zuviel gekugelt...wurde dann süchtig.

Poste doch mal bitte deinen Quelltext oder einen Link oder einen Screenshot. Wie schon mehrfach erwähnt.

 

[Bernhard]

Er hat in einem seiner vorherigen Beiträge einen Link:
http://arudc.ch/index.php?section=Browserdownloads
da ist auch die Liste drin, die nicht angezeigt wird!

Also ich habe da jetzt mal nur die Listen oberhalb der Tabellen eingefügt, aber die sind nicht sichtbar. Wieso?

Hallo Mario,

bei solchen Problemen macht es Sinn, als erstes den Validator zu bemühen und
die Fehler Punkt für Punkt zu beseitigen.

Hier fehlt auf jeden Fall ein Anführungszeichen:

<div id="table[COLOR=Red][B]"[/B][/COLOR]>

Grüße
Bernhard

 

[Loon3y]

Ich weiß nicht was schlimmer ist

Tabellenlayout oder die ansicht das du 2 Doctypes innerhalb eines html-dokuments verwendest.....wie schon einen Post vor mir geschrieben: beseitige deine html fehler und setze es sinnvoll / korrekt ein..

 

[Mario348]

OK danke, hat soweit funktioniert.

Nun ist aber der Rahmen noch nicht so wie im Beispiel...

Wie mache ich das?

 

[Efchen]

Mit den verschiedenen Eigenschaften für border:
border-left
border-right
border-top
border-bottom

 

[Mario348]

Ok, das werde ich dann mal ausprobieren.

Aber was mich momentan stört, ist die Darstellung.

Es sieht katastrophal aus...


Die Liste mit Mozilla Firefox soll unterhalb sein, nicht so...

 

[Asterixus]

Was gefloatet wird, musst gecleart werden.
Alles, was wieder drunter sein soll mit style="clear:both;"

 

[Mario348]

Ok, habe ich gemacht.

Also es gefällt mir allgeimein nicht, da die beiden Punkte beider Spalten immer auf gleicher Höhe sein sollten.

Geht das?