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 :D

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? :D

<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
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>