Autor | Zpráva | ||
---|---|---|---|
Rusko Profil * |
#1 · Zasláno: 22. 7. 2014, 15:24:53
Skúšam sa hrať s responzívnym dizajnom pomocou media-queries. Chcem aby sa mi pri šírke 860px zalomil riadok, skúšal som to pomocou
content: "<br>"; , lenže ten HTML tag vypíše a nepoužije ho. Ako teda docieliť aby sa zalomil riadok?
|
||
Tomáš123 Profil |
#2 · Zasláno: 22. 7. 2014, 18:03:33
Rusko:
„Ako teda docieliť aby sa zalomil riadok?“ Použiť medzeru. |
||
jenikkozak Profil |
#3 · Zasláno: 22. 7. 2014, 18:44:02
Rusko:
Většinou není potřeba vynucovat si zalamovat text v určitém místě, spíše zajistit, aby se mezi určitými slovy nezalamoval. Toho dosáhneš vložením nezlomitelné mezery, jejíž HTML entita je .
|
||
Rusko Profil * |
#4 · Zasláno: 22. 7. 2014, 18:44:12 · Upravil/a: Rusko
Tomáš123:
> „Ako teda docieliť aby sa zalomil riadok?“ > Použiť medzeru. Nefunguje. Ospravedlňujem sa zle som položil otázku. Radšej priložím živú ukážku. Chcem aby si pri šírke 860px bolo menu pod nadpisom "IT v kocke". |
||
Tomáš123 Profil |
#5 · Zasláno: 22. 7. 2014, 18:49:18 · Upravil/a: Tomáš123
Rusko:
Prečítaj si tento článok a skús vybrať správnu hodnotu vlastnosti white-space . Ak ani to nepomôže, pridaj prosím odkaz na živú ukážku tvojho webu.Rusko: „Chcem aby si pri šírke 860px bolo menu pod nadpisom "IT v kocke".“ Na to použi responzívny dizajn... 1.) Obaľ logo do div u;
2.) Obaľ menu do div u;
3.) Obidvom divom nastav v CSS float: left; ;
4.) Tesne pred koniec header u, napíš:
<div class="cleaner"></div> div u cleaner priraď vlastnosť clear: both;
6.) Do responzívnej podmienky napíš, aby sa pri rozlíšení menšom ako 860px divy neobtekali ( float: none; ).
@media screen and (max-width: 860px) { .logo { float: none; } .menu { float: none; } } Inak odporúčam nepoužívať HTML5 elementy...Okrem sémantiky nemajú prakticky žiadne výhody, zato majú jednu podstatnú nevýhody: V starých IE sa na nich nedá aplikovať CSS. |
||
Bubák Profil |
#6 · Zasláno: 22. 7. 2014, 19:43:29
Tomáš123:
„Na to použi responzívny dizajn...“ Kýho šlaka proč? Jse o lementy s textem a nikdo neví, ¨jak budou široké, i když u 95 % uživatelů to díky okolnostem bude fungovat. Zadání je tak jednoduché, že je řešitelné i bez resposivních obezliček, bo pokud se floatované elementy nevejdou vedle sebe, tak budou pod sebou. http://kod.djpw.cz/yneb http://kod.djpw.cz/yneb- |
||
Tomáš123 Profil |
#7 · Zasláno: 22. 7. 2014, 19:50:06
Bubák:
A ja som sa tak snažil podať dokonalé riešenie... Nanešťastie stále je v jednoduchosti krása. Aj keď neviem, prečo mi nenapadlo, že floatované elementy sa radia pod seba, keď som to vedel. |
||
Časová prodleva: 10 let
|
0