tabelle ohne abstände zwischen den zeilen

[milkaherzchen]

hey...
irgendwie will meine seite nicht so wie ich. eigentlich hab ich ein bild geslicet und dann per css festgelegt, dass zwischen zeilen und zellen kein abstand mehr ist.
aber zwischen meinen zeilen ist immer noch ein ca. 1px großer abstand..

.cell {
border-collapse: collapse;
border-spacing:0;
padding:0;
margin: 0;
background-color:transparent;
font-family:Verdana;
font-size:11px;
color:#262728;
text-align:center;
border:0px;
  }

meinen css hab ich soweit eigentlich schon angepasst, aber irgendwie will er nicht.

[fabi]

padding:0px; noch mit einbauen. dann müsste es gehen.

dann müsste es gehen

[milkaherzchen]

definier mal für die table die css-Eigenschaft "borderspacing" mit 0:

es klappt leider immer noch nicht
.cell
{
border-collapse: collapse;
border-spacing:0px;
padding:0px;
margin: 0px;
background-color:transparent;
font-family:Verdana;
font-size:11px;
color:#262728;
text-align:center;
border:0px;
}

und warum die Tabelle?
Wenn du einfach die Bilder ohne Tabelle einbaust, werden sie nebeneinander angezeigt ohne Abstand.

untereinander aber nicht

[Gunnar Bittersmann]

@@milkaherzchen:

nuqneH

igentlich hab ich ein bild geslicet

Eigentlich gibt es dafür keinen Grund. Ein Puzzle wird bereits in Teilen verkauft. Auf einer Webseite ist es sinnlos, ein Bild zu zerstückeln um es dann wieder zusammenzusetzen. Lass es im Ganzen!

Qapla'

[milkaherzchen]

@@milkaherzchen:

nuqneH

»» igentlich hab ich ein bild geslicet

Eigentlich gibt es dafür keinen Grund. Ein Puzzle wird bereits in Teilen verkauft. Auf einer Webseite ist es sinnlos, ein Bild zu zerstückeln um es dann wieder zusammenzusetzen. Lass es im Ganzen!

Qapla'

ich mach es in teile, weil jedes teil ein mouseover kriegt & dann später ein wert in einer datenbank erhöht wird, wenn alle einzelnen teile "überfahren" wurden.
also muss ich das bild schon slicen...denk ich

padding:0px; noch mit einbauen. dann müsste es gehen.

dann müsste es gehen

.cell {
border-collapse: collapse;
border-spacing:0;
padding:0;
padding:0px;
margin: 0;
background-color:transparent;
font-family:Verdana;
font-size:11px;
color:#262728;
text-align:center;
border:0px;
  }

es geht leider immer noch nicht :( ich verstehs auch nich..

[foomaker]

Hallo Milkaherzchen,

definier mal für die table die css-Eigenschaft "borderspacing" mit 0:

  
table  
{  
  border-spacing:0px;  
}  

Gruß vom foomaker

[milkaherzchen]

definier mal für die table die css-Eigenschaft "borderspacing" mit 0:

es klappt leider immer noch nicht
.cell
{
border-collapse: collapse;
border-spacing:0px;
padding:0px;
margin: 0px;
background-color:transparent;
font-family:Verdana;
font-size:11px;
color:#262728;
text-align:center;
border:0px;
}

und warum die Tabelle?
Wenn du einfach die Bilder ohne Tabelle einbaust, werden sie nebeneinander angezeigt ohne Abstand.

untereinander aber nicht

[Struppi]

» und warum die Tabelle?
» Wenn du einfach die Bilder ohne Tabelle einbaust, werden sie nebeneinander angezeigt ohne Abstand.
untereinander aber nicht

Du kennst das <br> Element?

Struppi.

[milkaherzchen]

»» » und warum die Tabelle?
»» » Wenn du einfach die Bilder ohne Tabelle einbaust, werden sie nebeneinander angezeigt ohne Abstand.
»» untereinander aber nicht

Du kennst das <br> Element?

Struppi.

dann ist da aber trotzdem eine lücke

außerdem muss es ja irgendwie auch mit tabelle gehen ;)

[Struppi]

dann ist da aber trotzdem eine lücke

http://carsten-protsch.de/zwischennetz/doctype/luecken.html

außerdem muss es ja irgendwie auch mit tabelle gehen ;)

Warum?

Struppi.

[ChrisB]

Hi,

dann ist da aber trotzdem eine lücke

http://carsten-protsch.de/zwischennetz/doctype/luecken.html

https://forum.selfhtml.org/?t=187983&m=1250876

MfG ChrisB

[Gunnar Bittersmann]

@@milkaherzchen:

nuqneH

außerdem muss es ja irgendwie auch mit tabelle gehen ;)

Warum sollte? Es geht ohne.

Es ist mir unbegreiflich, warum du stundenlang an einer schlechten „Lösung“ rumfrickelst. In der Zeit hättest du schon eine vernünftige umgesetzt.

Qapla'

[foomaker]

| definier mal für die table die css-Eigenschaft "borderspacing" mit 0:
es klappt leider immer noch nicht
.cell
{
border-collapse: collapse;
border-spacing:0px;
padding:0px;
margin: 0px;
background-color:transparent;
font-family:Verdana;
font-size:11px;
color:#262728;
text-align:center;
border:0px;
}

Du hast meinen Beitrag missverstanden.

nicht für die Klasse .cell border-spacing auf 0 setzen, sondern für Table:

table
{
   border-spacing:0px;
}

(diese 4 Zeile so ins css stylesheet reinkopieren)

Gruß vom foomaker

[milkaherzchen]

Oh *doings*
Funktioniert aber auch so leider nicht :(

table {
background-color:transparent;
font-family:Verdana;
font-size:11px;
color:#262728;
text-align:center;
border-spacing:0px;}

.cell
{
border-collapse: collapse;
border-spacing:0px;
padding:0px;
margin: 0px;
background-color:transparent;
font-family:Verdana;
font-size:11px;
color:#262728;
text-align:center;
border:0px;
}

[Struppi]

» Qapla'

Du musst nicht alles zitieren.

ich mach es in teile, weil jedes teil ein mouseover kriegt & dann später ein wert in einer datenbank erhöht wird, wenn alle einzelnen teile "überfahren" wurden.
also muss ich das bild schon slicen...denk ich

und warum die Tabelle?
Wenn du einfach die Bilder ohne Tabelle einbaust, werden sie nebeneinander angezeigt ohne Abstand.

Struppi.

[Gunnar Bittersmann]

@@milkaherzchen:

nuqneH

ich mach es in teile, weil jedes teil ein mouseover kriegt & dann später ein wert in einer datenbank erhöht wird, wenn alle einzelnen teile "überfahren" wurden.
also muss ich das bild schon slicen...denk ich

Nein.

Es gibt andere Möglichkeiten:

(1) <http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm@title=Verweis-sensitive Grafiken (Image Maps)>, 'mouseover' für 'area'-Elemente

(2) Das ganze(!!) Bild liegt hinter den Elementen, die auf 'mouseover' reagieren:
    (2a) als Hintergrundbild
    (2b) als Vordergrundbild, die anderen Elemente sind darauf absolut positioniert

Lass das Bild ganz! Und verwende nicht 'table' zum Layouten!

Qapla'

[ChrisB]

Hi,

eigentlich hab ich ein bild geslicet und dann per css festgelegt, dass zwischen zeilen und zellen kein abstand mehr ist.
aber zwischen meinen zeilen ist immer noch ein ca. 1px großer abstand..

Ggf. wieder mal das bekannte Unterlängen-Problem.

Probiere mal display:block oder vertical-align:bottom für die Bilder.

MfG ChrisB