Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [www] Prosty projekt strony
MissMoneypenny
post
Post #1





Grupa: Zarejestrowani
Postów: 37
Pomógł: 0
Dołączył: 11.06.2005

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


To jest dopiero mój drugi że tak powiem "projekt", więc nie oczekujcie jakichś cudów. Chodziło mi głównie o przejrzystość i wykorzystanie css-a do formatowania wyglądu(najlepiej się uczę css-a w praktyce (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) ). Proszę o konstruktywną ocenę w skali od 1 do 10. Sprawdzałam w Firefoxie, Operze i IE-nic sie nie rozjeżdżało (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) .

Oto adres: Strona

Ten post edytował MissMoneypenny 26.01.2006, 21:02:10
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Zajec
post
Post #2





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

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


Cały czas mnie męczy sposób, w jaki zrobiłaś to menu. Połowa znaczników jest tam nadal zbędna. Zrobiłem Ci menu o takiej samej funkcjonalności, a dwa razy krótszym kodzie:

Kod
#menu1 { width: 160px; float: right; list-style: none; text-align: center; background-color: #CC9; font-style: italic; color:black; }
#menu1 * { height: 30px; }
#menu1 a { background: #9CC; display: block; margin: 5px 0; height: 30px; color: #5A5A5A; text-decoration: none; border-top:1px dotted gray; border-bottom:1px dotted gray; font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; }
#menu1 a:hover { background: #A0D8D9; color: #6C0088; }




Natomiast zamiast obecnego
  1. <div id="menu1">
  2.  
  3. <div id="menu2">
  4.  
  5. <div class="linki">
  6.  
  7. <p class="category">Kategoria</p>
  8.  
  9. <ul class="ul">
  10.  
  11. <li><a href="index.html#">link 1</a></li>
  12.  
  13. <li><a href="index.html#">link 1</a></li>
  14.  
  15. </ul>
  16. (....)
  17. (....)
  18. (....)
  19. </div>
  20. </div>
dajesz tylko takie coś:
  1. <ul id="menu1">
  2. <li>Kategoria</li>
  3. <li><a href="index.html#">link 1</a></li>
  4. <li><a href="index.html#">link 1</a></li>
  5. <li>Kategoria</li>
  6. <li><a href="index.html#">link 1</a></li>
  7. <li><a href="index.html#">link 1</a></li>
  8. <li>Kategoria</li>
  9. <li><a href="index.html#">link 1</a></li>
  10. <li><a href="index.html#">link 1</a></li>
  11. </ul>


Ten post edytował Zajec 27.01.2006, 19:35:25
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: 17.10.2025 - 10:29