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: 9 let
|
0