Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [css] menu z okragłymi brzegami
gosienkami
post
Post #1





Grupa: Zarejestrowani
Postów: 305
Pomógł: 1
Dołączył: 27.12.2007

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

mecze sie z umieszczeniem okragłych, dolnych krawedzi w menu moze ktos mi pomoc przerobić kod. i zeby pasek. jpg był wycentrowany miedzy menu1 a menu 2 itd....
[HTML] pobierz, plaintext 
  1. <style>
  2. ul.menu{
  3.  display: block;
  4.  list-style: none;
  5.  margin: 0;
  6.  padding: 0;
  7.  text-align: center;
  8. }
  9. ul.menu li{
  10.  float:left;
  11.  width: 100px;
  12.  background-color: #BDD9EE;
  13.  
  14.  height: 25px;
  15. }
  16. .dlewyokragly {
  17.  width: 350px;
  18.  background-color: #BCD8EE;
  19.  background-image: url(menulewe.jpg);
  20.  background-repeat: no-repeat;
  21.  background-position: 0 100%;
  22. }
  23. .dprawyokragly {
  24.  background-image: url(menuprawe.jpg);
  25.  background-repeat: no-repeat;
  26.  background-position: 100% 100%;
  27. }
  28. </style>
  29. <body>
  30. <ul class="menu">
  31. <li> menu1 </li>
  32. <li> <img src="pasek.jpg"/> menu 1</li>
  33. <li> <img src="pasek.jpg"/> menu 2</li>
  34. <li> <img src="pasek.jpg" /> menu 3</li>
  35. <li> <img src="pasek.jpg" align="/>menu 4</li>
  36. <li> <img src="pasek.jpg"/> menu 5</li>
  37. <li> <img src="pasek.jpg"/> menu 6 </li>
  38. </ul>
  39. </body>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
pi_wo
post
Post #2





Grupa: Zarejestrowani
Postów: 36
Pomógł: 6
Dołączył: 18.03.2009

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

[HTML] pobierz, plaintext 
  1. <style>
  2. ul.menu li{
  3.  float:left;
  4.  width: 100px;
  5.  background-color: #BDD9EE;
  6.  background: url(pasek.jpg) 0 0 no-repeat;
  7. background-position: bottom center;
  8.  height: 25px;
  9. }
  10. </style>
[HTML] pobierz, plaintext


Nie wiem czy dobrze zrozumiałem.
Go to the top of the page
+Quote Post
gosienkami
post
Post #3





Grupa: Zarejestrowani
Postów: 305
Pomógł: 1
Dołączył: 27.12.2007

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

mam cos takiego i jak zamalować biała przestrezen miedzy dolnymi rogami
http://www.fotosik.pl/pokaz_obrazek/2d94d6d66b14c56e.html

<ul class="menu">
<li> menu1 <img src="menulewe.jpg" align="left"></li>
<li> <img src="pasek.jpg" align="left" a/> menu 2</li>
<li> <img src="pasek.jpg" align="left"/> menu 2</li>
<li> <img src="pasek.jpg" align="left"/> menu 3</li>
<li> <img src="pasek.jpg" align="left"/>menu 4</li>
<li> <img src="pasek.jpg" align="left"/> menu 5</li>
<li> <img src="pasek.jpg" align="left"/> menu 6
<img src="menuprawe.jpg" align="right"/></li>
</ul>
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 24.08.2025 - 10:10
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn