NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze – Lekce 8 - Typové CSS selektory a zarovnání textu

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Avatar
mc.dubak
Člen
Avatar
mc.dubak:10.1.2014 16:03 
a  {
text-decoration: none
}

a:link  {
color: black
}

a:visited {
color: black
}

a:active {
color: black
}

a:hover  {
color: black
}

h2  {
color: black;
font-style: italic;
text-align: center;
}

h1  {
color: green;
text-align: center;
}

p  {
color: black;
text-align: center;
}

body {
margin:0;
padding:0;
text-align:center;
}


.lista-tlacitek {
        -moz-box-shadow:inset -1px -4px 16px 8px #ffffff;
        -webkit-box-shadow:inset -1px -4px 16px 8px #ffffff;
        box-shadow:inset -1px -4px 16px 8px #ffffff;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #7d7d7d) );
        background:-moz-linear-gradient( center top, #ffffff 5%, #7d7d7d 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#7d7d7d');
        background-color:#ffffff;
        -webkit-border-top-left-radius:5px;
        -moz-border-radius-topleft:5px;
        border-top-left-radius:5px;
        -webkit-border-top-right-radius:5px;
        -moz-border-radius-topright:5px;
        border-top-right-radius:5px;
        -webkit-border-bottom-right-radius:5px;
        -moz-border-radius-bottomright:5px;
        border-bottom-right-radius:5px;
        -webkit-border-bottom-left-radius:5px;
        -moz-border-radius-bottomleft:5px;
        border-bottom-left-radius:5px;
        text-indent:0px;
        border:1px solid #000000;
        display:inline-block;
        color:#000000;
        font-family:Arial;
        font-size:16px;
        font-weight:bold;
        font-style:normal;
        height:32px;
        line-height:35px;
        width:217px;
        text-decoration:none;
        text-align:center;
        text-shadow:1px 1px 0px #ffffff;
}
.lista-tlacitek:hover {
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7d7d7d), color-stop(1, #ffffff) );
        background:-moz-linear-gradient( center top, #7d7d7d 5%, #ffffff 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#ffffff');
        background-color:#7d7d7d;
}.lista-tlacitek:active {
        position:relative;
        top:1px;
}

jinak jsem to dlouhý dělal pomocí www.cssbottongenerator.com .
Ale nevím co s tím je v tom náhledu přes PSpad to jde ale normálně s mozillama ne.

 
Odpovědět
10.1.2014 16:03
Avatar
mc.dubak
Člen
Avatar
Odpovídá na Kit
mc.dubak:10.1.2014 16:12

jak jsi to myslel s tim lokálnim css? ve složce to mám.

 
Odpovědět
10.1.2014 16:12
Avatar
done
Člen
Avatar
Odpovídá na mc.dubak
done:10.1.2014 16:14

lokální jsou styly napsané přímo v HTML dokumentu, např v hlavičce ohraničené tagy <style></style> a nebo u jakéhokoli tagu atribut style="".

 
Odpovědět
10.1.2014 16:14
Avatar
mc.dubak
Člen
Avatar
Odpovídá na done
mc.dubak:10.1.2014 16:41

Ty jsi v tom HTML něco takového viděl ? A už mi to funguje.

 
Odpovědět
10.1.2014 16:41
Avatar
done
Člen
Avatar
Odpovídá na mc.dubak
done:10.1.2014 16:44

Neviděl, pouze odpovídám na otázku.

 
Odpovědět
10.1.2014 16:44
Avatar
Ondřej Štorc
Tvůrce
Avatar
Odpovídá na mc.dubak
Ondřej Štorc:10.1.2014 17:15

Je to například <td width=""....>.

Odpovědět
10.1.2014 17:15
Život je příliš krátký na to, abychom bezpečně odebírali USB z počítače..
Avatar
Kit
Tvůrce
Avatar
Odpovídá na mc.dubak
Kit:10.1.2014 17:17 
<p style="font-style: italic">

Takový styl má přednost.

Odpovědět
10.1.2014 17:17
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Vojtěch Mašek (Woyta)
Tvůrce
Avatar
Odpovídá na Ondřej Štorc
Vojtěch Mašek (Woyta):10.1.2014 17:18

To právě není. Width je atribut šířky a s CSS nemá mnoho společného. Když chceš CSS musíš napsat např

<td style="width: 50px">Text</td>

nemluvě o tom, že zápis takovýchto parametrů jako je width nebo valign je zastaralý a validátor ti vynadá.

Editováno 10.1.2014 17:22
Odpovědět
10.1.2014 17:18
Výraz "to nejde" není v mém slovníku
Avatar
done
Člen
Avatar
Odpovídá na Vojtěch Mašek (Woyta)
done:10.1.2014 17:22

Je to ostuda, ale stále se to takhle učí např. na základních školách.

 
Odpovědět
10.1.2014 17:22
Avatar
Vojtěch Mašek (Woyta)
Tvůrce
Avatar
Odpovídá na done
Vojtěch Mašek (Woyta):10.1.2014 17:27

Alespoň že už se pomalu upouští od tabulkového layoutu.

Odpovědět
10.1.2014 17:27
Výraz "to nejde" není v mém slovníku
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 121.