Autor Zpráva
jankoo
Profil *
dobrý večer,

chcel by som sa spýtať ako zarovnať obrázok na stred vertikálne aj horizontálne + pod obrázkom text s odkazom...

dá sa to?
Taps
Profil
jankoo:
http://jecas.cz/centrovani
Vertikální centrování v CSS
jankoo
Profil *
ďakujem, ale keďže som začiatočník, neviem ako tam dosadím obrázok a text s odkazom
Petr ZZZ
Profil
jankoo:
ako tam dosadím obrázok...
<img src="http://diskuse.jakpsatweb.cz/img/logo.png" 
width="493" height="109" alt=" Logo DJPW ">

...a text s odkazom
Text s <a href="http://diskuse.jakpsatweb.cz">odkazem</a> třeba na tohle fórum.

Obrázky
Odkazy

Doporučuji nastudovat základy: Jak psát web
jankoo
Profil *
samozrejme, toto viem, ale kam to vložím do toho kódu...

.absolutne-centrovany {
  position: absolute; 
  top: 50%; left: 50%; 
  height: 200px; width: 300px;  
  margin: -100px 0 0 -150px
}
Petr ZZZ
Profil
Zkusil bych obrázek a odstavec s odkazem vložit do společného prvku a ten pak vycentrovat podle některého z Tapsem doporučených návodů. Třeba takto nějak:

<div class="absolutne-centrovany">
   <img src="">
   <p>Text <a href="">odkaz</a> 
</div>

(Nepřehlédni, že u některého z navržených řešení je místo divu lepší použít v dané souvislosti nevalidní span.) (Nevalidní proto, že dle specifikace by span neměl obsahovat blokové prvky, které ovšem v našem případě obsahuje.)

(Podle toho, jak se tady ptáš, mám pocit, že nemáš jasno v tom, co je CSS a co je HTML – nastuduj si to na odkázaných stránkách Jak psát web.)

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: