Stránka 1 z 1
HTML pozice textu
Napsal: 02 říj 2014 19:19
od driticool
Ahoj,píšu html stránku a mám problém,že když chci v <body> udělat menší nadpis(zároveň také href) a pod ním ještě krátký text,tak se mi zobrazí úplně nahoře v levém rohu,jak docílím aby to bylo cca o 10 cm dole?
Dá se to takto napsat,nebo to je součástí CSS a stylů apod.,u kterých ještě nejsem? :)
Díky za rady a doufám,že jste pochopili o co mi jde
Re: HTML pozice textu
Napsal: 02 říj 2014 19:43
od Oxxid
Dělá se to stylováním. Ale když tomu dáš třeba <h6> tak bude malinko odsazený. Jinak je to pres styly "padding-top: 10px;" třeba
Re: HTML pozice textu
Napsal: 02 říj 2014 19:51
od driticool
Okej,díky,mrknu jak to "padding-top: 10px;" použít... :)
--- Doplnění předchozího příspěvku (02 Říj 2014 20:03) ---
Aha,tak nevím jak to použít,takhle to asi nefunguje,co?
<body>
<style="padding-top: 10px;">
<h1>Minecraft</h1>
<p>Zde najdete verye MC pro PC i chytré telefony</p>
</style>
</body>
Jak to tam mám vkloubit,aby mi to zapůsobilo na to: ?
<h1>Minecraft</h1>
<p>Zde najdete verze MC pro PC i chytré telefony</p>
Díky moc :)
Re: HTML pozice textu
Napsal: 02 říj 2014 20:07
od Petr Hnátek
Kód: Vybrat vše
<body>
<h1 style="padding-top: 10px">Minecraft</h1>
<p>Zde najdete verye MC pro PC i chytré telefony</p>
</style>
</body>
Jak to tam mám vkloubit,aby mi to zapůsobilo na to: ?
<h1>Minecraft</h1>
<p>Zde najdete verze MC pro PC i chytré telefony</p>
Re: HTML pozice textu
Napsal: 02 říj 2014 20:14
od driticool
Aha,mno,to dává smysl
Díky moc! :)
--- Doplnění předchozího příspěvku (02 Říj 2014 20:20) ---
Aha,tak to taky nefunguje.. :/
Re: HTML pozice textu
Napsal: 02 říj 2014 21:27
od LuCaCZ
Kód: Vybrat vše
<!DOCTYPE HTML>
<html>
<head>
<title></title>
</head>
<body>
<h1 style="padding-top: 100px">Minecraft</h1>
<p>Zde najdete verze MC pro PC i chytré telefony</p>
</body>
</html>
co nwfuguje? nebo jak chceš aby to vypadalo?
Re: HTML pozice textu
Napsal: 03 říj 2014 13:13
od Petr Hnátek
Ještě je možnost místo padding použít margin:
Kód: Vybrat vše
<!DOCTYPE HTML>
<html>
<head>
<title></title>
</head>
<body>
<h1 style="margin-top: 10px">
Minecraft
</h1>
<p>
Zde najdete verze MC pro PC i chytré telefony
</p>
</body>
</html>