Witam,próbuje zrobić obramowanie za pomocą obrazka, dziala, ale obramowanie nie powtarza się w ogóle.
styles.css (fragment):
.ob-lewa {
background-image: url(images/ob-lewa.gif);
background-repeat: repeat-y;
height: 30px;
float: left;
width: 2px;
}
.main-body {
font-size: 11px;
color: #e0e5ff;
background: #1163df;
background: -moz-linear-gradient(top, #1163df 0%, #1255ba 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1163df), color-stop(100%,#1255ba));
background: -webkit-linear-gradient(top, #1163df 0%,#1255ba 100%);
background: -o-linear-gradient(top, #1163df 0%,#1255ba 100%);
background: -ms-linear-gradient(top, #1163df 0%,#1255ba 100%);
background: linear-gradient(top, #1163df 0%,#1255ba 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1163df', endColorstr='#1255ba',GradientType=0 );
padding: 4px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
-webkit-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;
}
Kliknij i zaczekaj na załadowanie kodu ...
theme.php (fragment):
function opentable($title) {
echo "<div class='capmain-lewa clearfix '></div>\n";
echo "<div class='capmain-prawa clearfix'></div>\n";
echo "<div class='capmain clearfix'>\n";
echo "<div class='flleft' algin='center' style='padding-top: 12px; padding-left: 10px;'>".$title."</div>\n";
echo "</div>\n";
echo "<div class='ob-lewa'></div>\n"; ///obramowanie-lewe
echo "<div class='main-body floatfix spacer'>\n";
}
function closetable() {
echo "</div>\n";
}
Kliknij i zaczekaj na załadowanie kodu ...
Jak widać na obrazku obramowanie jest:
height: 30px;
ale nie powtarza się w dól. Dopisanie do pliku .css:
background-repeat: repeat-y;
niczym nie skutkuje.
Skórka Stylo.
Edit:
Udalo się zrobić obramowanie z lewej strony:
function opentable($title) {
echo "<div class='capmain-lewa clearfix '></div>\n";
echo "<div class='capmain-prawa clearfix'></div>\n";
echo "<div class='capmain clearfix'>\n";
echo "<div class='flleft' algin='center' style='padding-top: 12px; padding-left: 10px;'>".$title."</div>\n";
echo "</div>\n";
echo "<div class='main-body floatfix spacer'>\n";
echo "<div class='ob-lewa'>\n";
}
function closetable() {
echo "</div>\n";
echo "</div>\n";
}
Kliknij i zaczekaj na załadowanie kodu ...
.ob-lewa {
margin-left: -4px;
margin-top: -4px;
padding: 10px;
background: url(images/ob-lewa.gif) repeat-y;
}
Kliknij i zaczekaj na załadowanie kodu ...
Tylko teraz mam problem z prawą stroną,próbowalem poprzez dodanie:
float: right;
ale obramowanie nie pokazywalo się z prawej strony.
Edytowane przez Klubowo dnia 27.12.2011 13:35:39
|
v7.02.03
Rozwiń Kod źródłowy CSS
