Zdravím všechny, zejména pak pa3k :-)

na základě layoutu rsBlogger - nature1 jsem udělal naše stránky. Všechno funguje OK, až na zobrazení obrázků v M$ Exploreru. Jsou-li obrázky do článku vloženy pseudotagem typu:
<obrazek id="9" zarovnani="vpravo" nahled="ano">,
jsou správně zobrazeny ve Firefoxu na PC i Safari na Macu. Zato Explorer tyto obrázky zobrazuje tak, že jsou asi překryté podkladovou plochou náhledu článku, nebo článku.
Nejlíp je to vidět na na téhle stránce , třeba hned u prvního článku "Slunce v ložnici". V náhledu článku je vidět jen spodní kousek obrázku, zatímco v článku není obrázek vpravo nahoře vidět vůbec.
Přišel jsem na to, že vložím-li obrázek ve článku do tabulky, zobrazí se i v M$ Exploreru:
<table><tr><td><obrazek id="63" zarovnani="nastred" nahled="ano"></td></tr>
</table>

Nevíte někdo, kde tenhle problém hledat?

Díky, Petr

alebo radšej takto:

.clanok, .ram
	{
	position:relative; top:0; left:0; margin:0 0 10px 0; padding:1em;
	background:#fff; border-bottom: 3px solid #999;
	}

oprav na:

.clanok, .ram
	{
	margin:0 0 10px 0; padding:1em; background:#fff;
	}

Sám nechápem prečo som tam pchal relative, tuším je to úplne zbytočné :) Ten border tam IMHO tiež len zbytočne smrdí ;)



Celkem upraveno 1×. Poslední úprava pa3k v 17.08.2005 21:03.

Díky moc za radu,
teď už to fachčí i na Exploreru. V Safari teď sice obrázky přečuhují, ale to si už upravím, aby měly správnou velikost.

Ještě jednou díky, Petr

V souvislosti s tím ještě dotázeček: Dá se nějak regulovat velikost náhledu generovaného pseudotagem obrazek? Standardni nahled je moc velky.

Díky, Petr

> V Safari teď sice obrázky přečuhují, ale to si už upravím, aby měly správnou velikost
pomocou CSS vlastností float a clear môžeš spraviť to aby blok v ktorom sú obrázky končil až za obrázkom, resp. za prvkom, ktorý bude mať nastavený clear.

> Dá se nějak regulovat velikost náhledu generovaného pseudotagem obrazek? Standardni nahled je moc velky.
config.php

Aha. To je pak ale pro všechny náhledy stejné, že? Já bych potřeboval menší náhled obrázku u náhledu článku a normální náhledy uvnitř článku. Asi se bude muset jít cestou vypsání tagu <img src=.... . To jsem zkusil a funguje.

Dík za tip ohledně CSS.

S clearem už mi obrázky nelezou do dalšího článku, ale nemohu najít kam ještě dát clear, aby se bílý podklad prodloužil až na konec obrázku, neboli aby obrázek nezasahoval do barevné plochy oddělující jednotlivé články. Příklad viz přiložený obrázek.
Jde to vůbec? Clear znamená, že tento prvek nezačne dřív, než skončí obtečené objekty předchozí. mezera mezi náhledy článků ale je vlastně jen díra, kterou je vidět pozadí, které začalo na vrchu stránky. Takže to asi vůbec nepůjde, jak se mi zdá.

Jediné, co se dá, je přidat clear:both do stylu .z, který tvoří poslední řádku náhledu článku.





Celkem upraveno 2×. Poslední úprava pjan v 18.08.2005 16:14.

ale dá, všetko sa dá... a keď píšem, že sa to dá, tak viem, že sa to dá:

CSS:
.myclear { clear:both; width:100%; visibility:hidden;
}
	
img { float:right;
}

cla_*.php:
... alt="Vytisknout článek" /></a>
</div><hr class="myclear" /></div>
<?

samozrejme ten float preba dať na img cez triedu, nie takto všeobecne, aby boli ostatné img OK, toto je len sprostá demonštrácia, že to ide. Keď sa vie ;)

BTW: pozri si plugin "Správce souboru" možno by ti pomohol nielen so zmenšovaním podľa potreby ale aj s floatovaním vkladaných img ;)

NOjo, díky. Keď sa to vie, netreba sa pýtať :-) Začínám CSS teprve studovat, takže proto tyhle začátečnické dotazy. Díky za trpělivost.

Jasné, nič v zlom - vpohode a pri všetkej skromnosti :-} Ešte niečo k téme: Ten prvok s clear musí byť zanorený v prvku ktorý sa má "natiahnuť". Ono CSS je na prvý pohľad trochu komplikované :) ale nie je. Ide o to pochopiť vzťah medzi rodičovským prvkom a jeho potomkami :-) resp. používa sa pojem tzv. obsahujúci blok. Veľmi dobre na pochopenie stromu dokumentu poslúži DOM Inspector, napr. v mozille alebo Firefoxe. O pozicovaní v CSS2 som čítal skvelý článok na Intervale a dosť mi pomohol článok od Pixyho Jak funguje "float" a "clear" .