Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Header CSS Pozicija

Parašė Loskani· 2012 Sau. 3 01:01:13
#1

Sveiki,

tai yra tokia bėda, kad mažesnių rezoliucijų ekranai "ištampo" mano svetainę. Žinau ,kad galbūt atgyvenę tos 800x600 rezoliucijos, bet kadangi žadu pirkti tabletą, tai nelabai būtų smagu dirbti "ištampytoj" svetainėj :D

Štai kaip atrodo normaliai:





O štai kas nutinka kai padidini svetainės turiny:





Na o jeigu dar nesupratot apie ką aš čia rašau, nueikit į www.keturkaimis.lt ir padidinkit (Ctrl +) vaizdą ir pamatysit kaip slenka headeris į dešinę pusę. Nors kaip matot tos mano "kalėdinis lemputės" išlieka centre, nekeičia pozicijos. Žinau ,kad įmanoma sutvarkyt, bet kai iš manęs toks dizaineris tai ir gavosi toks šleivas dizainas. ;D Lauksiu pagalbos, dėkui.

.headeris {
   color:#847f77;
   text-shadow: #ffffff 1px 1px 1px;
   width:1154px;
   height:325px;
   background-image:url('images/main_logo.jpg');
   text-shadow: #ffffff 1px 1px 1px;
}

.headeris a.link {
   font-family:Verdana, Geneva, sans-serif;
   font-size:12px;
   color:#496c05;
   float:left;
   padding-top:15px;
   padding-right:10px;
   padding-left:10px;
   margin-left:10px;
   text-decoration: none;
   text-shadow: #ffffff 1px 1px 1px;
}


.headeris a:hover {
   font-family:Verdana, Geneva, sans-serif;
   font-size:12px;
   color:#fff;
        padding-top:15px;
        padding-bottom:-30px;
        margin-left:10px;;
        height:35px;
        background-image:url('nav_bg.png');
        text-shadow: #6fa235 1px 1px 1px;
        background-repeat: repeat-x;
}



Redagavo Creatium· 2012 Sau. 3 12:01:26