Avatar
Majkel
Člen
Avatar
Majkel:

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  ±0 19.6.2015 9:09
Avatar
Odpovídá na Majkel
Michal Šmahel (ceskyDJ):

Třeba přes float.

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

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

Nahoru Odpovědět  ±0 19.6.2015 10:53
Kdyby nám dodali k životu zdrojový kód, vše by bylo jednodušší...
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na Majkel
Tonda Kozák:

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  +2 19.6.2015 11:16
Avatar
Majkel
Člen
Avatar
Odpovídá na Tonda Kozák
Majkel:

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  +1 19.6.2015 11:54
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na Majkel
Tonda Kozák:

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:

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
Jiří Gracík
Redaktor
Avatar
Odpovídá na Majkel
Jiří Gracík:

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
Creating websites is awesome till you see the result in another browser ...
Avatar
Majkel
Člen
Avatar
Odpovídá na Jiří Gracík
Majkel:

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
Redaktor
Avatar
Odpovídá na Majkel
Honza Bittner:

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

Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
Nahoru Odpovědět 19.6.2015 12:37
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na Majkel
Tonda Kozák:

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.