Diskuze: CSS nastavení pro více monitorů

HTML a CSS HTML a CSS CSS nastavení pro více monitorů American English version English version

Avatar
tbartolen
Člen
Avatar
tbartolen:

Ahoj. Mám připravené Menu a zakl. obrázek v HTML , podstránky a jejich dynamické načítání na uvodní stránku...ale ted bych si rád nastyloval právě zbytek stránky tak, aby to vše fungovalo. Mám problém s tím, že pokud nastavím Articlu margin, padding, float, a další takové věci na jednom monitoru, který je na rozlišení 1920x1080, tak na monitoru 1280x1024 se mi to celé rozhodí (Menu zustava stejné, kupodivu)...
Nevíte jak na to? Našel jsem nějaké návody na tvorbu responsivního webu, ale je to poměrně dost složité...a nevím jestli je to správné řešení

Odpovědět 7.11.2014 11:38
Navštiv www.fb.com/skkelticz
Avatar
tomasmanhal
Člen
Avatar
Odpovídá na tbartolen
tomasmanhal:

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 ;-)

Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
Nahoru Odpovědět 7.11.2014 12:07
Kdyby nám dodali k životu zdrojový kód, vše by bylo jednodušší...
Avatar
tbartolen
Člen
Avatar
Odpovídá na tomasmanhal
tbartolen:
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

Editováno 7.11.2014 12:18
Nahoru Odpovědět 7.11.2014 12:16
Navštiv www.fb.com/skkelticz
Avatar
tbartolen
Člen
Avatar
tbartolen:

A ještě bych dodal, že si to připravuju pro wordpress, aby mi tam pak mohli redaktoři psát vlastní aktualitky =)

Nahoru Odpovědět 7.11.2014 12:21
Navštiv www.fb.com/skkelticz
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.