abclinuxu.cz AbcLinuxu.cz itbiz.cz ITBiz.cz HDmag.cz HDmag.cz abcprace.cz AbcPráce.cz
AbcLinuxu hledá autory!
Inzerujte na AbcPráce.cz od 950 Kč
Rozšířené hledání
×
dnes 02:20 | Zajímavý článek

David Revoy, autor open source webového komiksu Pepper&Carrot nebo portrétu GNU/Linuxu, upozorňuje na svém blogu, že nový Inkscape 0.92 rozbíjí dokumenty vytvořené v předchozích verzích Inkscape. Problém by měl být vyřešen v Inkscape 0.92.2 [reddit].

Ladislav Hagara | Komentářů: 0
dnes 02:02 | Komunita

Øyvind Kolås, hlavní vývojář grafických knihoven GEGL a babl, které využívá grafický program GIMP, žádá o podporu na Patreonu. Díky ní bude moci pracovat na vývoji na plný úvazek. Milník 1000 $, který by stačil na holé přežití, se již téměř podařilo vybrat, dalším cílem je dosažení 2500 $, které mu umožní běžně fungovat ve společnosti.

xkomczax | Komentářů: 9
včera 23:54 | Pozvánky

DevConf.cz 2017, již devátý ročník jedné z největších akcí zaměřených na Linux a open source ve střední Evropě, proběhne od pátku 27. ledna do neděle 29. ledna v prostorách Fakulty informačních technologií Vysokého učení technického v Brně. Na programu je celá řada zajímavých přednášek a workshopů. Letos je povinná registrace.

Ladislav Hagara | Komentářů: 0
včera 22:11 | Nová verze

Byla vydána verze 1.0.0 emulátoru terminálu Terminology postaveného nad EFL (Enlightenment Foundation Libraries). Přehled novinek v poznámkách k vydání.

Ladislav Hagara | Komentářů: 0
20.1. 17:00 | Nová verze

Byl vydán Docker 1.13. Přehled novinek na YouTube a v poznámkách k vydání na GitHubu. Docker umožňuje běh aplikací v softwarových kontejnerech (Wikipedia).

Ladislav Hagara | Komentářů: 4
20.1. 15:51 | Komunita

Mozilla.cz informuje, že nástroje pro webové vývojáře se možná oddělí od Firefoxu a stanou doplňkem. Nástroje pro webové vývojáře prošly velkým přepisem a tým, který se stará o jejich vývoj, by uvítal možnost jejich častějších aktualizacích nezávisle na vydávání nových verzí Firefoxu.

Ladislav Hagara | Komentářů: 8
20.1. 07:00 | Humor

Čtenářům AbcLinuxu vše nejlepší k dnešnímu Dni zvýšení povědomí o tučňácích (Penguin Awareness Day).

Ladislav Hagara | Komentářů: 0
20.1. 06:00 | Komunita

Bylo spuštěno hlasování o přednáškách a workshopech pro letošní InstallFest, jenž proběhne o víkendu 4. a 5. března v Praze. Současně byla oznámena změna místa. InstallFest se letos vrací zpět na Karlovo náměstí do budovy E.

Ladislav Hagara | Komentářů: 0
20.1. 02:48 | Komunita

Greg Kroah-Hartman potvrdil, že Linux 4.9 je jádrem s prodlouženou upstream podporou (LTS, Long Term Support). Podpora je plánována do ledna 2019. Aktuální jádra s prodlouženou podporou jsou tedy 3.2, 3.4, 3.10, 3.12, 3.16, 3.18, 4.1, 4.4 a 4.9.

Ladislav Hagara | Komentářů: 0
20.1. 00:11 | Zajímavý článek

Výrobce síťových prvků, společnost Netgear, spustila nový program, který slibuje vývojářům, expertům, ale i běžným uživatelům vyplacení finanční odměny za nalezení bezpečnostních chyby v jejich produktech. Za nalezení zranitelnosti v hardware, API nebo mobilní aplikaci nabízí odměnu od 150 do 15 tisíc dolarů (dle závažnosti).

Michal Makovec | Komentářů: 0
Jak se stavíte k trendu ztenčování přenosných zařízení (smartphony, notebooky)?
 (10%)
 (2%)
 (74%)
 (3%)
 (10%)
Celkem 359 hlasů
 Komentářů: 25, poslední včera 13:34
Rozcestník
Reklama

Dotaz: CSS, float a clear

11.6.2007 00:41 Jardík | skóre: 40 | blog: jarda_bloguje
CSS, float a clear
Přečteno: 1220×

Dělám si web s použitím drupalu a vytvářím si téma (jeho vzhled) a mám nějaké problémy s atributy float a clear u divů. Popíšu situaci k obrázku. Pod tím vodorovným menu je div. Je vycentrovaný (margin-left: auto; margin-right: auto; width: 970). V tomto divu jsou dva postranní divy. Jeden má float: left, druhý right. Potom je v tomto divu další (prostřední) div. Ten float nemá. Má nastaven margin-left: šířka_levého_panelu; margin-right: šířka_pravého_panelu, takže je pak mezi postranními panely.

Problém je pak uvnitř toho prostředního divu. Jak tam je ten nadpis (Menu), tak vedle něj jsou normálně tlačítka, která jsou teď pod ním, protože se tam nevejdou, to je OK. Ten nadpis i tlačítka jsou každé v samostatném divu s float:left a jsou ještě zabalená do jednoho hlavního divu. Takže nějak takto:

Obal nadpisu (div)
  |-- div pro nadpis (float: left)
  |      |-- nadpis (h1)
  |-- div pro tlačítka (float:left)
         |-- inline nečíslovaný seznam s tlačítky

Aby ty 2 divy z obalu "nepřetékaly", tak má obal nadpisu i selektor after

obal-nadpisu {
  margin: 0 0 10px 0;
  padding: 0;
  border-bottom: 1px solid #e9eff3;
  position: relative;
  display: block;
}

obal-nadpisu:after {
    content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

A teď nastává problém. Ten clear zařídí bohužel to, že se celý obal nějak roztáhne až pod oba panely (viz obrázek, ta čára (ve skutečnosti je to rámeček toho obalu) uprostřed pod panelama), což by neměl. Správně by měl být přece pod nadpisem a tlačítky.

Zajímalo by mě, kde dělám chybu. To téma vzniká úpravou garland tématu, spousta kódu je z něho. Já bych ty nadpisy klidně udělal trochu jinak, ale mě zajímá, proč to takto nefunguje.

Věřím v jednoho Boha.

Odpovědi

Diskuse byla administrátory uzamčena.
FAQ: Proč byl uzamčen/smazán můj dotaz v Poradně?

11.6.2007 00:48 Jardík | skóre: 40 | blog: jarda_bloguje
Rozbalit Rozbalit vše Re: CSS, float a clear
Tak jinak než editací stylů ten nadpis udělat nemůžu, generuje to takto přímo drupal.
Věřím v jednoho Boha.
11.6.2007 08:21 Filip Jirsák | skóre: 66 | blog: Fa & Bi
Rozbalit Rozbalit vše Re: CSS, float a clear
Podle mne se ten obal natáhne proto, že clear: both znamená "před tímto prvkem musí být ukončené veškeré plovoucí prvky vlevo i vpravo". A protože před příslušným prvkem máte plovoucí i levý a pravý sloupec, musí se prvek s clear:both umístit až za oba tyto sloupce.

Jinak výpis příslušné části HTML a CSS by byl daleko jednodušší a srozumitelnější, než ten zdlouhavý popis…
11.6.2007 08:38 Láďa | skóre: 9
Rozbalit Rozbalit vše Re: CSS, float a clear
Přesně tak, tohle clear znamená. A jinak :after co vím nepodporuje třeba IE6, takže jde jenom o hezkou, ale vcelku nepoužitelnou konstrukci.
11.6.2007 08:43 Filip Jirsák | skóre: 66 | blog: Fa & Bi
Rozbalit Rozbalit vše Re: CSS, float a clear
Tak on MSIE nezná ani centrování přes margin-left|right:auto, takže ten styl asi bude pouze pro moderní prohlížeče.
11.6.2007 08:46 Robert Krátký | skóre: 94 | blog: Robertův bloček
Rozbalit Rozbalit vše admin
Ahoj, takový dotaz je v Poradně off-topic. Je sice tak kvalitně popsán, že by mohl být dáván za vzor mnoha tazatelům, ale přesto musím doporučit, abys to zkusil řešit na nějakém fóru, které je zaměřené na webdesign (nebo na abclinuxu v blogu). Diskuze bude uzamčena a později vymazána. Díky za pochopení.

Tiskni Sdílej: Linkuj Jaggni to Vybrali.sme.sk Google Del.icio.us Facebook

ISSN 1214-1267   www.czech-server.cz
© 1999-2015 Nitemedia s. r. o. Všechna práva vyhrazena.