Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] wizytowka strony
Forum PHP.pl > Inne > Oceny
sowi
Witam,
wiem, ze to jest przede wszystkim forum php, ale to wlasnie pod wpływem Waszych wypowiedzi staram się przejść na XHTML z divami. Mam bardzo prostą wizytówkę, którą staram się przerobić. Stara na tabelkach pod adresem www.findor.eu, nowa www.findor.eu/css. Przprowadziłem test validatorami i przeszła ją pozytywnie. Będę bardzo wdzięczny za ocenę nowego css i ewentualną radę co zrobić żeby wycentrować stronę również w pionie smile.gif
ActivePlayer
opisy pól powinny być w <label> smile.gif
ano
  1. <p class="text_c">Kontakt z nami</p>

Dałbym w <h1>

imię i nazwisko:

e-mail:

treść wiadomości:
Może w <h2>

Po co piszesz: <p class="text_c"> jak mógłbyś napisać: <p> (w stylach masz ustawione style dla zwykłego <p>

A co do centrowania tekstu w pionie:
http://riddle.pl/-/xhtml/css-centering/vert-03.html
(http://riddle.jogger.pl/2006/04/)
mike
Cytat(ano @ 22.06.2006, 22:30 ) *
imię i nazwisko:

e-mail:

treść wiadomości:
Może w <h2>

Nie. Tak będzie niedobrze.
To są opisy pół formularza, tak jak napisał ~ActivePlayer to powinny być etykiety, <label>
Zajec
1) Elementy label dla formularza

2) Widzę kod: target="new" a masz gdzieś ramkę o nazwie new? Poczytaj o _blank

3) Po co dodatkowa klasa dla linku w stopce: class="link_down"?

4) Z arkusza stylów: FONT-WEIGHT, FONT-FAMILY → afair duże litery nie są dozwolone

5) Znowu CSS: width:759; → 759 mrówek, krówek, słoni?

6) I jeszcze raz: margin-top: 0 COLOR: #000000; → zabrakło Ci średnika
sowi
Bardzo dziękuję za uwagi - chyba wszystkie wprowadzilem smile.gif - nie wiem tylko czy dobrze zrobilem z <label> winksmiley.jpg
DjKermit
Teraz w operze sie rozjeżdża.

//edit
Tak dla ścisłości Opera 8.53
Zajec
W mojej Operce śmiga.

Masz takie coś: border: 2px solid #d7d7d7;; a to chyba niczemu nie służy. Obramowanie w kolorze tła strony :-)

Poza tym mógłbyś połączyć body oraz #glowna. Nic nie zabrania modyfikowania znacznika body (tło, rozmiary, marginesy), a będziesz miał o znacznik mniej.


P.S.
Jeszcze coś:
Kod
<br /><br />
do odstępów używa się CSSowych marginesów :-)
sowi
No właśnie z tym mam problem sad.gif - bo label jest odporny na zabiegi marginesowe - to znaczy jak np zrobie:
Kod
label { font-size: 8pt; text-align:center; margin-bottom: 1cm;}

to nic sie nie zmienia sad.gif

A jeżeli chodzi o:
Kod
border: 2px solid #d7d7d7;

to jak to sie usunie to firefox wariuje - srodkuje strone w poziomie (tlo) a tekst z formularzem zostaje na gorze sad.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.