.moduletable ul
Wyniki 1 do 10 z 10

Temat: .moduletable ul

  1. #1
    Debiutant
    Dołączył
    18-11-2009
    Wpisy
    6
    Punkty
    10

    .moduletable ul

    Robię stronę top, nizej lewa kolumna,srodkowa(główna) i prawa
    lewa ma wartość moduletable identycznie sformatowana jak prawa czyli

    Kod:
     <div id="lewy">
    <div class="moduletable">
      <?php if($this->countModules('left')) : ?>
    <jdoc:include type="modules" name="left" style="xhtml" />
    </div>
    </div>
    <?php endif; ?>
     
    
    LINK DO STRONY
    
    
    <div id="prawy">
    <div class="moduletable">
    <?php if($this->countModules('right')) : ?>
    <jdoc:include type="modules" name="right" style="xhtml" />
    </div>
    </div>
    <?php endif; ?>
    
    #lewy {
    	top:220px;
    display:inline;
    	width:250px;
        overflow:hidden;
    	position:absolute;
    }
    
    #lewy div.moduletable h3 {
          background:url(../images/menu_lewe_gora.png) left ; 
          background-repeat: no-repeat;
          margin:0px; 
          padding:5px;
          max-height: 43px; 
          width:250px;
    	
    }
    	
    #lewy div.moduletable {  
           background:url(../images/menu_lewe_srodek.png)left ; 
           background-repeat: repeat-y; 
    	
    }
    
    #lewy div.moduletable ul {
    	background:url(../images/menu_lewe_dol.png) bottom left;
            background-repeat: no-repeat; 
            margin:0px; 
            padding:10px;
            width:250px; 
    	
    }
    #prawy {
    top:220px;
     display:inline;
            width:257px;
            overflow:hidden;
    	    margin-left:782px;
    	    position:absolute;
    }
    #prawy div.moduletable h3 {
          background:url(../images/menu_prawe_gora.png) left; 
          background-repeat: no-repeat;
          margin:0px; 
          padding:5px;
          max-height: 43px; 
          width:260px;
    
    	  }
    	
    #prawy div.moduletable {  
           background:url(../images/menu_prawe_srodek.png) left; 
           background-repeat: repeat-y; 
    	   position:relative;
    	   overflow:hidden;
    	   padding-bottom:5px;
    }
    
    
    #prawy div.moduletable ul {
    	background:url(../images/menu_prawe_dol.png) bottom left;
            background-repeat: repeat-y; 
            margin:0px; 
            padding:10px;
            width:250px; 
    
    }
    Nie domyka mi prawej kolumny grafiką w zadnym z modułów chodzi o
    "#prawy div.moduletable ul " probowałem juz na wiele sposobów wpadłem na pomysł że po prawej stronie nie moze być znacznik "ul" tak jak w lewym(login itp) ponieważ nie ma tam modułów takich samych jak po lewej stronie ; w prawej kolumnie są tylko: polls(sonda),who is online?, i reklamy
    Czy to prawda ze dlatego nie działa??
    jeśli tak jak temu zaradzić?

    LINK http://scorpionstyle.cba.pl/ tutaj akurat strona rozjechana ale widać o co chodzi
    Ostanio edytowane przez kmx_xp : 28-01-2010 23:52

  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 KYCu awatar
    Dołączył
    23-01-2008
    Skąd
    lubelszczyzna
    Wpisy
    1 200
    Punkty
    45

    Domyślny

    Link do strony przydałby się. Używasz FF? zainstaluj sobie wtyczke firebug.
    Pozdrawiam, Piotrek
    ---------------------------------------
    Strony www Kraków | Lublin | Zamość

  4. #3
    Debiutant
    Dołączył
    18-11-2009
    Wpisy
    6
    Punkty
    10

    Domyślny

    dalej nie wiem jak to naprawic w firebug wyswietla ze dolna czesc dziala i pokrywa sie z cialem prawej kolumny

  5. #4
    Wiarus KYCu awatar
    Dołączył
    23-01-2008
    Skąd
    lubelszczyzna
    Wpisy
    1 200
    Punkty
    45

    Domyślny

    W kodzie porządek jak... nie powiem gdzie . Słuchaj, na początek dobrze poczytaj jak się robi szablony na DIVach http://www.kurshtml.boo.pl/css/wstep,szablon.html
    Pozdrawiam, Piotrek
    ---------------------------------------
    Strony www Kraków | Lublin | Zamość

  6. #5
    Debiutant
    Dołączył
    18-11-2009
    Wpisy
    6
    Punkty
    10

    Domyślny

    Kod:
     #lewy {
    	top:50px;
    float:left;
    	width:250px;
        overflow:hidden;
    	position:relative;
    }
    
    #lewy div.moduletable h3 {
          background:url(../images/menu_lewe_gora.png) left ; 
          background-repeat: no-repeat;
          margin:0px; 
          padding:5px;
          max-height: 43px; 
          width:250px;
    	
    }
    	
    #lewy div.moduletable {  
           background:url(../images/menu_lewe_srodek.png)left ; 
           background-repeat: repeat-y; 
    	
    }
    
    #lewy div.moduletable ul {
    	background:url(../images/menu_lewe_dol.png) bottom left;
            background-repeat: no-repeat; 
            margin:0px; 
            padding:10px;
            width:250px; 
    	
    }
    #prawy {
    top:50px;
    float:right;
            width:258px;
            overflow:hidden;
    	    position:relative;
    }
    #prawy div.moduletable h3 {
          background:url(../images/menu_prawe_gora.png) left; 
          background-repeat: no-repeat;
          margin:0px; 
          padding:5px;
          max-height: 43px; 
          width:260px;
    
    	  }
    	
    #prawy div.moduletable {  
           background:url(../images/menu_prawe_srodek.png) left; 
           background-repeat: repeat-y; 
    	   position:relative;
    	   overflow:hidden;
    	   padding-bottom:5px;
    }
    
    
    #prawy div.moduletable ul{
    	background:url(../images/menu_prawe_dol.png) bottom left;
            background-repeat: repeat-y; 
            margin:0px; 
            padding:10px;
            width:250px; 
    
    }
    .srodek {
    margin-top:50px;
    margin-left:250px;
    margin-right:255px;
    text-align:center;
            overflow:hidden;
    		width:532px;
    
     
    
                
    }
    
    #tresc_gora {
       background:url(../images/tresc_gora.png)top left; 
          background-repeat: no-repeat;
          padding-top:35px; 
    	width:532px;
    	 
    }
    	
    #srodek_srodek {  
    
           background:url(../images/srodek_srodek.png)left ; 
           background-repeat: repeat-y; 
    width:532px;
    }
    
    #srodek_dol {
    	background:url(../images/srodek_dol.png) bottom left;
            background-repeat: no-repeat; 
            margin:0px; 
            padding:10px;
    		width:532px;
    }
    dzieki poprawiłem jak doradziles ale w dalszym ciagu nie rozwiazało to mojego problemu... prawy moduletable nie jest dalej domkniety od dołu

  7. #6
    Debiutant
    Dołączył
    18-11-2009
    Wpisy
    6
    Punkty
    10

    Domyślny

    licze na pomoc

  8. #7
    Debiutant
    Dołączył
    18-11-2009
    Wpisy
    6
    Punkty
    10

    Domyślny

    czy jest ktos kto da rade mi pomoc?

  9. #8
    Wyga
    Dołączył
    02-06-2009
    Skąd
    straszna wiocha
    Wpisy
    3 029
    Punkty
    283

    Domyślny

    Nie domyka mi prawej kolumny grafiką w zadnym z modułów
    i nie domknie, bo nie masz "domykania" w stylach; musisz wystylizować prawe divy - kontenery modułów podobnie jak lewe moduletable ul ( #lewy div.moduletable ul {background:transparent url(../images/menu_lewe_dol.png) no-repeat left bottom;} )

  10. #9
    Debiutant
    Dołączył
    18-11-2009
    Wpisy
    6
    Punkty
    10

    Domyślny

    przeciez mam tak samo wystylizowane jak lewą

    Kod:
    #prawy {
    top:50px;
    float:right;
            width:258px;
            overflow:hidden;
    	    position:relative;
    }
    #prawy div.moduletable h3 {
          background:url(../images/menu_prawe_gora.png) left; 
          background-repeat: no-repeat;
          margin:0px; 
          padding:5px;
          max-height: 43px; 
          width:260px;
    
    	  }
    	
    #prawy div.moduletable {  
           background:url(../images/menu_prawe_srodek.png) left; 
           background-repeat: repeat-y; 
    	   position:relative;
    	   overflow:hidden;
    	   padding-bottom:5px;
    }
    
    
    #prawy div.moduletable ul{
    	background:url(../images/menu_prawe_dol.png) bottom left;
            background-repeat: repeat-y; 
            margin:0px; 
            padding:10px;
            width:250px; 
    
    }

  11. #10
    Wyga
    Dołączył
    02-06-2009
    Skąd
    straszna wiocha
    Wpisy
    3 029
    Punkty
    283

    Domyślny

    ten fragment kodu nie świadczy o tym, że prawa kol. jest identycznie wystylizowana jak lewa; przejrzyj zawartość prawej kolumny - nie masz tam np. elementu ul, i jeden z modułów nie jest osadzony w .moduletable ...

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
  •