Autor Zpráva
jezek
Profil *
Dobrý den,
mám web vytvořený pomocí redakčního systému. V něm píšu články na různá témata. Chtěl bych do každého článku v kládat obrázek tak, aby daný obrázek se automaticky uložil do vnitřku článku. Např. aby obrázek se vložil automaticky do druhého odstavce, zarovnán na levou stranu a byl obtékán textem. Podmínka je, aby byl obrázek u každého článku vždy na stejné pozici. Zkoušel jsem to udělat přes css příkaz position, ale nefungovalo mi to, obrázek zakrýval text a text neobtékal obrázek. Můžete mi poradit jak tomám udělat?
Miloš
Profil
float
Kája Godd
Profil *
Třeba takto.
<h1>První článek</h1>
<p>první odstavec</p>
<p>
<img style="float: left; margin: 0 16px 16px 0" src="...">
druhý odstavec
</p>
adjagr
Profil
<img style="float:left; padding:10px" src="#" /> a dej to do textu kam to potřebuješ. Není to ideální řešení, ale mělo by fungovat.
jezek
Profil *
To není řešení! Mám pro snažší orientaci administrační systém v kterém mám jeden file pro psaní textu článku a druhý pro upload obrázku. A nepíšu žádné html značky jen čistý text.. Administrační systém sám přidá html značky. Proto potřebuju nastavit šablonu článku tak, aby se mi zobrazoval obrázek třeba v půlce článku jak popisuji viz výše..
Bubák
Profil
jezek:
Takže máme uhodnout, jak funguje a jak se ovládá administrační systém, o kterém víme jen to, že ho používáš.
jezek
Profil *
Ne to si nadefinuju sám, to není probém. Mě jde o to jak to udělat v CSS, abych dostal požadovaný výstup.

Prostě vložim obrázek do systému, pak napíši článek. A potřebuji aby se mi obrázek zobrazil uvnitř článku na požadovaném místě se zarovnáním do leva a obtékajícím textem..
Bubák
Profil
Musíš vložit obrázek na požadované místo, administrační systém by tam měl vložit tag pro obrázek i s atributy. Tak stačí v CSS zaměřit obrázek a zarovnat doleva a případně mu dát nějaký margin. Nepo to můžeš udělat prasácky inline stylem, ale jak bylo řečeno: „Není to ideální řešení, ale mělo by fungovat.“.
jezek
Profil *
Všechno nastavený mám, jen se mi stále nedaří napsat správný kod v CSS. Zkoušel jsem toto:

.obr { 	
float: left;
margin: 7px 7px 0px 7px ; 
WIDTH: 255px;	
height: 200px; 
position: absolute;
top: 455px;
display: block;} 


Můžete mi to opravit a napsat správně, aby se mi obrázek zobrazoval jak potřebuji. Díky
Bubák
Profil
jezek:
Můžete mi to opravit a napsat správně“.
Nemůžeme, neustále jsi skoupý na informace. Takže zase můžeš dostat jen obecné rady:
• obrázek musí mít ve tvém HTML kódu třídu obr
• rozměry obrázku nedoporučuji zadávat v CSS, ale pomocí HTML atributů
• obrázek nepozicuj a ve tvém případě je zbytečné deklarovat jej jako blokový
jezek
Profil *
Zdrojový kod vypadá nějak takto:

<img src="images/obr2.jpg" class="obr" alt="obr1.jpg, 16 kB" title="obr" border="0" height="273" width="200">
<p>
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum 
</p>



CSS

.obr { 
float: left; 
margin: 7px 7px 0px 7px ; 
position: absolute; 
top: 455px; 
display: block;} 



Potřebuji aby se obrázek vždy objevil třeba od třetího řádku, zarovnám do leva a text aby obrázek obtékal. V redakčním systému Drupal definuji typ obsahu pro články, tak aby uživatel vkládal čistý text bez html značek a uploudoval obrázek. Proto nemohu předem vložit značku IMG např. do třetího řádku..
Bubák
Profil
jezek:
Potřebuji aby se obrázek vždy objevil třeba od třetího řádku,
• HTML ani CSS nezná nic takového, jako třetí řádek
• pokud chceš mít obrázek v odstavci, tak jediná možnost je mít jej v odstavci

nemohu předem vložit značku IMG např. do třetího řádku..
Máš smůlu, musíš vymyslet něco lepšího a k tomu všemu zapomenout na třetí řádek. Obrázek můžeš mít jedině tam, kam ho vložíš a ty ho zatím vkládáš před odstavec. Sice ho jde ovlivnit jeho polohu marginem, nebo pozicováním, ale výsledek nebude takový, jako požaduješ.
Miloš
Profil
Bubák:
HTML ani CSS nezná nic takového, jako třetí řádek
ale šlo by to hádám obejít pomocí line-height, pokud se nastaví přesně v pixelech.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: