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: Dva <div> v jednom řádku

Aktivity
Avatar
Majkel
Člen
Avatar
Majkel:19.6.2015 9:09

Ahoj, jak správně zarovnat do jednoho řádku dva divy?

např:

<div>Ahoj</div>
<div> jak se máš?</div>
Editováno 19.6.2015 9:09
 
Odpovědět
19.6.2015 9:09
Avatar
Odpovídá na Majkel
Michal Šmahel:19.6.2015 10:33

Třeba přes float.

div {
    float: left;
}
Nahoru Odpovědět
19.6.2015 10:33
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
Odpovídá na Majkel
Tomáš Maňhal:19.6.2015 10:53

Koukni na grid :-) Velmi snadno se s ním pozicuje :-)

 
Nahoru Odpovědět
19.6.2015 10:53
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na Majkel
Tonda Kozák:19.6.2015 11:16

Podle toho, co chceš udělat, buď jak napsal Michal přes float, nebo jako

div {
    display: inline-block; // nebo display: inline;
}

ale to rovnou můžeš změnit div na třeba span.

 
Nahoru Odpovědět
19.6.2015 11:16
Avatar
Majkel
Člen
Avatar
Odpovídá na Tonda Kozák
Majkel:19.6.2015 11:54

Ahoj, já jsem ten dotaz položil trochu nešikovně. Vím, že se to dělá za pomoci float nebo inline, ale nevím, co z toho je "správné" řešení. Tipuju, že ten inline bude asi lepší než float.

Editováno 19.6.2015 11:55
 
Nahoru Odpovědět
19.6.2015 11:54
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na Majkel
Tonda Kozák:19.6.2015 11:58

Záleží na tom, co přesně chceš udělat. Vycházel-li bych z tvého příkladu, tak řeknu, ať všechny divy vyhodíš a máš to na řádku hned, ale předpokládám, že reálně to potřebuješ na něco jiného. Pro každý případ je lepší něco jiného.

 
Nahoru Odpovědět
19.6.2015 11:58
Avatar
Majkel
Člen
Avatar
Odpovídá na Tonda Kozák
Majkel:19.6.2015 12:14

Potřebuju to pro ASP.NET MVC aplikaci. Mám v divu ActionLinky "A-Z", které mi slouží pro třídění z databáze. Na ty mám navázánou JS funkci a potřebuju je mít oddělené od ActionLinku "ALL". Zároveň je ale chci mít na jednom řádku.

<div>
        @Html.ActionLink("ALL", "Index", new { sortLetter = "" }) |
</div>
<div id="sorting">
        @Html.ActionLink("A", "Index", new { sortLetter = "A" }) -
        @Html.ActionLink("B", "Index", new { sortLetter = "B" }) -
        @Html.ActionLink("C", "Index", new { sortLetter = "C" }) -
        @Html.ActionLink("D", "Index", new { sortLetter = "D" }) -
         atd...
</div>
 
Nahoru Odpovědět
19.6.2015 12:14
Avatar
Odpovídá na Majkel
Neaktivní uživatel:19.6.2015 12:20

Jak odělené? Na novém řádku, nebo jenom větší mezeru za all? A na ty linky by bylo vhodné použít cyklus, mě by se to určitě takhle psát nechtělo :D

Nahoru Odpovědět
19.6.2015 12:20
Neaktivní uživatelský účet
Avatar
Majkel
Člen
Avatar
Odpovídá na Neaktivní uživatel
Majkel:19.6.2015 12:28

Oddělené tak, že pokud kliknu na něco co je mezi

<div id="sorting">
 kod...
</div>

spustí se mí zároveň JS funkce.

Na tom ActionLinku s ALL se mi ta JS funkce spouštět nesmí, proto musí být odděleně. Zároveň ho ale chci mít na stejném řádku. Proto jsem hledal způsob, jak správně zarovnat ty dva divy do jednoho řádku.

Co se týče toho cyklu. Není aplikace pomalejší, čím více C# kódu mám v razoru? Já s MVC začínám, takže se pořád učím.

Editováno 19.6.2015 12:29
 
Nahoru Odpovědět
19.6.2015 12:28
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Majkel
Honza Bittner:19.6.2015 12:37

Co třeba využít element <span> ?

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
19.6.2015 12:37
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na Majkel
Tonda Kozák:19.6.2015 12:50

V takovém případě použij nějaký řádkový element, třeba ten span, jak jsem psal.

 
Nahoru Odpovědět
19.6.2015 12:50
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 11 zpráv z 11.