abclinuxu.cz AbcLinuxu.cz itbiz.cz ITBiz.cz HDmag.cz HDmag.cz abcprace.cz AbcPráce.cz
Inzerujte na AbcPráce.cz od 950 Kč
Rozšířené hledání
×
    dnes 13:00 | IT novinky

    Jednodeskový počítač Raspberry Pi slaví 12 let. Prodej byl spuštěn 29. února 2012 (Wikipedie, 𝕏).

    Ladislav Hagara | Komentářů: 2
    dnes 12:00 | Nová verze

    Byla vydána verze 3.2 multiplatformního integrovaného vývojového prostředí (IDE) pro rychlý vývoj aplikaci (RAD) ve Free Pascalu Lazarus (Wikipedie). Přehled novinek v poznámkách k vydání. Využíván je Free Pascal Compiler (FPC) 3.2.2.

    Ladislav Hagara | Komentářů: 0
    dnes 11:44 | Nová verze

    Byla vydána nová verze 1.6.0 grafického správce diskových oddílů GParted (GNOME Partition Editor) a také verze 1.6.0 živé distribuce GParted Live, která obsahuje tohoto správce a další nástroje pro zálohování či obnovu dat. Linux byl povýšen na verzi 6.6.15-2.

    Ladislav Hagara | Komentářů: 0
    dnes 06:00 | Nová verze Ladislav Hagara | Komentářů: 0
    včera 22:44 | Nová verze

    Byla vydána (𝕏) únorová aktualizace aneb nová verze 1.87 editoru zdrojových kódů Visual Studio Code (Wikipedie). Přehled novinek i s náhledy a animovanými gify v poznámkách k vydání. Ve verzi 1.87 vyjde také VSCodium, tj. komunitní sestavení Visual Studia Code bez telemetrie a licenčních podmínek Microsoftu.

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

    Byla vydána (Mastodon, 𝕏) nová verze 2024.1 linuxové distribuce navržené pro digitální forenzní analýzu a penetrační testování Kali Linux (Wikipedie). Přehled novinek se seznamem nových nástrojů v oficiálním oznámení.

    Ladislav Hagara | Komentářů: 0
    včera 18:44 | Zajímavý software

    Společnost Cloudflare pod licencí Apache 2.0 uvolnila zdrojové kódy svého frameworku Pingora napsaného v Rustu pro vytváření rychlých, spolehlivých a programovatelných síťových systémů.

    Ladislav Hagara | Komentářů: 0
    včera 16:55 | IT novinky

    Účet za cloudové služby může nepříjemně překvapit. Například místo obvyklých 0 dolarů se ve vyúčtování může objevit 104 500 dolarů. Uživatel si u Netlify hostoval jednoduchý web a 4 roky nemusel nic platit. Měsíčně se nikdy nepřeneslo více než 10 GB dat. V únoru se to ale změnilo. Během několika dnů to jenom na jedné písničce v mp3 udělalo 164 TB a za každých 100 GB navíc by měl uživatel platit 55 dolarů. V rámci reklamace byla cena snížena na 5 225

    … více »
    Ladislav Hagara | Komentářů: 2
    včera 12:44 | Nová verze

    Komunita KDE s hrdostí uvádí Plasma 6, Frameworks 6 a Gear 24.02 postavené na Qt 6. Předchozí velké vydání 5 bylo vydáno téměř před 10 lety (červenec 2014).

    Ladislav Hagara | Komentářů: 12
    27.2. 21:11 | Nová verze

    Byla vydána nová major verze 6.0 živé linuxové distribuce Tails (The Amnesic Incognito Live System), jež klade důraz na ochranu soukromí uživatelů a anonymitu. Založena je na Debianu 12 Bookworm a GNOME 43. Přehled změn v příslušném seznamu. Tor Browser byl povýšen na verzi 13.0.10.

    Ladislav Hagara | Komentářů: 0
    Kolik máte nálepek na víku notebooku?
     (18%)
     (60%)
     (5%)
     (3%)
     (5%)
     (9%)
    Celkem 427 hlasů
     Komentářů: 18, poslední 27.2. 20:10
    Rozcestník

    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: 1235×

    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: 68 | 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: 68 | 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.