Cała Joomla do lewej krawędzi ?
Wyniki 1 do 6 z 6

Temat: Cała Joomla do lewej krawędzi ?

  1. #1
    Przeglądacz
    Dołączył
    25-09-2011
    Wpisy
    40
    Punkty
    10

    Domyślny 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 ?

  2. Pani Reklamowa
    Pani Reklamowa jest aktywna
    Avatar Panny Google

    Dołączył
    19-08-2010
    Skąd
    Internet
    Postów
    milion
    Pochwał
    setki
  3. #2
    Wiarus idek awatar
    Dołączył
    29-04-2007
    Skąd
    Tychy
    Wpisy
    1 430
    Punkty
    57

    Domyślny

    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
    sprzedajacastrona.pl - mój najnowszy projekt, zapraszam wszystkich zainteresowanych zwiększeniem konwersji, Joomlą!, PrestaShop i innymi.

  4. #3
    Przeglądacz
    Dołączył
    25-09-2011
    Wpisy
    40
    Punkty
    10

    Domyślny

    Plik template.css zamieszczam poniżej i nie bardzo łapię do którego fragmentu miałbym dopisać to o czym mówisz ?

    Kod:
    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;}

  5. #4
    Wiarus idek awatar
    Dołączył
    29-04-2007
    Skąd
    Tychy
    Wpisy
    1 430
    Punkty
    57

    Domyślny

    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>)
    sprzedajacastrona.pl - mój najnowszy projekt, zapraszam wszystkich zainteresowanych zwiększeniem konwersji, Joomlą!, PrestaShop i innymi.

  6. #5
    Przeglądacz
    Dołączył
    25-09-2011
    Wpisy
    40
    Punkty
    10

    Domyślny

    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 ?

  7. #6
    Wiarus idek awatar
    Dołączył
    29-04-2007
    Skąd
    Tychy
    Wpisy
    1 430
    Punkty
    57

    Domyślny

    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
    sprzedajacastrona.pl - mój najnowszy projekt, zapraszam wszystkich zainteresowanych zwiększeniem konwersji, Joomlą!, PrestaShop i innymi.

Podobne tematy

  1. Formularz kontaktowy przylegający do krawędzi ekranu
    przez woonski na forum Szukam dodatku do Joomla
    Odpowiedzi: 0
    Ostatni post/autor: 25-02-2011, 17:46
  2. CSS odległość tła div'a od krawędzi górnej i dolnej
    przez dulek09 na forum Szablony, wygląd, formatowanie
    Odpowiedzi: 13
    Ostatni post/autor: 01-05-2010, 10:50
  3. Odpowiedzi: 31
    Ostatni post/autor: 01-03-2010, 15:15
  4. jak łamaną linię przesunąć do prawej krawędzi
    przez zibideusz na forum Szablony graficzne
    Odpowiedzi: 2
    Ostatni post/autor: 21-07-2007, 11:15
  5. Za duży odstęp od lewej krawędzi
    przez pawluch4 na forum Szablony graficzne
    Odpowiedzi: 0
    Ostatni post/autor: 10-08-2006, 21:54

Reguły pisania

  • Nie możesz zakładać nowych tematów
  • Nie możesz dodawać wypowiedzi
  • Nie możesz dodawać załączników
  • Nie możesz poprawiać swoich postów
  •