Witam ;)
Mam taki problem. Wstawiłem sobie w top panel logowania. Wszytsko jest ok ale tylko przy rozdzielczości 1024x768. Przy wyższych lub niższych rodzielczościach top i logowanie się rozjeżdza.
Gdzie mógłbym to zedytować, aby stronka dobrze się dopasowywała do rozdzielczości monitora. Z góry dziękuję za pomoc.
Jaby co mój plik style.css
body {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:11px;
padding:0px 0px 0px 0px;
margin: 5px 10px 0px 10px;
scrollbar-face-color: #223242;
scrollbar-highlight-color: #2F3E4E;
scrollbar-shadow-color: #1B252F;
scrollbar-3dlight-color: #1B252F;
scrollbar-arrow-color: #34414E;
scrollbar-track-color: #34414E;
scrollbar-darkshadow-color: #1B252F;
background-image: url(images/bg.gif);
}
a {
color: #FFF; text-decoration: none;
cursor: pointer;
}
a:hover {
color: #FFF; text-decoration:underline;
}
a.side {
color:#FFF; text-decoration:none;
}
a:hover.side {
color:#F6F6F6; text-decoration:none;
}
a.news {
color:#FFF; text-decoration:none;
}
a:hover.news {
color:#FFF; text-decoration:none;
}
a.copy {
color:#; text-decoration:none;
}
a:hover.copy {
color:#FFFFFF; text-decoration:none;
}
a.nav-opts {
color:#FFF; text-decoration:none;
font-size: 9px;
}
a:hover.nav-opts {
color:#FFF; text-decoration:none;
font-size: 9px;
}
a.white {
font-size:8px;color:#FFF; text-decoration:none;
}
a:hover.white {
color:#FFF; text-decoration:none;
}
img {
border: 0px;
}
form {
margin:0px 0px 0px 0px;
}
hr {
height:0px;
border:0px #000000 solid;
border-bottom:1px #000000 solid;
}
hr.side-hr {
height:0px;
border:0px #000000 solid;
border-bottom:1px #000000 solid;
}
td {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:11px;
}
pre {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:11px;
}
.alt {
color:#FFFFFF;
}
.header {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
color:#FFFFFF;
background-image: url(images/bg.gif);
padding:5px;
}
.button {
border: 1px solid #1B2630;
font-family: Verdana, sans-serif;
background-color: #34414E;
color: #FFF;
font-size: 10px;
}
.textbox {
border: 1px solid #1B2630;
font-family: Verdana, sans-serif;
background-color: #efefef;
color: #1B2630;
font-size: 10px;
}
.main-body {
font-size:9px;
color:#000;
background-color:#223242;
border-left: solid #5578C9;
border-left-width: 1px;
border-right: solid #5578C9;
border-right-width:1px;
padding:8px 8px 8px 8px;
}
.main-bg {
padding:5px 0px 5px 0px;
}
.side-body {
font-size:9px;
color:#FFF;
background-color:#223242;
padding:5px 0px 0px 0px;
}
.side-border-left {
padding:5px 5px 0px 0px;
}
.side-border-right {
padding:5px 0px 0px 5px;
}
.side-caption {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px; font-weight:bold;
color:#dddddd; background-color:#004A80;
padding:0px 4px 3px 4px;
}
.panel-body {
font-size:9px;
color:#FFF;
background-color:#4E4E4E;
border-left: solid #1B252F;
border-left-width: 1px;
border-right: solid #1B252F;
border-right-width:1px;
border-bottom: solid #1B252F;
border-bottom-width:0px;
padding: 8px 8px 8px 8px;
}
.panel-bleft {
height: 18px;
width: 2px;
background-image:url(images/panel-bleft.gif);
}
.panel-pattern {
height: 16px;
font-size: 9px;
padding:0px 2px 0px 0px;
background-image:url(images/panel-pattern.gif);
}
.panel-bmain {
height: 2px;
background-image:url(images/panel-bmain.gif);
}
.panel-bright {
height: 18px;
width: 2px;
background-image:url(images/panel-bright.gif);
}
.panel-left {
width:11px; height:26px;
background-color:#34414E;
border-top: solid #1B252F;
border-top-width: 1px;
border-left: solid #1B252F;
border-left-width: 1px;
border-bottom: solid #1B252F;
border-bottom-width:1px;
background-image:url(images/cs.gif);
}
.panel-right {
width:11px; height:26px;
background-color:#34414E;
border-top: solid #1B252F;
border-top-width: 1px;
border-right: solid #1B252F;
border-right-width: 1px;
border-bottom: solid #1B252F;
border-bottom-width:1px;
background-image:url(images/cs2.gif);
}
.panel-main {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px; font-weight:bold;
background-color:#34414E;
color:#FFFFFF;
height:5px;
border-bottom: solid #1B252F;
border-bottom-width:1px;
border-left: solid #1B252F;
border-left-width: 0px;
border-right: solid #1B252F;
border-right-width: 0px;
border-top: solid #1B252F;
border-top-width: 1px;
background-image:url(images/cs2.gif);
padding:0px 5px 0px 5px;
}
.news-tleft {
width: 2px;
background-image:url(images/news-tleft.gif);
}
.news-tmain {
height: 2px;
background-image:url(images/news-tmain.gif);
}
.news-tright {
width: 2px;
background-image:url(images/news-tright.gif);
}
.news-title {
font-family: Verdana,Tahoma,Arial,Sans-Serif;
font-size: 13px; font-weight:bold;
color: #FFFFFF;
padding:3px 6px 3px 6px;
background-color:#34414E;
vertical-align: top;
border-top: solid #1B252F;
border-top-width: 1px;
border-bottom: solid #1B252F;
border-bottom-width: 1px;
border-left: solid #1B252F;
border-left-width: 1px;
border-right: solid #1B252F;
border-right-width: 1px;
background-image:url(images/news.gif);
}
.news-date {
font-family: Verdana,Tahoma,Arial,Sans-Serif;
font-size: 9px; font-weight:lighter;
color: #F5B405;
padding:2px 0px 2px 0px;
}
.news-main {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:9px;
vertical-align: top;
background-color:#FFFFFF;
color:#282828;
height:5px;
border-left: solid #1B252F;
border-left-width: 1px;
border-right: solid #1B252F;
border-right-width: 1px;
padding:6px 6px 6px 6px;
}
.copy-bleft {
height: 24px;
width: 24px;
background-image:url(images/copy-bleft.gif);
}
.copy-bright {
height: 24px;
width: 24px;
background-image:url(images/copy-bright.gif);
}
.copy-left {
width: 24px;
background-image:url(images/copy-left.gif);
}
.copy-main {
background-color:#34414E;
font-size:9px;
color:FFFFFF;
padding:0px 6px 6px 6px;
background-image:url(images/stopka.gif);
}
.copy-right {
width: 24px;
background-image:url(images/copy-right.gif);
}
.nav-login {
font-size: 9px;
color: #F5B405;
padding: 100px 20px 10px 80px;
background-image: url(images/log.gif);
}
.nav-form {
color: #FFF;
font-size: 10px;
}
.nav-button {
border: 1px solid #1B2630;
font-family: Verdana, sans-serif;
background-color: #34414E;
color: #FFF;
font-size: 10px;
}
.nav-textbox {
border: 1px solid #1B2630;
font-family: Verdana, sans-serif;
background-color: #efefef;
color: #999999;
font-size: 10px;
}
.nav-opts {
font-family: Verdana, sans-serif;
color: #A6A6CB;
font-size: 9px;
}
.nav-date {
font-family: Verdana, sans-serif;
color: #FFF;
font-size: 9px;
}
.border {
background-color:#ddd;
border:2px #979797 solid;
}
.infobar {
background-color:#81A2E1;
font-size:9px;
color:#000;
border-top: solid #5578C9;
border-top-width: 1px;
border-left: solid #5578C9;
border-left-width: 0px;
border-right: solid #5578C9;
border-right-width:0px;
border-bottom: solid #5578C9;
border-bottom-width:1px;
height: 26px;
}
.tbl-border {
background-color:#1B252F;
}
.tbl {
font-size:10px; padding:3px 4px 3px 4px;
background-color: #223242;
color: #FFFFFF;
}
.tbl1 {
font-size: 10px;
color:#FFFFFF;
background-color: #223242;
padding: 4px;
}
.tbl2 {
font-size:10px;
color:#FFFFFF;
background-color: #34414E;
padding:4px;
}
.forum-caption {
font-size:10px; font-weight:bold;
background-image:url(images/cellpic.gif);
color:#FFFFFF;
background-color:#5578C9;
padding:4px 4px 4px 4px;
}
.quote {
color:#FFF;
background-color:#34414E;
background-image:url(images/quote.gif);
background-repeat:no-repeat;
background-position:top right;
padding:6px 20px 6px 20px;
margin:0px 20px 0px 20px;
border:1px #1B252F solid;
}
.poll {
height:12px;
border:1px #1B252F solid;
}
.comment-name {
font-weight:bold; color:#A6A6CB;
}
.shoutboxname {
font-weight:bold; color:#FFFFFF;
}
.shoutbox {
color:#FFFFFF;
}
.shoutboxdate {
font-size:9px; color:#A6A6CB; text-align:right;
}
.small {
color: #A6A6CB;
font-size:10px;
font-weight:normal;
}
.small2 {
font-size:10px; font-weight:normal; color:#C78825;
}
.side-small {
font-size:9px; font-weight:normal; color:#333;
}
.side-label {
padding:5px 8px 3px 8px;
font-size:9px;
font-weight:bold;
color:#FFFFFF;
}
.gallery {
padding: 16px 0px 8px 0px;
}
.gallery img {
border: 1px solid #979797; filter: gray;
}
.gallery:hover img {
border: 1px solid red; filter: none;
}
img.activegallery {
border: 1px solid green; filter: none;
}
.bash-nav {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;font-weight:bold;
background-color:#809FE6;
color:#000000;
height:22px;
border-top: solid #5578C9;
border-top-width: 1px;
border-bottom: solid #5578C9;
border-bottom-width:1px;
border-left: solid #5578C9;
border-left-width: 1px;
border-right: solid #5578C9;
border-right-width: 1px;
padding:4px 4px 4px 4px;
}
.bash-content {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
background-color:#94AFE3;
color:#000000;
height:22px;
border-left: solid #5578C9;
border-left-width: 1px;
border-right: solid #5578C9;
border-right-width: 1px;
padding:0px 2px 0px 2px;
}
.bash-footer {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
background-color:#94AFE3;
color:#000000;
height:5px;
border-bottom: solid #5578C9;
border-bottom-width:1px;
border-left: solid #5578C9;
border-left-width: 1px;
border-right: solid #5578C9;
border-right-width: 1px;
padding:6px 6px 6px 6px;
}
.bash-border {
background-color:#5578C9;
}
Edytowane przez Pieka dnia 08.09.2009 13:08:08
|
v7.02.07
