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í
×

včera 01:23 | Komunita

Phoronix spustil 2017 Linux Laptop Survey. Tento dotazník s otázkami zaměřenými na parametry ideálního notebooku s Linuxem lze vyplnit do 6. července.

Ladislav Hagara | Komentářů: 2
23.6. 22:44 | Nová verze

Po třech měsících vývoje od vydání verze 5.5.0 byla vydána verze 5.6.0 správce digitálních fotografií digiKam (digiKam Software Collection). Do digiKamu se mimo jiné vrátila HTML galerie a nástroj pro vytváření videa z fotografií. V Bugzille bylo uzavřeno více než 81 záznamů.

Ladislav Hagara | Komentářů: 1
23.6. 17:44 | Nová verze

Byla vydána verze 9.3 open source alternativy GitHubu, tj. softwarového nástroje s webovým rozhraním umožňujícího spolupráci na zdrojových kódech, GitLab. Představení nových vlastností v příspěvku na blogu a na YouTube.

Ladislav Hagara | Komentářů: 2
23.6. 13:53 | Nová verze

Simon Long představil na blogu Raspberry Pi novou verzi 2017-06-21 linuxové distribuce Raspbian určené především pro jednodeskové miniaturní počítače Raspberry Pi. Společně s Raspbianem byl aktualizován také instalační nástroj NOOBS (New Out Of the Box Software). Z novinek lze zdůraznit IDE Thonny pro vývoj v programovacím jazyce Python a především offline verzi Scratche 2.0. Ten bylo dosud možné používat pouze online. Offline bylo možné používat pouze Scratch ve verzi 1.4. Z nového Scratchu lze ovládat také GPIO piny. Scratch 2.0 vyžaduje Flash.

Ladislav Hagara | Komentářů: 0
22.6. 14:24 | Nová verze

Opera 46, verze 46.0.2597.26, byla prohlášena za stabilní. Nejnovější verze tohoto webového prohlížeče je postavena na Chromiu 59. Z novinek lze zmínit například podporu APNG (Animated Portable Network Graphics). Přehled novinek pro vývojáře na blogu Dev.Opera. Oznámení o vydání zmiňuje také první televizní reklamu.

Ladislav Hagara | Komentářů: 0
22.6. 13:37 | IT novinky

I čtenáři AbcLinuxu před dvěma lety vyplňovali dotazníky věnované Retro ThinkPadu. Nyní bylo potvrzeno, že iniciativa Retro ThinkPad je stále naživu a Lenovo připravuje speciální edici ThinkPadu jako součást oslav jeho 25. výročí.

Ladislav Hagara | Komentářů: 21
22.6. 10:22 | Komunita

Bylo oznámeno, že frontend a runtime programovacího jazyka D bude začleněn do kolekce kompilátorů GCC (GNU Compiler Collection). Správcem byl ustanoven Iain Buclaw.

Ladislav Hagara | Komentářů: 7
21.6. 18:47 | IT novinky
Bulharská firma Olimex je známá jako výrobce kvalitních mini arm desek, u nichž se snaží být maximálně open source. Kromě velké otevřenosti taktéž zaručují dlouhodobou podporu výroby, což je vítáno ve firemním prostředí. Nyní firma ohlásila ESP32-GATEWAY, malou IoT desku s Wifi, Bluetooth, Ethernetem a 20 GPIO porty za 22EUR. Tato malá deska je ořezanou verzí ESP32-EVB.
Max | Komentářů: 21
21.6. 18:00 | Zajímavý článek

LinuxGizmos (v dubnu loňského roku přejmenován na HackerBoards a v lednu letošního roku zpět na LinuxGizmos) zveřejnil výsledky čtenářské ankety o nejoblíbenější jednodeskový počítač (SBC) v roce 2017. Letos se vybíralo z 98 jednodeskových počítačů (Tabulky Google). Nejoblíbenějšími jednodeskovými počítači v letošním roce jsou Raspberry Pi 3 Model B, Raspberry Pi Zero W a Raspberry Pi 2 Model B.

Ladislav Hagara | Komentářů: 0
21.6. 14:22 | Pozvánky

Ne-konference jOpenSpace 2017 se koná od 13. do 15. října 2017 v hotelu Farma u Pelhřimova. Registrace účastníků je nutná. Více informací na stránkách ne-konference.

Zdenek H. | Komentářů: 0
Chystáte se pořídit CPU AMD Ryzen?
 (6%)
 (31%)
 (1%)
 (9%)
 (44%)
 (9%)
Celkem 830 hlasů
 Komentářů: 65, poslední 1.6. 19:16
    Rozcestník

    Dotaz: CSS style pro opravdove profesionaly

    6.2.2009 21:38 Jarrek
    CSS style pro opravdove profesionaly
    Přečteno: 420×
    Ahoj, najde se tady nejaky koder, ktery je tak dobrej (a to myslim smrtelne vazne), ktery dokaze dat v css temto odkazum pevnou sirku a vysku 20px; a zobrazi je vedle sebe v jednom radku a vycentruje je horizontalne na stred v DIVu "obal" ??

    <div class="obal">

    <ul>

    <li><a href="#">1</a></li>

    <li><a href="#">2</a></li>

    <li><a href="#">3</a></li>

    <li><a href="#">33</a></li>

    <li><a href="#">44</a></li>

    <li><a href="#">55</a></li>

    </ul>

    </div>

    Jestli je tady fakt nekdo tak dobry, prosim o pomoc, uz opravdu nevim jak to udelat, zacinam mit pocit ze je to nemozne :(

    predem diky za pomoc ;)

    Odpovědi

    6.2.2009 22:49 cronin | skóre: 48
    Rozbalit Rozbalit vše Re: CSS style pro opravdove profesionaly
    Nie, nenajde. Pokial budu uzavrete v elemente li (list item), nebudu vedla seba v riadku. Problem je v html, s css nema nic spolocne. Mozno by slo predefinovat spravanie sa elementu li. Ale preco pouzivat polozky zoznamu, ked sa o polozky zoznamu nejedna?
    6.2.2009 23:04 Karel Borkovec | skóre: 28 | blog: HP_NX9010 | Tábor
    Rozbalit Rozbalit vše Re: CSS style pro opravdove profesionaly

    display: inline;

    6.2.2009 23:41 Jarrek
    Rozbalit Rozbalit vše Re: CSS style pro opravdove profesionaly
    display: inline; ? myslim ze nevite co jste napsal :(
    Josef Kufner avatar 7.2.2009 12:34 Josef Kufner | skóre: 67
    Rozbalit Rozbalit vše Re: CSS style pro opravdove profesionaly
    Ale ví. Když to nastavíš těm li, tak budou v řádku. A pokud obalujícímu ul dáš display: block; text-align: center; tak to bude i uprostřed. Ovšem je tu problém s nastavováním velikosti inline elementů.
    Hello world ! Segmentation fault (core dumped)
    7.2.2009 13:46 SKooDA | skóre: 3 | blog: Jen_tak_mimochodem | Velké Přílepy
    Rozbalit Rozbalit vše Re: CSS style pro opravdove profesionaly

    Osobne mam radsi:

    li {display: block; float: left; width: 200px; height: 20px; margin:0; padding:0}

    a {display:block; width: 100%; height: 20px; text-align:center; line-height: 20px}

    #cleaner {clear:both;}

    a pod UL hodis nejaky cleaner, doufam ze jsem na nic nezapomel

    MyEgo@server:/home/www/myego.cz$ rm -r ./*
    Josef Kufner avatar 7.2.2009 14:40 Josef Kufner | skóre: 67
    Rozbalit Rozbalit vše Re: CSS style pro opravdove profesionaly
    Viz níže.
    Hello world ! Segmentation fault (core dumped)
    6.2.2009 23:40 Jarrek
    Rozbalit Rozbalit vše Re: CSS style pro opravdove profesionaly
    ahoj, netrvam na polozkach li, klidne to muze byt i takto, je mi to v celku jedno..

    <div class="obal">

    <a href="#">1</a>

    <a href="#">1</a>

    <a href="#">1</a>

    <a href="#">1</a>

    <a href="#">1</a>

    </div>
    6.2.2009 23:13 Vojtěch Horký | skóre: 39 | blog: Vojtův zápisník | Praha
    Rozbalit Rozbalit vše Re: CSS style pro opravdove profesionaly
    Nestačilo by přihnout tohle nebo tohle?
    I am always ready to learn although I do not always like to be taught. (W. Churchill)
    6.2.2009 23:44 Jarrek
    Rozbalit Rozbalit vše Re: CSS style pro opravdove profesionaly
    nn, to nestaci, jelikoz tam je sirka dana pomoci padding a ja potrebuji zadat pevnou sirku, cili csechny a href... budou stejne vysoke i siroke..
    AraxoN avatar 7.2.2009 00:08 AraxoN | skóre: 45 | blog: slon_v_porcelane | Košice
    Rozbalit Rozbalit vše Re: CSS style pro opravdove profesionaly

    Toto tu mi funguje vo FF 3.0.5:

    <style type="text/css">
    .obal {
        border: 1px solid red;
        text-align: center;
    }
    .obal UL {
        border: 1px solid green;
        display: inline;
        position: fixed;
        margin: 0px;
        padding: 0px;
        margin-left: -60px;
    }
    .obal LI {
        border: 1px solid blue;
        width: 20px;
        height: 20px;
        float: left;
        list-style-type: none;
    }
    </style>
    

    S profesionalitou to ale nemá nič spoločné, Opera to nepoberie a Exploder tu našťastie nemám. ;-) Bordery sú tam samozrejme len na debug. Do ostrej prevádzky by som to nevypustil, v skutočnosti vlastne CSS nemám rád... :-D

    A fine is a tax for doing wrong. A tax is a fine for doing well.
    steky avatar 7.2.2009 00:56 steky | skóre: 4 | blog: Zápisníček | Praha
    Rozbalit Rozbalit vše Re: CSS style pro opravdove profesionaly
    Příloha:

    Jestli jsem to dobře pochopil, byla snaha o to, aby celé pole (20px na výšku a něco na šířku) bylo odkazem. V příloze je soubor, ve kterém je kód tak, aby toto fungovalo. Nejsou tam komentáře, dotazy můžeme řešit tady v diskuzi :) Kód je téměř totožný s tím, který uvedl AraxoN, nicméně některé položky jsem smazal a jiné doplnil. Ve Firefox 3.0.5 mi to fungovalo bezchybně.

    7.2.2009 01:20 Jarrek
    Rozbalit Rozbalit vše Re: CSS style pro opravdove profesionaly
    tohle je zajimave, problem je ale v tom, ze nikdy nebudu vedet, kolik bude odkazu v tom menu, nekdy 3 a nekdy treba 20, proto to potrebuji vycentrovat. Cili pevna sirka toho ul asi nebude pravda..
    Josef Kufner avatar 7.2.2009 12:41 Josef Kufner | skóre: 67
    Rozbalit Rozbalit vše Re: CSS style pro opravdove profesionaly
    Pak máš smůlu. Varianty jsou vesměs jen tyto dvě. Jedna s float: left a druhá s display: inline. Ta první má problém s velikostma odkazů, ta druhá s jejich vycentrováním. Takže si budeš muset vybrat, který z problémů ti vadí míň a nějak zamaskovat nedostatky.

    Btw, tohle je celkem běžný problém řešený velmi často pro horizontální nabídky pod hlavičkou většiny stránek.
    Hello world ! Segmentation fault (core dumped)
    steky avatar 7.2.2009 12:43 steky | skóre: 4 | blog: Zápisníček | Praha
    Rozbalit Rozbalit vše Re: CSS style pro opravdove profesionaly

    To je také pravda :) Nicméně já osobně spíše stejně používám celé menu zarovnané vlevo a teprve obsah odkazů mám vycentrovaný.

    steky avatar 7.2.2009 12:42 steky | skóre: 4 | blog: Zápisníček | Praha
    Rozbalit Rozbalit vše Re: CSS style pro opravdove profesionaly

    Ano, to máte pravdu. Proč jsem musel nastavit:

    • margin: 0 auto;
    • width:432px;

    Protože jsem zatím nepřišel na to, jak obejít float: left; nastavený u LI. To je jediným problémem. Výsledné řešení také záleží na tom, v jakém projektu je toto menu použito. Podle toho pak lze zneužít vlastnosti okolních prvků.

    7.2.2009 13:22 Filip Jirsák | skóre: 66 | blog: Fa & Bi
    Rozbalit Rozbalit vše Re: CSS style pro opravdove profesionaly
    Stačí tomu ul nastavit margin-left a margin-right na auto, tím se to vycentruje. Pro MSIE je potřeba nějakou obezličku, asi nastavit nadřazenému prvku text-align na center;
    steky avatar 7.2.2009 14:38 steky | skóre: 4 | blog: Zápisníček | Praha
    Rozbalit Rozbalit vše Re: CSS style pro opravdove profesionaly

    Auto margin jsem zkoušel a nic. Tenhle margin je totiž pro ul a ne pro li, které jsou plovoucí. Leda by tam byl ten cleaner, který je uvedený výše v diskuzi, ale to nemám u tohodle případu odzkoušeno.

    7.2.2009 16:15 Filip Jirsák | skóre: 66 | blog: Fa & Bi
    Rozbalit Rozbalit vše Re: CSS style pro opravdove profesionaly
    To je správně, že je margin pro ul, vždyť to chcete vycentrovat. Plovoucí li mi v tomto případě připadá nesmysl – tazatel nechtěl žádné plovoucí objekty, chtěl vše v jednom řádku, takže display: inline. Pokud objekty uvnitř li nemají požadovanou přirozenou šířku a výšku, pak inline-block, aby bylo možné jim nastavit i výšku a šířku.

    Založit nové vláknoNahoru

    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.