Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Text pod sebe s float

Aktivity
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

Člen
Avatar
:10.12.2015 17:24

Proč musí mít float left?

 
Nahoru Odpovědět
10.12.2015 17:24
Avatar
Grossik
Člen
Avatar
Odpovídá na
Grossik:10.12.2015 17:33

Snad to z obrázku pochopíš.

 
Nahoru Odpovědět
10.12.2015 17:33
Avatar

Člen
Avatar
Odpovídá na Grossik
:10.12.2015 17:38

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

 
Nahoru Odpovědět
10.12.2015 17:38
Avatar
Tomáš Brůna
Tvůrce
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
10.12.2015 17:42
Vi veri universum vivus vici
Avatar

Člen
Avatar
Odpovídá na Tomáš Brůna
: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
10.12.2015 17:46
Avatar
Grossik
Člen
Avatar
Odpovídá na
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
Tvůrce
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
10.12.2015 18:30
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
krouma
Člen
Avatar
krouma:10.12.2015 18:58

A co mezi odkazy dát

<br clear="both" />

?

 
Nahoru Odpovědět
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
Tvůrce
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í
+2,50 Kč
Řešení problému
Nahoru Odpovědět
10.12.2015 19:53
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
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.