Neregistrovaný Přihlásit Registrovat

Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailemVyřešeno Zarovnání textu v html?

Dobrý den,
prosím o radu, pomocí čeho lze zarovnat text, aby začátek textu byl pod obrázkem?
Už jsem to zkoušela pomocí align, tagu p..
Dočetla jsem se, že by toto zarovníná měl umět tag clear. Bohužel nevím kam co jak psát, protože mi potom rozhodí všechny zadané hodnoty.
Pro lepší představu jsem sem vložila naprogramovaný text..

<img src="bilaspalicek.jpg" width="400" height="500" hspace="350" vspace="10" >
<br>
Materiál: Ořech špalíček a bílá

Potřebuju aby text "MATERIÁL" začínal na dalším řádku přesně pod "bilaspalicek.jpg".

Moc děkuji.

Předmět Autor Datum
Jestli nevadí že to bude v tabulce, tak je to jedno z řešení nový
Metride 23.05.2015 16:30
 Metride
Nevím jak by to vypadalo, ale takových obrázků budu pod sebou potřebovat více. Můžu Tě poprosit o uk… nový
html 23.05.2015 16:33
 html
Nějak divně se mi rozházeli mezery, ale snad to z toho pujde pochopit, jediná věc co je jinak je, že… nový
Metride 23.05.2015 16:48
 Metride
Děkuji za návod. Teď jsem to zkoušela, ale obrázky se mi daly vedle sebe.. Budu to muset zkoušet. nový
html 23.05.2015 17:07
 html
• A ta stranka je rozdelena na section, article, nav, aside a podobne nebo jakou mas strukturu? • Je… nový
CoCoChanel 23.05.2015 17:12
 CoCoChanel
Když to co sem tady postnul hodim do <body> tak mi to funguje normálně vycentrovaně, zkuste :) nový
Metride 23.05.2015 17:38
 Metride
Děkuji všem za Vaše rady :) ►Metride◄ Udělala jsem práci podle Vás, chvíli jsem si s tím musela hrá… poslední
html 23.05.2015 18:21
 html

Nějak divně se mi rozházeli mezery, ale snad to z toho pujde pochopit, jediná věc co je jinak je, že mám ty názvy nad obrázkem.

<center> 
	  <table>
		  <tr>
			  <th>LAN</th>
			  <th>SLON</th>
			  <th>TYGR</th>
		  </tr>
	
  	  
      <tr>
          <td><img src="savci\lan.jpg" width="270" height="220"></td>
          <td><img src="savci\sloni.jpg" width="270" height="220"></td>
          <td><img src="savci\tygr.jpg" width="270" height="220"></td>
      </tr>
 
	  
		  <tr>
			  <th>JEŠTĚRKA</th>
			  <th>KRAJTA</th>
			  <th>ŽELVA</th>
		  </tr>
		  
		  
	<tr>
          <td><img src="plazi\jesterka.jpg" width="270" height="220"></td>
          <td><img src="plazi\krajta.jpg" width="270" height="220"></td>
          <td><img src="plazi\zelvy.jpeg" width="270" height="220"</td>
        </tr>
       

		  <tr>
			  <th>ČLUNOZUBEC</th>
			  <th>KOLPÍK BÍLÝ</th>
			  <th>PAPOUŠEK</th>
		  </tr>
		  
		  
	 <tr>
          <td><img src="ptaci\clunozubec.jpg" width="270" height="220"></td>
          <td><img src="ptaci\kolpik_bily.jpg" width="270" height="220"></td>
          <td><img src="ptaci\papusek.jpg" width="270" height="220"></td>
         </tr>

      
                      <tr>
			  <td></td>
			  <td><a href="index.html">Domů</a></td>
			  <td><a href="cenik.html">Ceník</a></td>
		      </tr>
       
	  </table>
</center>

• A ta stranka je rozdelena na section, article, nav, aside a podobne nebo jakou mas strukturu?
• Jetli to mas rozdelené v ruznych <section> a v nem mas <article> jak jen do section vlozis obrazek, das mu nakou "class=" (misto article pouzij klidne <div> etc. aby jsi to mohl aplikovat pro kazdou <section>
• pozici a chovani snad uz nastavis v "CSS"

Ty tvé obrazky vedle sebe jsou bloky nebo? (zkus "float", " display: block;"), popripade clear:both aby text nepresel obrazek, tezko rict jaky ches finalni aspekt...

HTML

<p class="abc">
 <img src="Tvuj obrazek.png" alt="co chces" /></p>
<p style="line-height:60px;">  "Bla bla bla, text pod obrazkem" </p>

CSS

.abc
 {
float:right; /* nebo kam potrbujes */
/* tady si zadej uz co chces (chovani, vzhled, pozice) */
}

• S block, float, velikost uz si pohrej jak chces dle potreby, nikdo asi nevi jak ta stranka ma vypadat....

Zpět do poradny Odpovědět na původní otázku Nahoru