| Autor | Zpráva | ||
|---|---|---|---|
| robbie Profil * |
#1 · Zasláno: 23. 2. 2016, 15:55:54
Zdravím, uz fakt nevim, kde je chyba, pri sirce 439px se mi bloky div1 a div2 nechteji dat pod sebe a nevim proc, uz sem snad vyzkousel vsechno, poradite? Dekuju moc
css: <style type="text/css">
body{margin: 0px;
padding:0px;
background-image: url(img/House2.jpg);
background-repeat: no-repeat;
background-size: cover;}
#wrapper{
margin: 0 auto;
width:960px;
}
#div1{width:450px;
background-color:#dcdcdc;
margin: 20px auto ;
padding:10px 10px;
height:455px;
float:left;
}
#div2{
width:450px;
height:440px;
float:left;
margin:20px auto;
padding: 0px 10px 0px 10px;
background-color:green;
font-family: "Times New Roman", Times, serif;
font-size:14px;
color:#f0f8ff;
padding:10px 10px 25px 10px;
}
.ukazka{ text-decoration:none;
}
#div2 a{color:white
}
hr{
color:#eff7ff ;
padding-left:auto;
padding-right:auto;
}
.iframe{width:440px;}
------------------------------------------------------------------------------
//Responsive css
@media screen and (max-width:959px){
#wrapper{
width:100%;
}
#div1{width:50%;
margin:10px auto;
float:left;
}
#div2{width:50%;
margin:10px auto;
float:left;
}
___________________________________________________
@media screen and (max-width:439px){
#wrapper{width:100%;}
#div1{width:100%;
}
#div2{width:100%;
}
}
</style> |
||
| Tomáš123 Profil |
#2 · Zasláno: 23. 2. 2016, 16:26:27
robbie:
To bude tou nezakomentovanou čiarou o riadok vyššie. |
||
| Chamurappi Profil |
#3 · Zasláno: 23. 2. 2016, 16:34:01
Reaguji na robbieho:
A tento selektor asi také nedopadne nejlépe: ------------------------------------------------------------------------------ //Responsive css @media screen and (max-width:959px) (Předpokládám, že Tomáš123 naráží na podtržítkovou čáru.) |
||
| robbie Profil * |
#4 · Zasláno: 23. 2. 2016, 18:23:46
Uz se mi to podarilo zprovoznit, takze hlavni pricinu vidite v tech dvou lomítkách a ------------------------ čáře? Ja jeste zkousel par veci a najednou to fungovalo, ani nevim jak :( proto se ptám.... děkuji
|
||
| Bubák Profil |
#5 · Zasláno: 23. 2. 2016, 18:37:58
robbie:
„takze hlavni pricinu vidite v tech dvou lomítkách a ------------------------ čáře?“ Namísto "lidové tvořivosti" používej korektní CSS komentáře. „Komentáře ve stylopisech se dělají podobně jako v Javě mezi znaky /* a */. Dvě lomítka nefungují.“ Zdroj: CSS styly - úvod |
||
| Tomáš123 Profil |
#6 · Zasláno: 23. 2. 2016, 19:13:12
Chamurappi:
„Konce řádků v CSS nemají žádný význam, dvě lomítka také ne…“ Teoreticky by to šlo obísť bodkočiarkou. :-) Ale netestoval som podporu (hlavne v starších prehliadačoch). robbie: Komentáre v CSS sa zapisujú takto /* komentár */ ako poznamenal Bubák. Použi ich pre spoľahlivú funkčnosť kódu.
„takze hlavni pricinu vidite v tech dvou lomítkách a ------------------------ čáře?“ Nie len; prekáža aj tá čiara z podčiarkovníkov ako správne predpokladal Chamurappi z môjho príspevku. Všeobecne prekáža každý nezakomentovaný nebiely znak neurčený pre prehliadač... Snáď som nezabudol na nejaké výnimky. „Ja jeste zkousel par veci a najednou to fungovalo, ani nevim jak“ Čo konkrétne si zmenil? Upravil si komentáre? Tiež pozor na to, čo v zápise neprepíšeš. Príklad bude snáď ideálny: Deklaruješ: #div1{
width: 450px;
background-color: #dcdcdc;
margin: 20px auto; /* aplikuje sa 20px 0 */
padding: 10px 10px; /* ekvivalentné padding: 10px */
height: 455px;
float: left;
}Prepisuješ: @media screen and (max-width: 959px) {
#div1{
width: 50%;
margin: 10px auto; /*margin: 10px 0*/
float: left; /* deklarované vyššie */
/* stále platí
background-color: #dcdcdc;
height: 455px;
padding: 10px; kvôli tomuto budú prvky pod sebou, padding rozšíri prvok a nevojdú sa vedľa seba
*/
}
} |
||
| robbie Profil * |
#7 · Zasláno: 23. 2. 2016, 19:53:20
Ddstranil jsem tedy tu čáru ------------------------- a tez sem opravil komentáře... Děkuji moc za pomoc
|
||
|
Časová prodleva: 10 let
|
|||
0