Parašė megar· 2011 Vas. 12 15:02:17
#1
I dizaina nesugebu iterpti 3 linku =D , dizaina kazkoks kreivarankis kodavo matyt , kaip iterpiu 3 linkus su padding te linkai ant ie ant 200 px kazkur nuvaziave ant operos ant 5 px ant mozillos gerai .. nes i mozilla ziuriu kaip kodinu .. o kaip narsykles langa sumazini tai linkai irgi nuvaziuoja kazkur ... kiek langa narsykles patrauki ten ir linkai pasitraukia .. as kaip pats koduoju dizaina pas mane yra visada reset.css fix'as kaip su juo koduoju tokiu problemu nekyla
/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}
Cia mano dizaino
css failas kaip i ji iterpti 3 linkus kurie stovetu savo vietoj :]
/* Comment element properties */
a {
color: #000;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: underline;
}
a.side {
color: #000;
text-decoration: none;
}
a:hover.side {
color: #000;
text-decoration: underline;
}
a.white, li.white a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #fff;
text-decoration: none;
}
a:hover.white, li.white a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #fff;
text-decoration: underline;
}
body {
font-family : Helvetica, sans-serif;
font-size : 11px;
background: #E7E7DB url(images/bg2.png) no-repeat top center;
margin: 0px auto;
}
hr {
height: 1px;
border: 1px solid #e7e7e7;
}
hr.side-hr {
height: 1px;
border: 1px solid #e7e7e7;
}
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
pre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.alt {
color: #f96f00;
}
.spacer {
margin-bottom: 5px;
}
.admin-message {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
color: #555;
background-color: #f6f6f6;
border: 1px solid #ddd;
padding: 3px 4px 5px 4px;
margin-bottom: 5px;
}
/* Form element properties */
form {
margin: 0px;
}
.button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
background-color: #fff;
height: 20px;
border: 1px solid #ddd;
margin-top: 2px;
}
.bbcode {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
background-color: #eee;
border: 1px solid #ddd;
margin-top: 2px;
}
.textbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
background-color: #f8f8f8;
border: 1px solid #ddd;
}
/* Header and footer properties */
.virsutine_linija {
width: 100%; height: 25px; background: #fbb03b;
padding-left:20px; padding-right:0px; padding-top:0px; padding-bottom:0px
}
.full-header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
height: 200px;
background-image: url('images/header.jpg');
padding-left:20px; padding-right:0px; padding-top:0px; padding-bottom:0px
}
.bottom-footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
height: 84px;
background-color: #fff;
background-image: url('images/footer.png');
}
.main-body {
font-size: 11px;
color: #000;
background-color: #F9F9EF;
padding: 4px;
}
/* Side-Panel properties */
.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}
.side-border-left {
color: #000;
background-color: #fff;
padding: 10px 5px 10px 5px;
width: 175px;
}
.side-border-right {
color: #000;
background-color: #fff;
padding: 10px 5px 10px 5px;
width: 183px;
}
.scapmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #000;
text-align: center;
background-image: url('images/side-cap.png');
background-repeat: repeat-x
}
.scapmain-left {
width: 18px;
height: 30px;
background-image: url('images/side-cap-left.png');
}
.scapmain-right {
width: 18px;
height: 30px;
background-image: url('images/side-cap-right.png');
}
.scapmain-bottom-left {
width: 12px;
height: 12px;
background-image: url('images/side-cap-bottom-left.png');
}
.scapmain-bottom-right {
width: 12px;
height: 12px;
background-image: url('images/side-cap-bottom-right.png');
}
.scapmain-center-right {
width: 12px;
background-image: url('images/side-cap-center-right.png');
background-repeat: repeat-y
}
.scapmain-center-left {
width: 12px;
background-image: url('images/side-cap-center-left.png');
background-repeat: repeat-y
}
.side-footer {
height: 12px;
background-image: url('images/side-bottom-cap.png');
background-repeat: repeat-x
}
.side-body {
font-size: 10px;
color: #000;
background-image: url('images/back.png');
padding: 4px
}
/* Center-Panel properties */
.news-category {
border: 0px none;
float: left; margin-left:0; margin-right:5px; margin-top:3px; margin-bottom:0
}
.news-footer {
font-size: 10px;
color: #000;
background-image: url('images/bottom-cap.png');
padding-left:4px; padding-right:4px; padding-top:12px; padding-bottom:0px
}
.capmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000;
text-align: center;
background-image: url('images/cap.png');
background-repeat: repeat-x;
padding-left:4px; padding-right:2px; padding-top:0px; padding-bottom:10px
}
.capmain-left {
width: 46px;
height: 46px;
background-image: url('images/cap-left.png');
}
.capmain-right {
width: 46px;
height: 46px;
background-image: url('images/cap-right.png');
}
.capmain-bottom-left {
width: 46px;
height: 46px;
background-image: url('images/cap-bottom-left.png');
}
.capmain-bottom-right {
width: 46px;
height: 46px;
background-image: url('images/cap-bottom-right.png');
}
.capmain-center-right {
width: 46px;
background-image: url('images/cap-center-right.png');
background-repeat: repeat-y
}
.capmain-center-left {
width: 46px;
background-image: url('images/cap-center-left.png');
background-repeat: repeat-y
}
.main-bg {
color: #fff;
background-color: #fff;
padding: 10px 0 5px 0;
}
/* General table properties */
.center {
margin: 0 auto;
}
.tbl-border {
border: 1px solid #ddd;
}
.tbl {
font-size: 11px;
color: #000;
background-color: #F9F9EF;
padding: 4px;
}
.tbl1 {
font-size: 11px;
color: #000;
background-color: #F9F9EF;
padding: 4px;
}
.tbl2 {
font-size: 11px;
color: #000;
background-color: #F9F9EF;
padding: 4px;
}
.forum-caption {
font-size: 11px;
font-weight: bold;
color: #000;
background-color: #64A8BD;
padding: 2px 4px 4px 4px;
}
.quote {
font-size: 11px;
color: #555;
background-color: #ececec;
padding: 4px;
margin: 0px 20px 0px 20px;
border: 1px solid #ddd;
}
.poll {
height: 12px;
border: 1px solid #ddd;
}
.comment-name {
font-weight: bold;
color: #000;
}
.shoutboxname {
font-weight: bold;
color: #000;
}
.shoutbox {
color: #000;
}
.shoutboxdate {
font-size: 10px;
color: #000;
}
.small {
font-size: 10px;
font-weight: normal;
}
.small2 {
font-size: 10px;
font-weight: normal;
color: #555;
}
.side-small {
font-size: 10px;
font-weight: normal;
color: #555;
}
.side-label {
color: #555;
background-color: #ececec;
margin: 2px 0 2px 0;
padding: 2px 2px 3px 2px;
}
/* Vertical Navigation */
#navigation h2 {
font-size: 10px;
font-weight: normal;
background-color: #ececec;
margin: 0;
padding: 4px;
}
#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
* html #navigation ul li{
height: 1%;
}
#navigation a {
display: block;
color: #555;
padding: 2px;
text-decoration: none;
}
#navigation a:hover {
color: #fff;
background-color: #f6a504;
}
/* Page Navigation */
.pagenav {
padding: 4px;
}
.pagenav span {
color: #fff;
background-color: #f6a504;
border: 1px solid #ddd;
padding: 2px 4px 2px 4px;
margin: 2px;
}
.pagenav a {
color: #555;
background-color: #ececec;
border: 1px solid #ddd;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
}
.pagenav a:hover {
color: #fff;
background-color: #f6a504;
margin: 2px;
text-decoration: none;
}
/*alt linkler için*/
#altlinkler{
margin: 0px auto;
text-align: center;
font-size: 9px;
font-weight: bold;
height:30px;
float:left;
background-image:url('images/nav-slice.jpg');
background-repeat:repeat-x;
background-position: left 50%;
width:100%
}
#altlinkler ul,
#altlinkler li{
padding:0px;
margin:0px;
list-style-type:none;
}
#altlinkler ul{
height:30px;
line-height:30px;
background-image:url('images/nav-slice.jpg');
background-position: right 50%;
background-repeat:no-repeat;
float:left;
margin-left:10px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:1px; padding-top:0px; padding-bottom:0px
}
#altlinkler li{
height:30px;
line-height:30px;
display:inline;
position:relative;
float:left;
width:100px;
text-align:center;
}
#altlinkler li a{
height:30px;
width:100px;
text-align:center;
float:left;
background-image:url('images/nav-slice.jpg');
background-position: left 50%;
background-repeat:no-repeat
}
#altlinkler li a:link,
#altlinkler li a:visited{
color:#000;
font-size : 10px;
font-family : Tahoma;
text-decoration:none;
}
#altlinkler li.active a,
#altlinkler li a:hover{
background-image:url('images/nav-up.jpg');
background-repeat:no-repeat;
background-position: left 50%;
}