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í
×
eParkomat, startup z ČR, postoupil mezi finalisty evropského akcelerátoru ChallengeUp!
Robot na pivo mu otevřel dveře k opravdovému byznysu
Internet věcí: Propojený svět? Už se to blíží...
3.12. 16:24 | Nová verze

Byla vydána Mageia 5.1. Jedná se o první opravné vydání verze 5, jež vyšla v červnu loňského roku (zprávička). Uživatelům verze 5 nepřináší opravné vydání nic nového, samozřejmě pokud pravidelně aktualizují. Vydání obsahuje všechny aktualizace za posledního téměř půldruhého roku. Mageia 5.1 obsahuje LibreOffice 4.4.7, Linux 4.4.32, KDE4 4.14.5 nebo GNOME 3.14.3.

Ladislav Hagara | Komentářů: 4
3.12. 13:42 | Pozvánky

V Praze probíhá konference Internet a Technologie 16.2, volné pokračování jarní konference sdružení CZ.NIC. Konferenci lze sledovat online na YouTube. K dispozici je také archiv předchozích konferencí.

Ladislav Hagara | Komentářů: 0
2.12. 22:44 | Komunita

Joinup informuje, že Mnichov používá open source groupware Kolab. V srpnu byl dokončen dvouletý přechod na toto řešení. V provozu je asi 60 000 poštovních schránek. Nejenom Kolabu se věnoval Georg Greve ve své přednášce Open Source: the future for the European institutions (SlideShare) na konferenci DIGITEC 2016, jež proběhla v úterý 29. listopadu v Bruselu. Videozáznam přednášek z hlavního sálu je ke zhlédnutí na Livestreamu.

Ladislav Hagara | Komentářů: 22
2.12. 15:30 | Zajímavý projekt

Společnost Jolla oznámila v příspěvku Case study: Sailfish Watch na svém blogu, že naportovala Sailfish OS na chytré hodinky. Využila a inspirovala se otevřeným operačním systémem pro chytré hodinky AsteroidOS. Použita je knihovna libhybris. Ukázka ovládání hodinek na YouTube.

Ladislav Hagara | Komentářů: 8
2.12. 14:15 | Nová verze

Byla vydána verze 7.1.0 skriptovacího jazyka PHP používaného zejména k vývoji dynamických webových stránek. Jedná se o první stabilní verzi nejnovější větvě 7.1. Přehled novinek v dokumentaci. Podrobnosti v ChangeLogu. K dispozici je také příručka pro přechod z PHP 7.0.x na PHP 7.1.x.

Ladislav Hagara | Komentářů: 3
2.12. 12:55 | Nová verze

Google Chrome 55 byl prohlášen za stabilní. Nejnovější stabilní verze 55.0.2883.75 tohoto webového prohlížeče přináší řadu oprav a vylepšení (YouTube). Opraveno bylo také 36 bezpečnostních chyb. Mariusz Mlynski si například vydělal 22 500 dolarů za 3 nahlášené chyby (Universal XSS in Blink).

Ladislav Hagara | Komentářů: 4
2.12. 11:55 | Pozvánky

Máte rádi svobodný software a hardware nebo se o nich chcete něco dozvědět? Přijďte na 135. sraz spolku OpenAlt, který se bude konat ve čtvrtek 8. prosince od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5). Sraz bude tentokrát tématický. Bude retro! K vidění budou přístroje jako Psion 5mx nebo Palm Z22. Ze svobodného hardwaru pak Openmoko nebo čtečka WikiReader. Přijďte se i vy pochlubit svými legendami, nebo alespoň na pivo. Moderní hardware má vstup samozřejmě také povolen.

xkucf03 | Komentářů: 1
2.12. 00:10 | Nová verze

Byla vydána verze 3.2 svobodného systému pro detekci a prevenci průniků a monitorování bezpečnosti počítačových sítí Suricata. Z novinek lze zmínit například podporu protokolů DNP3 a CIP/ENIP, vylepšenou podporu TLS a samozřejmě také aktualizovanou dokumentaci.

Ladislav Hagara | Komentářů: 0
1.12. 21:00 | Nová verze

Byla vydána beta verze Linux Mintu 18.1 s kódovým jménem Serena. Na blogu Linux Mintu jsou hned dvě oznámení. První o vydání Linux Mintu s prostředím MATE a druhé o vydání Linux Mintu s prostředím Cinnamon. Stejným způsobem jsou rozděleny také poznámky k vydání (MATE, Cinnamon) a přehled novinek s náhledy (MATE, Cinnamon). Linux Mint 18.1 bude podporován až do roku 2021.

Ladislav Hagara | Komentářů: 0
1.12. 16:42 | Nová verze

Byl vydán Devuan Jessie 1.0 Beta 2. Jedná se o druhou beta verzi forku Debianu bez systemd představeného v listopadu 2014 (zprávička). První beta verze byla vydána v dubnu letošního roku (zprávička). Jedna z posledních přednášek věnovaných Devuanu proběhla v listopadu na konferenci FSCONS 2016 (YouTube, pdf).

Ladislav Hagara | Komentářů: 2
Kolik máte dat ve svém domovském adresáři na svém primárním osobním počítači?
 (32%)
 (24%)
 (29%)
 (7%)
 (5%)
 (3%)
Celkem 771 hlasů
 Komentářů: 50, poslední 29.11. 15:50
Rozcestník
Reklama

Dotaz: CSS style pro opravdove profesionaly

6.2.2009 21:38 Jarrek
CSS style pro opravdove profesionaly
Přečteno: 417×
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: 66
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: 66
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: 66
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.