Autor Zpráva

Profil *
otázka tedy zní:
jak dostat obrázek do prostřed prázdné stránky?


----
Editace Mistrem: Oprava chyby v titulku tématu.
Joker
Profil
Přes CSS. Pokud je to obrázek na pozadí, tak background-position: center center;
Obrázek <img> - horizontálně: text-align: center;
- vertikálně například takhle: http://www.jakpsatweb.cz/css/css-vertikalni-centrovani.html

edit: další článek na to téma: http://www.sovavsiti.cz/c02031.html

Profil *
myslel jsem tím třeba malý obrázek do prostřed stránky ne jako pozadí

Profil *
polopaticky jelikož jsem naprostý amatér
vertigo4
Profil
tak nastav img{margin:auto}

Profil *
soráč asi to dělám nějak blbě napište mi prosím přesný vzor
tak kde má bejt obrázek použijte třeba obrazek.jpg
vertigo4
Profil

a chceš mít na stránce jen jeden obrázek? prostě jen obrázek uprostřed a nic jiného?
Manq
Profil

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="cs">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<link rel="stylesheet" href="styles/" type="text/css"  media="screen, projection" />
<link rel="stylesheet" href="styles/" type="text/css"  media="print" />
<title></title>
</head>
 <body>

<img src="obrazek.jpg" style="display:block;margin:0 auto">

 </body>
</html>


Tohle je horizontálně.

Profil *
přesně tak jeden obrázek uprostřed a nic jiného

Profil *
a jak vertikálně?
Bubák
Profil
Nejjednodušeji jako pozadí:

<style>
html	{height: 100%;}
body	{background: url(obrazek.png) center center no-repeat;}
</style>
<!-- Více na stránce netřeba ;-) -->


Dodatek:
Pozadí může mít element HTML, pak to jde zjednodušit:

<html style="height: 100%; background: url(obrazek.png) center center no-repeat;">
<!-- Více na stránce netřeba ;-) -->


nebo:
<style>
html	{height: 100%; background: url(obrazek.png) center center no-repeat;}
</style>
<!-- Více na stránce netřeba ;-) -->

Profil *
děkuji za pomoc
mám eště dotaz: pokud bych chtěl udělat to samé akorát bych mněl tři obrázky a chtěl je dát pod sebe ale aby byly opět uprostřed
imploder
Profil
úpně nejjednodušší řešení: nedělej žádnou stránku a odkazuj na samotný obrázek - ten by se měl zobrazit samotný uprostřed prázdné stránky, tak jak to obrázky dělávají
habendorf
Profil
imploder

Na to jsi přišel jak?
Manq
Profil
tak jak to obrázky dělávají
Spíš, jak to některé prohlížeče dělávají :-).
Bubák
Profil
imploder
Zdravím uživatele Opery, ale jinak všechny ostatní prohlížeče zobrazují obrázek vlevo nahoře.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: