Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Ocena strony, Przy okazji test
Barcelona
post
Post #1





Grupa: Zarejestrowani
Postów: 322
Pomógł: 15
Dołączył: 29.01.2010

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

Witam, już prawie skończyłem stronkę i prosiłbym o waszą ocenę. Przy okazji może zauważycie jakieś błędy na stronie itd.

link: Vikor

Pozdrawiam
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
everth
post
Post #2





Grupa: Zarejestrowani
Postów: 782
Pomógł: 153
Dołączył: 21.07.2010

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

@Barcelona: wymagałoby to trochę większej kombinacji przy układzie strony. Ja widzę to tak:
  • likwidacja kontenera centrującego
  • dodanie:
    [CSS] pobierz, plaintext 
    1. body > * {margin:0 auto;}
    [CSS] pobierz, plaintext
  • menu masz jako listę - fajnie, wywal otaczający ją div i nadaj id='menu' znacznikowi ul
  • elementom li zawierającym pozycję menu nadaj klasę 'menu-item'
  • stwórz krawędzie belki menu - te wygibasy na krawędziach ,będą one w statycznym elemencie li - po prostu w szablonie umieścisz li o id='first' i 'last'
  • stwórz background pod 'menu-item', powinien być to plik z tym niebieskiem wzorem co masz na górze

Przykładowy html
[HTML] pobierz, plaintext 
  1. <body>
  2.    <div id='header'>
  3.    <ul id='menu'>
  4.       <li id="menu-first" />
  5.       <li class='menu-item'><a>costem</a></li>
  6.       (...)
  7.       <li id='menu-last' />
  8.    </ul>
  9.    <div id='pageContent' />
  10.    <div id='footer' />
  11. </body>
[HTML] pobierz, plaintext

CSS:
[CSS] pobierz, plaintext 
  1. body {
  2. 	min-width: 1024px; /* zabezpiecza przed niskimi rozdzielczościami */
  3. }
  4.  
  5. body > * {
  6. 	margin: 0 auto; /* centruje wszystkie elementy w body */
  7. }
  8.  
  9. #menu {
  10. 	text-align: center; /* centruje menu */
  11. }
  12. #menu li {
  13. 	line-height:30px;
  14. }
  15. #menu li.menu-item {
  16. 	background-image: obraz pod linkami w menu (faktura);
  17. 	background-repeat:repeat;
  18. }
  19. #menu-first,#menu-last {
  20. 	width:15px;
  21. 	background-repeat:no-repeat;
  22. }
  23. #menu-first {
  24. 	background-image:lewa krawędź;
  25. }
  26. #menu-last {
  27. 	background-image:prawa krawędź;
  28. }
[CSS] pobierz, plaintext

Wydaje mi się że przy takim ułożeniu gdyby elementy menu wychodziły poza krawędź to po prostu włączałby się pasek przewijania na dole. Ale to nie testowany układ. Ponadto ograniczaj się z floatami, w miarę możliwości zastępuj je display:inline lub display:inline-block (+poprawka na IE, niestety) - prawdopodobnie dlatego masz problem z wychodzącą zawartością bo w którymś divie który zawiera elementy float, nie dałeś height:auto i overflow:hidden.
Go to the top of the page
+Quote Post

Posty w temacie
- Barcelona   Ocena strony   1.08.2010, 01:31:22
- - r4xz   Opera: Version 10.60 Internal Platform Linux cał...   1.08.2010, 07:59:05
- - Barcelona   A mógłbyś dać screena? Chciałbym wiedzieć co popra...   1.08.2010, 08:56:22
- - r4xz   co dziwnego na ~60% strona wyświetla się poprawnie...   1.08.2010, 09:32:35
- - poki289   U mnie na nieco starszej Operze 9.64 i rozdzielczo...   1.08.2010, 11:20:03
- - thomson89   + Nagłówek: Ładna tekstura + Kolorystyka poprawnie...   1.08.2010, 13:34:39
- - Substr   Przede wszystkim zmień login i hasło do panelu adm...   1.08.2010, 14:01:15
- - everth   Trochę czepiactwa: strona się rozjeżdża bo wpisy z...   1.08.2010, 15:14:35
- - O$iek   Wchodzę w dane ogłoszenie i nic nie wpisuje w form...   1.08.2010, 16:41:35
- - Barcelona   Dzięki za zainteresowanie tematem, na pewno będę s...   1.08.2010, 16:54:30
- - O$iek   Znowu w zakładce "Kontakty" nie ma żadne...   1.08.2010, 16:58:35
- - Barcelona   Wiem, pisałem że chwilowo walidacja jest podstawow...   1.08.2010, 17:06:59
- - thomson89   Zaskakuje, zaskakuje - ale logicznie rzec biorąc n...   1.08.2010, 18:57:38
- - r4xz   na każdej tak samo, ponieważ (ktoś już to nawet na...   1.08.2010, 19:02:08
- - everth   @Barcelona: wymagałoby to trochę większej kombinac...   1.08.2010, 20:18:59
- - Spawnm   denerwuje mnie zmieniający się tekst w topie , por...   1.08.2010, 20:24:30
- - Barcelona   @everth, wielkie dzięki, bardzo dobry pomysł z tym...   1.08.2010, 23:33:08
- - everth   @Barcelona: [CSS] pobierz, plaintext body > * ...   2.08.2010, 00:00:20
- - Barcelona   OK, rozumiem. Dodatkowo zawęziłem obszar z menu, k...   2.08.2010, 14:01:03
- - r4xz   [HTML] pobierz, plaintext <div id="center...   2.08.2010, 14:23:22
|- - Barcelona   Cytat(r4xz @ 2.08.2010, 15:23:22 ) [H...   2.08.2010, 15:38:46
- - everth   Małe poprawki na CSSa: [CSS] pobierz, plaintext #m...   2.08.2010, 14:35:06
- - Magic Hereos   CytatO kontakt telefoniczny prosimy w godzinach pr...   2.08.2010, 16:09:06
- - Barcelona   Każdemu może się zdarzyć Dzięki, już poprawiłem   2.08.2010, 18:56:34
|- - Magic Hereos   Cytat(Barcelona @ 2.08.2010, 19:56:34...   3.08.2010, 19:34:34
- - Barcelona   Dlatego dałem do ocenienia Odnośnie kilku poprze...   3.08.2010, 22:33:22

« Następny starszy · Oceny · 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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