Zadejte hledaný výraz...

Úprava šablony na responzivní

Idefix80
verified
rating uzivatele
2. 11. 2016 12:50:38
Ahoj,
je možné web s tímto stylem upravit na responzivní?
body {
background-image: url("pozadi.jpg");
background-repeat: no-repeat;
background-position: center top;
background-color: #f3f3f3;
color: Black;
font-family: "Trebuchet MS";
text-align: center;
}
div#body {
background-color: white;
width: 980px;
margin: 15px auto;
text-align: left;
}
div#obsah {
background-color: white;
width: 750px;
float: right;
}
div#menu {
background-color: white;
width: 220px;
float: left;
border-right: 1px solid #C9C9C9;
text-align: right;
}
div#menu p{
font-size: 80%;
}
div#menu li{
font-size: 80%;
}
div#patka p{
background-color: #f3f3f3;
font-size: 75%;
margin: 0;
clear: both;
text-align: center;
text-align: center;
}
div#patka a {
color: black !important;
}
Chtěl bych dosáhnout toho, aby se na displejích s malým rozlišením nezobrazovalo "menu" (není nutné, dost navigace je v "obsah".
Do každé hlavičky každé stránky můžu přidat co chci, mám to přes php.
Bohužel v "obsah" mám obrázky, které jsou definovány takto:
Takže prostě se na displeje menší jak 740 nevejde. Musí se rolovat i do stran. Nebo by šly ty obrázky nějak jednoduše zmenšit? Nemám vůbec představu.
Děkuji za rady.
2. 11. 2016 12:50:38
https://webtrh.cz/diskuse/uprava-sablony-na-responzivni/#reply1234593
Idefix80
verified
rating uzivatele
7. 11. 2016 12:03:20
Tak se podařilo.
Využil jsem
...
a na obrázky:
MDN
Explorer sice nepodporuje, takže v tomto prohlížeči se zobrazí jen malé obrázky, ale po kliknutí se zobrazí max. velikost.
7. 11. 2016 12:03:20
https://webtrh.cz/diskuse/uprava-sablony-na-responzivni/#reply1234592
Pro odpověď se přihlašte.
Přihlásit