Divné rozměry

ty fotky jsou zaprvé dole proč?
Obalový prvek tabulek s fotkami máš moc široký nebo máš moc úzký levý a pravý margin, takže se to tam mezi ty dva postranní sloupce nevejde.

proč jsou ty jako by obaly nedokončené?
Protože buňky tabulek mají rozměry jaké jsi jim zadal a jsou tedy užší než ten obrázek na jejich pozadí.

část zdrojáku:
<TABLE width="185" border="0" cellspacing="0" cellpadding="0">
obrázek má rozměry 150×něco

na to, že tam chceš vejít 3 * 150px není 185 moc :-)

BTW: S vyjímkou Opery se mi celý design zdá nějak rozhozený :-)

michael
Podívej se prosím ještě jednou.

 <TD style="width:185px; height:185px; background:url(/fotky/dia.gif); background-repeat:no-repeat;" align="center" valign="middle">

Jo tak ale kolik obrázků se tam vejde vedle sebe ještě tak aby ten obal byl cely? a jak by vypadal ten kód?
a) vyházíš tabulky a vytvoříš CSS galerii, obrázky se samy naskládají podle rozlišení monitoru jak se vejdou
b) jenom upravíš současný stav:
z tohodle: <TABLE width="185" border="0" cellspacing="0" cellpadding="0">
na tohle: <TABLE border="0" cellspacing="0" cellpadding="0">
velikost zůstane zadaná pouze u <td> a mělo by to víceméně sedět, zůstanou pevně nastaveny 3 fotky na řádek

Ty jsi mi napsal totoz ... tak proč si mi to psal
psal jsem 2 možnosti: a) b)
tabulky se měly vycházet pro případ CSS fotogalerie, např. http://css.interval.cz/clanky/fotogalerie-se-zmensenymi-obrazky-a-popi sky/ (vynecháním popisků se to ještě zjednoduší, ale jestli neumíš css, tak bohužel)

Tak jak to mám nacpat na to místo?
možná jsem to přehlédl, ale na jaké místo? doleva, doprava, nahoru, dolu, ...

A co takhle té tabulce dát valign=top?

nejsem estetik, nebyla by nápověda?
je to "takové poházené", ale kam to chceš přesunout?

<TD style="width:185px; height:185px; background:url(/fotky/dia.gif); background-repeat:no-repeat;" valign="middle">
<A href="/fotky/o1.jpg" style="margin: 10px"><IMG src="/fotky/a1.jpg" title="Hnědé štěňátka" border="1" alt="" class="image"></A></TD>

testováno v Opeře, mezi 2 sloupečky, nemůžeš zarovnávat na střed, protože pravá strana pozadí právě obsahuje sloupec, který posouvá střed pro obrázek do leva

Zkus upravit toto:

#bottom-spacer {

  width: 580px;

}

#content {

  margin: 0 210px;

}

Místo toho Mám dát tohle?:
Ne, tím bylo myšleno zúžení #bottom-spacer a zvětšení okrajů #content.