Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl


!Ci
Napisane: 6.01.2008, 15:51:13





Grupa: Zarejestrowani
Postów: 3
Dołączył: 6.01.2008

Ostrzeżenie: (0%)
-----

Kod
<div style="width: 220px;">
             <div>
                 <div id="top-left-win">
                 </div>
                 <div id="top-middle-win">
                 </div>
                 <div id="top-right-win">
                 </div>
             </div>
             <div id="middle">
                 <div id="left-win">
                 </div>
                 <div id="middle-win">
                        <b>WSTAWIANY OBIEKT</b>
                 </div>
                 <div id="right-win">
                 </div>
             </div>
             <div id="bottom">
                 <div id="bottom-left-win">
                 </div>
                 <div id="bottom-middle-win">
                 </div>
                 <div id="bottom-right-win">
                 </div>
             </div>
            
         </div>


Style wygladaja tak:
Kod
#header,#top-left-win,#top-middle-win,#top-right-win {
     height: 28px;
}

#bottom-left-win,#bottom-middle-win,#bottom-right-win{
     height: 15px;
}

#middle
{
     clear: left;
}  

#bottom{
     clear: left;
}

#top-left-win{
     width: 9px;
     background: url(okno/top-left-blue.png) no-repeat;
     float: left;
}

#top-middle-win{
     /*padding-right: 20px;*/
     background: url(okno/top-middle-blue.png);
     float: left;
}

#top-right-win{
     width: 15px;
     background: url(okno/top-right-blue.png);  
     float: right;
}

#left-win
{
     width: 9px;
     background: url(okno/left-blue.png);  
     float: left;
}

#middle-win{

     float: left;
}

#right-win{
     width: 15px;
     background: url(okno/right-blue.png);
     float: left;
}

#bottom-left-win{
     width: 9px;
     background: url(okno/bottom-left-blue.png);
     float: left;
}

#bottom-middle-win{
    
     background: url(okno/bottom-middle-blue.png);  
     float: left;
}

#bottom-right-win{
     width: 15px;
     background: url(okno/bottom-right-blue.png);
     float: right;
}


Chcialbym, aby np. top-middle-win sam mi sie rozszezal. Moge to zrobic wpisujac styl padding, ale takich obramowan chce wiecej i nie bardzo mam ochote kopiowac ten kod wiele razy. Chcialbym, zeby to sie automatycznie robilo.
  Forum: Przedszkole · Podgląd postu: #427213 · Odpowiedzi: 4 · Wyświetleń: 1 320

!Ci
Napisane: 6.01.2008, 03:16:20





Grupa: Zarejestrowani
Postów: 3
Dołączył: 6.01.2008

Ostrzeżenie: (0%)
-----

W takim przypadku div rozszeza mi sie do wielkosci kontenera.
  Forum: Przedszkole · Podgląd postu: #427058 · Odpowiedzi: 4 · Wyświetleń: 1 320

!Ci
Napisane: 6.01.2008, 02:24:37





Grupa: Zarejestrowani
Postów: 3
Dołączył: 6.01.2008

Ostrzeżenie: (0%)
-----

Tworze sobie obramowanie na rozne elementy za pomoca div. Stworzylem okno z 3 contenerami Header, Content, Footer. Do kazdego z nich dodalem po 3 div (top-left, top-middle, top-right,....). Otaczajace elementy zawieraja grafiki obramowania i kiedy dodam do elementu centralnego jakis obiekt, chcialbym zeby z rozszezeniem sie div'a poszerzyly sie rowniez grafiki(odpowiadajace za krawedzie). Jezeli wpisze rozmiary recznie wszystko jest ok, ale nie da sie tego automatycznie zrobic (taki automatyczny padding).

pozdrawiam
  Forum: Przedszkole · Podgląd postu: #427049 · Odpowiedzi: 4 · Wyświetleń: 1 320


New Posts  Nowe odpowiedzi
No New Posts  Brak nowych odpowiedzi
Hot topic  Popularny temat (Nowe)
No new  Popularny temat (Brak nowych)
Poll  Sonda (Nowe)
No new votes  Sonda (Brak nowych)
Closed  Zamknięty temat
Moved  Przeniesiony temat
 

RSS Wersja Lo-Fi Aktualny czas: 17.04.2024 - 00:46