Haumis wbb hilfe (http://haumis-wbb-hilfe.de/wbb2/index.php)
- WBB2 (http://haumis-wbb-hilfe.de/wbb2/board.php?boardid=3)
-- Es klappt nicht (http://haumis-wbb-hilfe.de/wbb2/board.php?boardid=48)
--- Zellen nebeneinander stellen ohne Leerraum (http://haumis-wbb-hilfe.de/wbb2/thread.php?threadid=1256)


Geschrieben von Alexja am 04.02.2011 um 13:20:

  Zellen nebeneinander stellen ohne Leerraum

Diesmal geht es um das Postmenü im Beitrag.

Ich weiß dass ich das früher schon einmal geschaft habe, aber leider funktioniert der Code nicht in diesem Template.

Habe eine extra Tabelle eingefügt und jedes Bild in eine Zelle gepackt. Nun habe ich aber, egal ob

- ich die Zellen nebeneinander packe oder
- ich die Zellen untereinander schreibe

den gleichen Abstandseffekt wie wenn alles in einer Zelle steht.

Habe auch Cellpadding und Spacing extra iengetragen,w as den Abstand zwar zumindest verkleinert hat, aber nicht verschwinden ließ.

Preisfrage: Wie bekomme ich diesen verfluchten Abstand da raus?



Geschrieben von haumi am 29.10.2011 um 07:55:

 

Ist mir bei der Durchsicht aufgefallen das hier noch keine Antwort steht.
Da html an sich keine Leerzeichen kennt muss man die Leerzeichen händig reinsetzen.
Ein Leerzeichen in html wird dargestellt mit  

Will man z. B. 3 Leerzeichen zwischen den Buttons haben,
so setzt man     zwischen die einzelnen Buttons.

LG
haumi



Geschrieben von Listiger_Falke am 29.10.2011 um 12:47:

  RE: Zellen nebeneinander stellen ohne Leerraum

Zitat:
Original von Alexja

Habe auch Cellpadding und Spacing extra iengetragen,w as den Abstand zwar zumindest verkleinert hat, aber nicht verschwinden ließ.

Preisfrage: Wie bekomme ich diesen verfluchten Abstand da raus?


Das liegt daran, das eine Tabelle, wenn nicht anders eingetragen, einen Rahmen besitzt. Um den Abstand raus zu bekommen muß man entweder der Tabelle den Wert border-width="0" zuweisen, oder noch besser eine neue Class generieren

Dazu gibt man der Tabelle eine zusätzliche Class-Zuweisung, z.B. class="style1"

Im ACP definiert man dann im Stylepack im zusätzlichen CSS die Class

.style1 {
border-collapse: collapse;
border-width: 0;
}


Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH