Diskuze: CSS nastavení pro více monitorů
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 4 zpráv z 4.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Nějak mi nejde do hlavy, proč potřebuješ web nutně na fullHD, ale najdi
si něco o media queries a nastyluj na další rozlišení, které potřebuješ
Není to složité
a nestyď se a hoď nám sem CSS
body {
background: url('images/keltipozadi.png')#0099ff;
margin: 73px 0px 0px 0px;
font: 14px Verdana;
min-width: 960px;
}
/*stylovani articlu*/
.pravastrana {
background: darkorange;
text-align: center;
margin: 0px 80px 0px 80px;
font: 14px Verdana;
min-width: 960px;
}
.centrovac {
text-align: center;
}
.header nav {
color: #006797;
}
/* zacatek menu urceni rolovani */
.druhaUroven, .tretiUroven{
display: none;
}
.prvniUroven{
display: inline-block;
}
/* urceni ze prvni druha a treti uroven bude v blokach*/
.prvniUroven li:hover > .druhaUroven, .druhaUroven li:hover > .tretiUroven {
display: block;
}
nav {margin: 0 auto;
width: 1200px;
text-align: center;} /*centrovani menu*/
nav ul {
background: #1C4E71;
padding: 0px 0px 0px 0px;
list-style-type: none;
position: relative;
display: block;
margin: 0px;
} /*jak vypada menu v ul, mela by to byt prvni uroven*/
li {
float: none;
} /*abych to mel v radku, plati i pro prvni uroven left */
.prvniUroven > li {
float: left;
}
li:hover {
background: #14a1e5;
} /*barva hoveru*/
.prvniUroven li a { /*stylovani prvni urovne*/
display: block;
padding: 0px 18px;
color: #fff;
text-decoration: none;
margin: 0px 0px 0px 0px;
float: none;
line-height: 35px;
padding: 0 18px;
border-right: 1px solid #6E9DBE;
}
.druhaUroven { /*stylovani druhe urovne*/
background: #1C4E71;
border-radius: 0px;
padding: 0;
position: absolute;
top: 35px;
}
.druhaUroven li { /*styl druhe urovne li*/
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
position: relative;
}
.druhaUroven li a { /*styl druhe urovne li a, nevim proc to musi byt desetkrat a vse ruzne*/
padding: 0px 18px;
color:#fff;
}
.tretiUroven { /*styl treti urovne*/
position: absolute;
left: 100%;
top:0;
}
.pravastrana by mi měla aktualně nastylovat hlavní sekci webu, kde mi budou skákat právě články z archivu a ostatních podstranek....pak tam ještě budu mít aside a footer , ale na těch jsem ještě nezačal dělat...chtěl jsem to rovnou nastavit na více rozlišení, aby to fungovalo jak má, a neřešil to pak na konci
Jinak ted rešim hodně hlavně funkčnost a zakladní rozložení webu, barvičky a detaily bych chtěl dělat až v uplnym zavěru
Zobrazeno 4 zpráv z 4.