HTML - posunutí obrázku

matchelo04.05.2014 13:10 Nahlásit
Dělám stránku a chci vložit obrázek...mám tenhle příkaz:

<p style="text-align: left"><img src="obrazek.jpg" width="350" height="250"/>

Obrazek se mi zarovna vlevo a jak ho posunu o něco víc doprava aby nebyl uplně u okraje?

Odpovědi

Přidat odpověď ▾

Diskuze

Anonym Xewerob04.05.2014 13:42 Nahlásit
Napiš něco jako <img style="margin-left: 3em;" src="obrazek.jpg" width="350" height="250"/></p>
Nebo taky <p style="text-align: left; margin-left: 3em;"> ... </p>

Projeví se to podobně, ale záleží, co přesně potřebuješ... Taky to jde dosáhnout přes "padding-left".
Projdi si to tady: http://www.jakpsatweb.cz/ a s různými postupy zkus zaexperimentovat.
Anonym Xewerob04.05.2014 13:50 Nahlásit
P.S.: Obecně je ovšem lepší nepsat styly přímo do tagů, ale shrnout je v samostatném stylovém souboru a do tagů dávat už jen třídy:

<p class="zarovnany-doleva"><img class="s-levym-okrajem" ... />

Je to výhodné především tehdy, když více objektů má mít stejný styl, a obzvlášť při následných úpravách - změna jen na jediném místě v .css souboru a ne na 30 místech v HTML, z nichž několik zaručeně přehlédneš a i tak to dá stokrát víc práce...
Přidat komentář do diskuze ▾