Zobacz pełną wersję : Cała Joomla do lewej krawędzi ?
Witam,
Korzystam z Joomli 2.5 i dodatku JV Framework do budowania szablonu i mam problem z jego wyrównaniem, bo standardowo obojętnie ilu kolumnowy układ sie wybierze zawsze jest on środkowany względem całego ekranu. A w jaki sposób mogę dopisać jakąś komendę aby całość była wyrównana do lewej strony ekranu a nie wyśrodkowana ?
najlepiej jakbyś zapoznał się z podstawami css i dopisał do pliku css Twojej templatki float:left w najbardziej zewnętrznym divie
ew. podeślij link do templatki jak masz ją gdzies online, to pewnie ktoś CI podpowie, bo można tez usunąc komende margin: 0 auto, która pewnie jest w tym najbardziej zewnętrznym divie :)
Plik template.css zamieszczam poniżej i nie bardzo łapię do którego fragmentu miałbym dopisać to o czym mówisz ?
body{background:url(images/bg.jpg); background-position: center top; background-attachment:fixed; background-repeat:no-repeat; background-color: #fff; color: #170800; background-size: 100% 100%; }
/* CLASS PUBLIC
---------------------------------------------------------------*/
a { color:#4d4d4d; text-decoration:none; outline:none; }
a:link { color:#666666; }
a:visited { color:#666666; }
a:hover { color:#dc3e3e; }
a:active { color:#dc3e3e; }
#jv-header, #jv-slide, #jv-modulebox1, #jv-container, #jv-breadcrumb, #jv-modulebox2 { margin-bottom:10px;}
.jv-block { background:url(images/transparent.png);}
#jv-slide .jv-block, #jv-modulebox1 .jv-block, #jv-modulebox2 .jv-block, #jv-modulebox3 .jv-block { padding:10px 0;}
.comcontent table { width:100%;}
input.button { background:#333; border:0; color:#fff; padding:2px 5px; }
/* HEADER
----------------------------------------------------------------------------------------------------------*/
#jv-header .jv-block { background:none;}
/* Logo */
#logo {width:136px; height:64px; float: left;}
#logo a { background:url(../images/logo.jpg); display: block; height:64px; width: 100%;}
/* Search */
.jv-search { float:right; margin-top: 20px;}
.search .inputbox {background:url(../images/default/search.png); border:0; height:19px; width:120px; padding:0 10px 0 20px; }
/* MENU
----------------------------------------------------------------------------------------------------------*/
#jv-mainnav { position:relative; z-index:99;}
#jv-mainnav .jv-menu { margin:0 !important}
.jv-module h3.title, .page_heading, input.button, ul.mainmenu { background-image: url(../images/default/menu.jpg);}
/* MODULE
----------------------------------------------------------------------------------------------------------*/
.jv-module { background:none;}
.jv-module .contentmod { padding:10px }
.jv-module h3.title , .page_heading { font-size:100%; font-weight:bold; background:#333; line-height:25px; color:#fff; text-transform:uppercase; padding:0 10px;}
.jv-module h3.title { margin:0;}
/* Login */
.form-login label { float: left; width:80px; }
.form-login p { margin-bottom:10px;}
.mod-login .login-input { border:1px solid #cdcdcd; padding-left:5px; height:20px; line-height:20px; margin-bottom:10px; background:#fff;}
.mod-login .inputbox { width:100%; background:none; border:0; height:20px; font-size:11px; line-height:20px }
.more-login a { display:block; margin-bottom: 2px;}
/* SLIDE
----------------------------------------------------------------------------------------------------------*/
#jv-slide .contentmod { padding: 0;}
/* MODULE BOX
----------------------------------------------------------------------------------------------------------*/
#jv-modulebox2 ul { padding:0;}
#jv-modulebox2 li{ padding:2px 0 0; background:url(../images/default/line2.jpg) repeat-x top left ; }
#jv-modulebox2 li:first-child { background:none;}
#jv-modulebox2 li a{ color:#333; display: block; line-height: 30px; }
#jv-modulebox2 li a:hover { color:#366672;}
/*follow us */
.follow-us li a { background:url(../images/follow.png) no-repeat; padding-left:25px;}
.follow-us .rss a { background-position: 0 6px; }
.follow-us .facebook a { background-position: 0 -18px; }
.follow-us .twitter a { background-position: 0 -44px; }
.follow-us .people a { background-position: 0 -68px; }
/* CONTAINER
----------------------------------------------------------------------------------------------------------*/
#jv-container .jv-block { padding-top:10px;}
/* FOOTER
----------------------------------------------------------------------------------------------------------*/
#jv-footer { background:#666; padding:10px 0px; text-align:center;}
#jv-footer .jv-block { padding:10px 0;}
div.jv-footer small {display: block;}
spróbuj dopisać:
#jv-container {float:left}
a jak nie zadziałą, to pokaż jeszcze kilka pierwszychy linijek z index.php templatki (tych zaraz po <BODY>)
dzięki, zadziałało tak w 50% :)
Cała strona przesunęła się do lewej, natomiast slider nivo został na środku tak jakby on nie odziedziczył tego znacznika, da się to może dopisać w jakimś centralnym miejscu które obejmie wszystko ?
pewnie ten slider ma jakieś inne wartości "position" które determinują, że jest w takiej a nie innej pozycji, bez poznania kod css i kodu slidra nikt raczej nic nie wymyśli
vBulletin® v4.2.5, Prawa przedruku © 2024 vBulletin Solutions, Inc. Wszystkie prawa zastrzeżone.
Tłumaczenie: Polskie Centrum Joomla!