Diskuze: Text pod sebe s float

HTML a CSS HTML a CSS Text pod sebe s float American English version English version

Aktivity (1)
Avatar
Grossik
Člen
Avatar
Grossik:10.12.2015 17:19

Mám text, který ale musí mít float:left; a chci aby pod ním byl text který bude mít taky float:left;... vždy se mi to dá vedle sebe. :-(

<a style="float:left; padding-top: 15px;">Text1</a>
<a style="float:left; padding-top: 45px;">Text2</a>
 
Odpovědět 10.12.2015 17:19
Avatar
Michal Vašíček
Tým ITnetwork
Avatar
Michal Vašíček:10.12.2015 17:24

Proč musí mít float left?

Nahoru Odpovědět 10.12.2015 17:24
Příspěvek může obsahovat stopy arašídů, sarkasmu a sóji.
Avatar
Grossik
Člen
Avatar
Odpovídá na Michal Vašíček
Grossik:10.12.2015 17:33

Snad to z obrázku pochopíš.

 
Nahoru Odpovědět 10.12.2015 17:33
Avatar
Michal Vašíček
Tým ITnetwork
Avatar
Odpovídá na Grossik
Michal Vašíček:10.12.2015 17:38

Bohužel jsem to nepochopil, zkus to vysvětlit.

Nahoru Odpovědět 10.12.2015 17:38
Příspěvek může obsahovat stopy arašídů, sarkasmu a sóji.
Avatar
Tomáš Brůna
Redaktor
Avatar
Odpovídá na Grossik
Tomáš Brůna:10.12.2015 17:42

?

<a style="float:left; padding-top: 15px;">Text1</a><br />
<a style="float:left; padding-top: 45px;">Text2</a>
Nahoru Odpovědět  -1 10.12.2015 17:42
Lepší být šprt než blbec :)
Avatar
Michal Vašíček
Tým ITnetwork
Avatar
Odpovídá na Tomáš Brůna
Michal Vašíček:10.12.2015 17:46

To mu fungovat nebude, jen to druhý element posune o pár pixelů dolů. ROzhodně o méně, než tam má padding.

Nahoru Odpovědět  +2 10.12.2015 17:46
Příspěvek může obsahovat stopy arašídů, sarkasmu a sóji.
Avatar
Grossik
Člen
Avatar
Odpovídá na Michal Vašíček
Grossik:10.12.2015 18:01

Tak zkusím kódem

<a style="float:left; padding-top: 15px;">Text1</a>
<a style="float:left; padding-top: 45px;">Text2</a>
<IMG src=img/test24.png width="200" height="112" title=Test24 style="float:left; padding-top: 8px; margin-left: 56px;">
<input type="submit" id="button" name="clanek" class="fsSubmitButton" value=Test24>

Prostě to tam musí být, protože i obrázek má float left a kdyby neměl tak by se mi to tlačítko dalo jinam než má být.

 
Nahoru Odpovědět 10.12.2015 18:01
Avatar
Honza Bittner
Šupák
Avatar
Odpovídá na Grossik
Honza Bittner:10.12.2015 18:30

Pokud chceš pracovat s floatem a mít některé elementy pod sebou, musíš dané elementy zabalit do nějakého jiného elementu, který bude floatovat s ostatními elementy. :-)

Nahoru Odpovědět  +3 10.12.2015 18:30
Milovník Dartu. Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a zeptat se mě na cokoli můžeš na https://...
Avatar
krouma
Člen
Avatar
krouma:10.12.2015 18:58

A co mezi odkazy dát

<br clear="both" />

?

 
Nahoru Odpovědět  -1 10.12.2015 18:58
Avatar
Grossik
Člen
Avatar
Odpovídá na Honza Bittner
Grossik:10.12.2015 19:38

A teď prosím nějak abych to pochopil i já :D moc nevím jak to udělat.

 
Nahoru Odpovědět 10.12.2015 19:38
Avatar
Honza Bittner
Šupák
Avatar
Odpovídá na Grossik
Honza Bittner:10.12.2015 19:53
<div>
  <a>5px;">Text1</a>
  <a>Text2</a>
</div>
... obrázek, input atp.

<div> bude mít float + odkazy (<a>) musí mít display: block, pokud mají být zobrazeny pod sebou).

Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
Nahoru Odpovědět  +2 10.12.2015 19:53
Milovník Dartu. Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a zeptat se mě na cokoli můžeš na https://...
Avatar
Grossik
Člen
Avatar
Odpovídá na Honza Bittner
Grossik:10.12.2015 20:02

díky moc

 
Nahoru Odpovědět 10.12.2015 20:02
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 12 zpráv z 12.