Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Ułożenie div pod div-em

Chcesz wiedzieć jak sterować wyglądem strony za pomocą styli? Tutaj dowiesz się jakie możliwości ma CSS i jak poprawnie go stosować, aby uzyskać zamierzone efekty. Dowiesz się jakie nowości udostępniono w CSS3 i jak z nich korzystać.

Ułożenie div pod div-em

Post 20.01.2018, 18:12:44

Podpowiecie jak to zapisać by mi się prawidłowo ułożyło?? Teraz mam lekko niżej tą prawą część.

Kod: Zaznacz cały
    <div id="prawa">
             <div id="pg">abc</div>
             <div id="menu">
                <div id="menu1"><a onmouseover="changeImages('str_05', 'images/str_05-over.jpg'); return true;" onmouseout="changeImages('str_05', 'images/str_05-over.jpg'); return true;" onmousedown="changeImages('str_05', 'images/str_05-over.jpg'); return true;" onmouseup="changeImages('str_05', 'images/str_05-over.jpg'); return true;" href="index.php"><img name="str_05" src="images/str_05-over.jpg" width="67" height="23" border="0" alt=""></a></div>
                <div id="menu2"></div>
                <div id="menu1"><a onmouseover="changeImages('str_07', 'images/str_07-over.jpg'); return true;" onmouseout="changeImages('str_07', 'images/str_07.jpg'); return true;" onmousedown="changeImages('str_07', 'images/str_07.jpg'); return true;" onmouseup="changeImages('str_07', 'images/str_07-over.jpg'); return true;" href="onas.php">      <img name="str_07" src="images/str_07.jpg" width="67" height="23" border="0" alt=""></a></div>
                <div id="menu3"></div>
                <div id="menu1"><a onmouseover="changeImages('str_09', 'images/str_09-over.jpg'); return true;" onmouseout="changeImages('str_09', 'images/str_09.jpg'); return true;" onmousedown="changeImages('str_09', 'images/str_09.jpg'); return true;" onmouseup="changeImages('str_09', 'images/str_09-over.jpg'); return true;" href="oferta.php">
                <img name="str_09" src="images/str_09.jpg" width="67" height="23" border="0" alt=""></a></div>
                <div id="menu4"></div>
                <div id="menu1"><a onmouseover="changeImages('str_11', 'images/str_11-over.jpg'); return true;" onmouseout="changeImages('str_11', 'images/str_11.jpg'); return true;" onmousedown="changeImages('str_11', 'images/str_11.jpg'); return true;" onmouseup="changeImages('str_11', 'images/str_11-over.jpg'); return true;" href="realizacje.php">
                <img name="str_11" src="images/str_11.jpg" width="67" height="23" border="0" alt=""></a></div>
                <div id="menu5"></div>
                <div id="menu1"><a onmouseover="changeImages('str_13', 'images/str_13-over.jpg'); return true;" onmouseout="changeImages('str_13', 'images/str_13.jpg'); return true;" onmousedown="changeImages('str_13', 'images/str_13.jpg'); return true;" onmouseup="changeImages('str_13', 'images/str_13-over.jpg'); return true;" href="kontakt.php">
                <img name="str_13" src="images/str_13.jpg" width="67" height="23" border="0" alt=""></a></div>
                <div id="menu6"></div>
             </div>   
             <div id="pd">def</div>
          </div>


Kod: Zaznacz cały
div#menu1 {
   float: left;
}
 
div#menu2 {
   height: 23px;
   width: 6px;
   background-image: url("str_06.jpg");
   float: left;
}
 
div#menu3 {
   height: 23px;
   width: 7px;
   background-image: url("str_08.jpg");
   float: left;
}
 
div#menu4 {
   height: 23px;
   width: 6px;
   background-image: url("str_10.jpg");
   float: left;
}
 
div#menu5 {
   height: 23px;
   width: 6px;
   background-image: url("str_12.jpg");
   float: left;
}
 
div#menu6 {
   height: 23px;
   width: 57px;
   background-image: url("str_14.jpg");
   float: left;
}
 
div#pd {
   height: 62px;
   width: 417px;
   background-image: url("str_15.jpg");
   clear: both;
}
 
div#prawa {
   float:right;
}


Obrazek
kpietrek
Posty: 1
Dołączył(a): 20.01.2018

Powrót do CSS


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 1 gość

Hosting, Domeny, SSL

Subskrypcja

Mamy 52012 zarejestrowanych użytkowników.
Najnowszy użytkownik: domenki123


Nasi użytkownicy napisali:

  • 938321 wiadomości
  • w 247833 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)