Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Rozwiazania graficzne
Carveth
post
Post #1





Grupa: Zarejestrowani
Postów: 82
Pomógł: 0
Dołączył: 20.02.2008

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


Witam!

Mam pewien problem dot. laya - niby ze wszystko ok ale okazuje sie ze z powodu trudnego ulozenia ciezko bedzie mi ustawic dobrze laya

Oto obrazek budowy laya
(IMG:http://www.otofotki.pl/img12/obrazki/pi8678_11111.png)

Kolorem srebrnym oznaczylem tabele o szerokosci 100% siegajacej gdzies do polowy wysokosci str (bez suwaka!), jest tam pocieta grafika z ktora nie bylo problemu wstawic na strone

Kolorem czarnym zaznaczylem pole w ktorym jest tekst ale ze bedzie to tabela ktora wychodzi poza ta powyzsza str i mam zamiar ja zrobic divem

bialym oznaczylem pole w ktorym powinien byc obraz rozciagajacy sie na szerokosc str - ale nie mam pojecia w jaki sposob zrobic rozciagliwosc na cala strone jako tlo

fioletowym kolejna rzecz wystajaca z czarnego ktora pewnie tez bedzie trzeba dac divem

Jak uporac sie z takim layem?
Prosze o pomoc
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
krzysztof_kf
post
Post #2





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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


Przykładowe menu powinno wyglądać tak

  1. .menu {
  2. width: 780px;
  3. height: 30px;
  4. margin: 0 auto 0 auto;
  5. }
  6.  
  7. .menu ul, ul li {
  8. height: 30px;
  9. display: inline;
  10. list-style: none;
  11. margin: 0;
  12. padding: 0;
  13. }
  14.  
  15. .menu ul {
  16. float: left;
  17. margin: 0 0 0 8px;
  18. }
  19.  
  20.  
  21. .menu ul a {
  22. padding: 6px 6px 6px 6px;
  23. line-height: 1.8em;
  24. font-size: 1em;
  25. text-decoration: none;
  26. font-weight: bold;
  27. color: #ffffff;
  28. }
  29.  
  30. .menu ul a:hover {
  31. color: #000000;
  32. background: url(grafika.png) repeat-x;
  33. }
  34.  
  35. .menu ul li {
  36. padding-left: 6px;
  37. background: url(grafika.png) no-repeat left;
  38. }
  39.  


i

  1. <div class="menu">
  2. <ul>
  3. <li><a href="twoj link ">Home</a></li>
  4. <li><a href="twoj link">Oferta</a></li>
  5. <li><a href="twoj link">Formularz kontaktowy</a></li>
  6. </ul>
  7. </div>
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 10.10.2025 - 16:24