Ocena strony, Przy okazji test Opcje

[Barcelona]

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

[r4xz]

Opera:
Version
10.60 Internal

Platform
Linux

całość się sypie ino huczy...
a poza tym stopka mi tutaj nie pasuje (tzn. forma - obrazek jak i styl)

[Barcelona]

A mógłbyś dać screena? Chciałbym wiedzieć co poprawić.
Dziwne, że opera wywaliła strone, bo właśnie pod nią robiłem, tylko że nie na Linuxie. Myślałem, że IE tylko robi problemy a tu taka niespodzianka.

Dzięki i pozdrawiam

[r4xz]

co dziwnego na ~60% strona wyświetla się poprawnie





PS zapomniałem dodać - rozdz. 1280x1024

Ten post edytował r4xz 1.08.2010, 09:43:18

[poki289]

U mnie na nieco starszej Operze 9.64 i rozdzielczości 1024x768 wszystko jest spoczko, do testowania strony pod różne przeglądarki polecam browsershots.
Ogólnie layout mi się podoba

[thomson89]

+ Nagłówek: Ładna tekstura
+ Kolorystyka poprawnie dobrana
+ Podobają mi się kolory

- "Ostatnio dodane": Zbyt ściśnięte napisy (w ramce)
- Wyszukiwarka: Pole text, powinno być wysokie na wysokość przycisku i trochę krótsze
- "O nas": Typografia leży
- "Wybrane ogłoszenia": Jak kliknę, na numerek niżej, to oczekuję że zdjęcie pojedzie niżej lub wyżej a nie na bok. Dodaj wartość do tinycarousel: axis: 'y'

? "Wybrane ogłoszenia": O co chodzi z tym remont?

-> Co do kolegów, Opera 10:60, roz. 1440x900 nie rozjeżdża się strona.



Ten post edytował thomson89 1.08.2010, 13:35:44

[Substr]

Przede wszystkim zmień login i hasło do panelu admina, bo jest banalne.

[everth]

Trochę czepiactwa:

• strona się rozjeżdża bo wpisy z menu wychodzą poza wysokość - dodawanie overflow:hidden do menu omija w jakiś sposób problem (tylko wpis menu staje się niewidoczny), można to obejść inaczej (przesuwając div 'm' do tagu body i centrując)
• główna, oferta, kontakt - da się je zrobić normalnym tekstem a nie obrazkiem
• zawartość divu 'right' wychodzi poza jego szerokość - normalnie nie widać, ale przy skalowaniu staje się widoczne
• przejście tekstu w nagłówku - można za pomocą fadeIn, fadeOut, zrobić ładniejsze, płynne
• subiektywne - zamiast białego tła można mu nadać jakąś delikatną fakturę, wrażenie pustki byłoby mniejsze

Chyba tyle, mechaniki nie chciało mi się sprawdzać.

[O$iek]

Wchodzę w dane ogłoszenie i nic nie wpisuje w formularzu kontaktowym, klikam wyślij i:

List został wysłany poprawnie

[Barcelona]

Dzięki za zainteresowanie tematem, na pewno będę się sugerował waszymi uwagami.
Widzę, że są wysyłane maila ze strony. Wiem że nie ma walidacji i będzie ona dodane później, bo to szczegół.


Odpowiedzi do @everth

główna, oferta, kontakt - da się je zrobić normalnym tekstem a nie obrazkiem

Można, ale po co jak tak też może być.

można to obejść inaczej (przesuwając div 'm' do tagu body i centrując)

Mógłbyś mi to zaprezentować bo nie wiem jak to zrobić

zawartość divu 'right' wychodzi poza jego szerokość - normalnie nie widać, ale przy skalowaniu staje się widoczne

Wiem o tym, aktualnie nad tym walczę

subiektywne - zamiast białego tła można mu nadać jakąś delikatną fakturę, wrażenie pustki byłoby mniejsze

Szczerze nawet o tym nie pomyślałem, i nawet nie głupi pomysł - dzięki

Odpowiedź do @Substr

No dane do logowania są banalne, ale nie miałem po co zmieniać bo na razie to tylko wersja robocza. No ale zmienię bo zaraz wszyscy zaczną kombinować

Odpowiedzi do @thomson89

Wyszukiwarka: Pole text, powinno być wysokie na wysokość przycisku i trochę krótsze

Właśnie z tym walcze.

"O nas": Typografia leży

Pisane wczoraj na szybko.

"Wybrane ogłoszenia": Jak kliknę, na numerek niżej, to oczekuję że zdjęcie pojedzie niżej lub wyżej a nie na bok. Dodaj wartość do tinycarousel: axis: 'y'

Właśnie dlatego wydaje mi się że jest to ciekawe rozwiązanie - zaskakuje

? "Wybrane ogłoszenia": O co chodzi z tym remont?

Pisane też na szybko, miało być że w trakcie prac

Odpowiedź do @r4xz

A mógłbyś zobaczyć inne podstrony bo podejrzewam że właśnie ta strona główna psuje.

Odpowiedź do @O$iek

Wiem, że nie ma walidacji, ale już dodałem taką prostą bo już ponad 100 pustych maili dostałem. Jak kliknie się wyślij to nie wyśle ale nie pokaże też co jest puste, jest to chwilowe rozwiązanie.


Pozdrawiam

Ten post edytował Barcelona 1.08.2010, 16:59:08

[O$iek]

Znowu w zakładce "Kontakty" nie ma żadnej informacji, czy wiadomość została wysłana, czy nie?
#edit:
Jeżeli nie wypełnimy nie zwraca informacji.

Ten post edytował O$iek 1.08.2010, 16:59:33

[Barcelona]

Wiem, pisałem że chwilowo walidacja jest podstawowa.

[thomson89]

Zaskakuje, zaskakuje - ale logicznie rzec biorąc nie pasuje i jest... nie logiczne

-> Informator: Czcionka większa.

Ten post edytował thomson89 1.08.2010, 18:58:53

[r4xz]

na każdej tak samo, ponieważ (ktoś już to nawet napisał) link "Przewóz osób" wychodzi ze swojej belki. (na linuxie nie ma identycznych czcionek jak na windowsie. trzeba to brać pod uwagę przy projektowaniu stron )

[everth]

@Barcelona: wymagałoby to trochę większej kombinacji przy układzie strony. Ja widzę to tak:

• likwidacja kontenera centrującego
• dodanie:

  [CSS] pobierz, plaintext 
  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 
<body>
   <div id='header'>
   <ul id='menu'>
      <li id="menu-first" />
      <li class='menu-item'><a>costem</a></li>
      (...)
      <li id='menu-last' />
   </ul>
   <div id='pageContent' />
   <div id='footer' />
</body>
[HTML] pobierz, plaintext 

CSS:

[CSS] pobierz, plaintext 
body {
	min-width: 1024px; /* zabezpiecza przed niskimi rozdzielczościami */
}
 
body > * {
	margin: 0 auto; /* centruje wszystkie elementy w body */
}
 
#menu {
	text-align: center; /* centruje menu */
}
#menu li {
	line-height:30px;
}
#menu li.menu-item {
	background-image: obraz pod linkami w menu (faktura);
	background-repeat:repeat;
}
#menu-first,#menu-last {
	width:15px;
	background-repeat:no-repeat;
}
#menu-first {
	background-image:lewa krawędź;
}
#menu-last {
	background-image:prawa krawędź;
}
[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.

[Spawnm]

denerwuje mnie zmieniający się tekst w topie , porusza stroną na ff pod linuxem + złe kodowanie : pó�niejszych

[Barcelona]

@everth, wielkie dzięki, bardzo dobry pomysł z tym menu. Pokombinuje z tym, tylko że na localu żeby tam nic nie nabroić.

Słuchaj, w css miałem już w body margin:0 tyle że bez auto

[CSS] pobierz, plaintext 
body{ margin:0; padding:0; 
[CSS] pobierz, plaintext 

Dodałem teraz poprostu auto do marginesu

[CSS] pobierz, plaintext 
margin: 0 auto; padding:0; 
[CSS] pobierz, plaintext 

I jeszcze dla pewności dodałem do każdego float to co napisałeś, czyli "height:auto i overflow:hidden"

@Spawnm - właśnie to kodowanie jest moją zmorą. Żałuję, że nie zrobiłem UTF od początku i teraz właśnie skaczą takie krzaki ;/ Zabierając się za ten projekt moja wiedza z programowania była bliska zeru więc dopiero w trakcie prac dostrzegłem minusy w iso. Teraz żeby przerobić to na utf to bedę musiał od nowa zmieniać kodowanie całego serwisu i całej bazy (baza to nie problem na szczęście). Na pewno przejde na utf, ale to przy następnej odsłonie.

A o tym że ten tekst porusza całą stroną to nawet nie pomyślałem, dziwne rzeczy się dzieją na linuxie. Masz może jakąś radę na ten tekst?

[everth]

@Barcelona:

[CSS] pobierz, plaintext 
body > * {margin:0 auto}
[CSS] pobierz, plaintext 

Nie nadajesz go tagowi body tylko jego dzieciom pierwszego poziomu. Poza tym on służy do centrowania w poziomie divów które mają stałą szerokość. "height:auto..." nie nadajesz obiektom mającym atrybut float tylko tym divom które zawierają divy z atrybutem float (kontenerom).

[Barcelona]

OK, rozumiem. Dodatkowo zawęziłem obszar z menu, który się właśnie rozjeźdzał. Zaoszczędzieł na tym pare cm na różnicę czcionek pomiędzy linuxem i windowsem.
Tylko teraz mam pytanie, jak wycentrować to menu żeby było na środku a nie żeby zaczynało się od lewej krawedzi ? Center nie działa

Pozdrawiam

[r4xz]

[HTML] pobierz, plaintext 
<div id="center">
	<ul>
		<li>1...</li>
		<li>2...</li>
		<li>3...</li>
		<li>4...</li>
	</ul>
</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
#center {
	width: 100%;
	overflow: hidden;
	position: relative;
}
 
#center ul {
	float: left;
	text-align: center;
	position: relative;
	left: 50%;
}
 
#center ul li {
	float: left;
	display: block;
	position: relative;
	right: 50%;
}
[CSS] pobierz, plaintext