Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] wizytowka strony
sowi
post 22.06.2006, 18:01:03
Post #1





Grupa: Zarejestrowani
Postów: 63
Pomógł: 0
Dołączył: 7.03.2004

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


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

Ten post edytował sowi 22.06.2006, 18:02:10
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 8)
ActivePlayer
post 22.06.2006, 18:04:51
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 224
Pomógł: 40
Dołączył: 6.07.2004
Skąd: Wuppertal

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


opisy pól powinny być w <label> smile.gif
Go to the top of the page
+Quote Post
ano
post 22.06.2006, 21:30:48
Post #3





Grupa: Zarejestrowani
Postów: 435
Pomógł: 40
Dołączył: 16.02.2003
Skąd: Wrocław

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


  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/)


--------------------
Linkedin | ...
Go to the top of the page
+Quote Post
mike
post 23.06.2006, 09:12:24
Post #4





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

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


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>
Go to the top of the page
+Quote Post
Zajec
post 23.06.2006, 11:37:42
Post #5





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

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


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
Go to the top of the page
+Quote Post
sowi
post 23.06.2006, 14:27:04
Post #6





Grupa: Zarejestrowani
Postów: 63
Pomógł: 0
Dołączył: 7.03.2004

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


Bardzo dziękuję za uwagi - chyba wszystkie wprowadzilem smile.gif - nie wiem tylko czy dobrze zrobilem z <label> winksmiley.jpg
Go to the top of the page
+Quote Post
DjKermit
post 23.06.2006, 14:33:33
Post #7





Grupa: Zarejestrowani
Postów: 82
Pomógł: 0
Dołączył: 18.06.2005

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


Teraz w operze sie rozjeżdża.

//edit
Tak dla ścisłości Opera 8.53

Ten post edytował DjKermit 23.06.2006, 16:08:47


--------------------
emiker
Go to the top of the page
+Quote Post
Zajec
post 23.06.2006, 15:33:53
Post #8





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

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


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 :-)

Ten post edytował Zajec 23.06.2006, 15:34:59
Go to the top of the page
+Quote Post
sowi
post 24.06.2006, 11:56:11
Post #9





Grupa: Zarejestrowani
Postów: 63
Pomógł: 0
Dołączył: 7.03.2004

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


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

Ten post edytował sowi 24.06.2006, 11:59:48
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 31.07.2025 - 09:54