Nadpis obrázků

Již delší dobu se mořím s popisem obrázků a né a né to rozchodit. Jedná se mi o toto: Zobrazují se vedle sebe dva obrázky, které se centrují do středu. Potřebuji nad každý obrázek udělat nadpis týkající se toho obrázku, např. nad obrázkem s kolem, nápis "kolo"
Zdroj mám takto a nevím jak a kam narvat ten nápis.

<A href="chlazeni.htm" Target="dolni">algin=top "chlazení"
<IMG align=center height=170 src="chlazeni 7.jpg" width=250 ></FONT>

<A href="dorazpoj.htm" Target="dolni">
<IMG align=center height=170 src="dorazpoj9.jpg" width=250 ></FONT>

<A href="posuv.htm" Target="dolni">
<IMG align=center height=170 src="posuv.jpg" width=250></FONT>
</P>

Nejjednodušeji: každý obrázek na samostatném řádku. Tímto bude vše centrováno včetně nadpisu.

<div align="center">
Obrázek
<br>
<img src="" ..>
</div>
<div align="center">
Obrázek
<br>
<img src="" ..>
</div>

Jednodušeji: obalit to tabulkou

<table>
<tr>
<td>Obrázek 1</td>
<td>Obrázek 2</td>
</tr>
<tr>
<td><img src="obrazek1.jpg"></td>
<td><img src="obrazek2.jpg"></td>
</tr>
</table>

Složitěji: použít CSS

Musí přeci existovat nějaký fígl. Něco takového, aby po kliknutí na obrázek to mělo přesměrování na jiný soubor htm.:

<P >
<div align="center">
<A href="kryt.htm" Target="dolni">
<div align="center">
Obrázek č.1
<br>
<img src=center height=170 src="kryt 1.jpg" width=250>
</br></P >

<P >
<div align="center">
<A href="kryt.htm" Target="dolni">
<div align="center">
Obrázek č.2
<br>
<img src=center height=170 src="kryt 1.jpg" width=250>
</br></P >

oops jak to tak sleduji tak kdybych nemel program na tvorbu stranek tak bych byl asi dost mimo...bych na stare kolena neveril ze to je tak slozite ...Fakt zavidim vsem co to umi delat bez nejakeho softu treba websitex5

<a href="odkaz.html">
<img src="obrazek.gif" alt="náhradní text">
</a> - tohle je důležité - tobě chybí ukončení odkazu.
Další najdeš tady: http://www.jakpsatweb.cz/html/odkazy.html

Moment, nejsem si jist, ale alt="náhradní text" to asi nevyřeší, to se zobrazí poku obrázek gif se nenajde, nemám pravdu?

<HTML>Ne, nevyřeší, ale měl by v kódu také být, právě proto že se zobrazí při nenalezení obrázku. Lama spíš upozorňoval na chybějící tag </a>.

<a href="odkaz.html"><br>
Popisek<br><br>
<img src="obrazek.gif" alt="náhradní text"><br>
</a><br>

Já osobně dávám i title, které se pak zobrazuje v takové té bublině po najetí myší na obrázek.

Když vidím to kryt 1.jpg, tak upozorňuju, že mezery a jiné nestandardní znaky můžou způsobit problémy se zobrazováním. V názvech souborů/adresářů je vhodné používat jen malá písmena bez diakritiky, místo mezery pak např. podtržítko.</HTML>

<HTML><i>src=center height=170</i> apod. piš s uvozovkami, tj. height="170". A teď když vidím to src=center <- to je blbost, to odmaž.</HTML>

Tohle všechno chápu, jen chci docílit v mém případě, dva obrázky vedle sebe, každý z nich po kliknutí má odkaz, např. jiné htm. a nad každým tím obrázkem nápis: Obrázek1 a Obrázek2 a vše centrované.

<A href="chlazeni.htm" Target="dolni">
<IMG align=center height=170 src="chlazeni 7.jpg" width=250 ></FONT>

<A href="dorazpoj.htm" Target="dolni">
<IMG align=center height=170 src="dorazpoj9.jpg" width=250 ></FONT>
</a>

Prostě, nad obrázkem chlazeni 7.jpg (nápis chlazení) center vůči obrázku.
nad obrázkem dorazpoj9.jpg (nápis doraz) center vůči obrázku.
To celé center na středu stránky.
Zkuste si to zkopírovat do PC a polaborujte. Já to prostě vedle sebe nedostanu, včetne těch nápisů.

<HTML>Použila bych tabulku, jak už zmínil Tomík v příspěvku z 10:42.</HTML>

← Zpět na všechna témata

Nové příspěvky

index.html ) HTML Tabulky Zalamování textu pomocí CSS Přesměrování Arduino - 400 Bad Request Nastavení českých písmen POMOC! po druhé! Pozicování (obrázek na střed). Jak vycentrovat obrazek, ktery je v prikazu absolute ? Použití tvůrce webu katalog async functions' is only available in es8 (use 'esversion: 8') Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 Problém s načítáním Div pro reklamu překrývá prvky webové stránky Nezobrazuje se mi lišta s reklamou ako nahrám na môj web favicon? JavaScript - nečitelný soubor *.js - jak prohlížet/editovat Problém s textem videostream index.html GB///refresh///JS Total Commander - server nenalezen Mobilní verze webu Sloučené "hledání"

Další témata

Webzdarma zvládnete to sami

Nadpis obrázků

Nové příspěvky