TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Dobrý deň . Prosím vás, prečo mi toto nejde :
<html>
<style>
#a {
background-position: center;
}
</style>
<body>
<div id="a">
<img src="picture.jpg">
</div>
</body>
</html>
Pritom obrázok mi nahraje, len mi ho neumiestni na stred obrazovky . Pozeral som to aj na nete a tam to mali ako ja .
#1 Peter
Nahlásit jako SPAM
IP: 87.197.139.–
Věrný člen
Nejlepší odpověď
body {
/* takto bude obrázek na pozadí celé stránky (na středu) */
background-image: url("picture.jpg");
background-repeat: no-repeat;
background-position: center top;
}
#a {
/* takto bude obrázek na pozadí divu (na středu) */
background-image: url("picture.jpg");
background-repeat: no-repeat;
background-position: center top;
width: 100px; /* musíš upravit podle obrázku */
height: 100px; /* musíš upravit podle obrázku */
}
pokud chceš jednodušší řešení tak stačí
#a img {
margin: 0px auto;
text-align: center;
}
Chyba byla v tom, že background-position se vztahuje výhradně k background-image, nikoliv k obrázkům v daném divu.
Není zač.
Zjistit počet nových příspěvků
Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku
© 2003–2024 Programujte.com