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

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)

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

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





PS zapomniałem dodać - rozdz. 1280x1024

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

+ 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.

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

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ć.

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

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


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



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



Wiem o tym, aktualnie nad tym walczę



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



Właśnie z tym walcze.



Pisane wczoraj na szybko.



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



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

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.

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

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

-> Informator: Czcionka większa.

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 )

@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.

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

@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?

@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).

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

[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 

Małe poprawki na CSSa:

[CSS] pobierz, plaintext 
#menu {
        padding:0;
        margin:0;
        text-align: center; /* centruje menu */
        line-height:30px;
}
#menu li {
	display:inline;
}
#menu li.menu-item {
	background-image: obraz pod linkami w menu (faktura);
	background-repeat:repeat;
}
#menu-first,#menu-last {
	width:15px;
	height:30px;
	display:inline-block !important;
	background-repeat:no-repeat;
	vertical-align:top;
}
[CSS] pobierz, plaintext 

Teraz to mnie IE zaskoczyło w MSIE centruje się na środku, tak jak miało być, a w Operze menu jest bardziej na prawo ;/

@everth
Dzięki, zastosuje się do Twoich poprawek

Jak coś się robi, to bez błędów, szczególnie ortograficznych

Każdemu może się zdarzyć Dzięki, już poprawiłem

Wiem, ale lepiej to wyłapać na właśnie takim forum, niż żeby potencjalny klient zobaczył błąd

Dlatego dałem do ocenienia

Odnośnie kilku poprzednich postów związanych z problemem rozchodzącego się menu na różnych przeglądarkach, to chyba rozwiązałem ten problem w taki sposób:
1. Umieściłem menu w dodatkowym divie.
2. Na tego diva dałem taki styl

[CSS] pobierz, plaintext 
.cent{
position:absolute;
	width:999px;
	top:5px;
	right:-26px;
}
[CSS] pobierz, plaintext 

Mam nadzieje że jest to zgodne z aktualnymi standardami