Autor Zpráva
robbie
Profil *
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
robbie:
To bude tou nezakomentovanou čiarou o riadok vyššie.
Chamurappi
Profil
Reaguji na robbieho:
A tento selektor asi také nedopadne nejlépe:
------------------------------------------------------------------------------ //Responsive css @media screen and (max-width:959px)
Konce řádků v CSS nemají žádný význam, dvě lomítka také ne…
(Předpokládám, že Tomáš123 naráží na podtržítkovou čáru.)
robbie
Profil *
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
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
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 *
Ddstranil jsem tedy tu čáru ------------------------- a tez sem opravil komentáře... Děkuji moc za pomoc

Vaše odpověď

Mohlo by se hodit

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: