Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [XHTML] Gdzie jest bład?
wozniak
post
Post #1





Grupa: Zarejestrowani
Postów: 278
Pomógł: 0
Dołączył: 21.11.2003

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

Witam, jak w temacie gdzie tutaj jest bład:
[XML] pobierz, plaintext 
  1. <table cellspacing="0" cellpadding="0" width="223" align="center">
  2.                                            <tbody>
  3.                <tr><td height="10" colspan="3"></td></tr>
  4.                <tr><td class="ps">Szukaj:</td>
  5.                                            <td>
  6. <form name="quick_find" action="http://sklep.viella.pl/advanced_search_result.php" method="get">
  7. <input type="text" class="inputField" name="keywords" style="size: 20; maxlength: 30" />            
  8. </td>
  9.                                            <td><input type="image" src="images/m09.gif" style="width: 19; height: 17" /></td></tr>
  10.                <tr><td height="10" colspan="3"></td></tr>
  11.               </form>
  12.                                           </tbody>
  13.               </table>
[XML] pobierz, plaintext
Go to the top of the page
+Quote Post
mike
post
Post #2





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

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

Wszędzie. A jakiego dokładnie szukasz?
Tek kod to syf. Za takie rzeczy powinno się w dyby zakuwać.
Go to the top of the page
+Quote Post
wozniak
post
Post #3





Grupa: Zarejestrowani
Postów: 278
Pomógł: 0
Dołączył: 21.11.2003

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

a jasniej?
Go to the top of the page
+Quote Post
skowron-line
post
Post #4





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

a gdzie tu jest Ajax uzyty??, jak Mike powiedzial to jeden wielki smietnik. Moze napisz co jest nie tak, jakiego efektu sie spodziewałes a jaki otrzymales
Go to the top of the page
+Quote Post
kwiateusz
post
Post #5


Admin Techniczny


Grupa: Administratorzy
Postów: 2 071
Pomógł: 93
Dołączył: 5.07.2005
Skąd: Olsztyn
uwielbiam xhtml i tabelki po prostu najnowsze technologie :]
Go to the top of the page
+Quote Post
wozniak
post
Post #6





Grupa: Zarejestrowani
Postów: 278
Pomógł: 0
Dołączył: 21.11.2003

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

A no własnie a jak mozna sobie wszytsko ładnie ułozyc nie uzywajac table?
Go to the top of the page
+Quote Post
Hostis
post
Post #7





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 6.07.2007
Skąd: /home/skawina

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

Troche więcej zaangażowania w szukanie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

http://kurs.browsehappy.pl/
http://xhtml.b7.pl/index.html
http://pomocnik.eu4.pl/index.php?option=co...0&Itemid=54

[HTML] pobierz, plaintext 
  1. <form name="quick_find" action="http://sklep.viella.pl/advanced_search_result.php" method="get">
  2.     <p>
  3.         <label for="find">Szukaj:</label>
  4.         <input type="text" class="inputField" name="keywords" style="size: 20; maxlength: 30" /> 
  5.     </p>
  6.     <input type="image" src="images/m09.gif" style="width: 19; height: 17" />
  7. </form>
[HTML] pobierz, plaintext


I odpowiednio styl od tego przygotować (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Ale samo to ustawi ci obok siebie napis szukaj i inputa.

Nie wiem czy dokonca dobrze zrozumialem co chciałeś uzyskać, łatwiej by było jakbyś to na przykładzie pokazał (Narysował (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) ). Mam nadzieje że to pomoże (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował Hostis 26.07.2007, 15:42:09
Go to the top of the page
+Quote Post
wozniak
post
Post #8





Grupa: Zarejestrowani
Postów: 278
Pomógł: 0
Dołączył: 21.11.2003

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

Sam tez znalazłem:) Własnie przerabiam z table na div;) na table 170 lini na div 73.

Moze ktos przeanalizowac?:
[XML] pobierz, plaintext 
  1. <html>
  2.  
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  5. <meta http-equiv="Content-Language" content="pl" />
  6. <title>Nowa strona 1</title>
  7. </head>
  8.  
  9. <body>
  10.  
  11. <div style="position: absolute; width: 750px; height: 205px; z-index: 1; left: 11px; top: 12px" id="layer1">
  12.       <div style="position: absolute; width: 210px; height: 61px; z-index: 2; left: 16px; top: 125px; background-color:#A3B7CA" id="layer3">
  13.       <br />
  14. &nbsp;Szukaj :
  15.       <input class="inputfield" style="size: 20; maxlength: 30" name="keywords" size="12" />
  16.       <input type="image" src="http://sklep.viella.pl/images/m09.gif" name="I1" /></div>
  17.       <div style="position: absolute; width: 157px; height: 123px; z-index: 3; left: 454px; top: 11px" id="layer6">
  18.             <img border="0" src="images/m08.jpg" width="282" height="188" /></div>
  19.       <img border="0" src="images/logo.jpg" width="200" height="127" />
  20.       <div style="position: absolute; width: 750px; z-index: 4; left: 0px; top: 199px; background-color: #749BC2" id="layer7">
  21. &nbsp;</div>
  22.       <div style="position: absolute; width: 178px; height: 50px; z-index: 1; left: 263px; top: 11px" id="layer2">
  23. <img border="0" src="images/m02.gif" width="191" height="39" /><img border="0" src="images/m05.gif" width="191" height="37" /><img border="0" src="images/m04.gif" width="191" height="38" /><img border="0" src="images/m03.gif" width="191" height="36" /><img border="0" src="images/m06.gif" width="191" height="38" /></div>
  24. </div>
  25.  
  26. <div style="position: absolute; width: 261px; height: 59px; z-index: 2; left: 11px; top: 237px; background-color:#749BC2" id="layer8">
  27. <form name="manufacturers" method="get" action="http://sklep.viella.pl/index.php">
  28.                                                                   <p align="left"><br>
  29.                                                                   Producent :
  30.                                                                   <select class="pullDown" onchange="this.form.submit();" size="1" name="manufacturers_id">
  31.                                                                   <option class="pink" value="7" selected="</span>">
  32.                                                                   CATERINA<<span style='color:blue'>/option>
  33.                                                                   <option class="pink" value="10">
  34.                                                                   Elettrobar</option>
  35.                                                                   <option class="pink" value="1">HENDI
  36.                                                                   </option>
  37.                                                                   <option class="pink" value="12">
  38.                                                                   OMNIWASH</option>
  39.                                                                   <option class="pink" value="5">
  40.                                                                   PLASTMET</option>
  41.                                                                   <option class="pink" value="3">
  42.                                                                   RATIONAL</option>
  43.                                                                   <option class="pink" value="11">
  44.                                                                   REMIX</option>
  45.                                                                   <option class="pink" value="2">RM 
  46.                                                                   GASTRO</option>
  47.                                                                   <option class="pink" value="8">
  48.                                                                   ROLLER GRILL</option>
  49.                                                                   <option class="pink" value="4">
  50.                                                                   STALGAST</option>
  51.                                                                   <option class="pink" value="6">
  52.                                                                   SUNNEX</option>
  53.                                                                   <option class="pink" value="9">UNOX
  54.                                                                   </option>
  55.                                                                   </select></p>
  56. </form></div>
  57.  
  58. <div style="position: absolute; width: 199px; height: 60px; z-index: 3; left: 271px; top: 237px; background-color:#A3B7CA" id="layer9">
  59. <form name="currencies" method="get" action="http://sklep.viella.pl/index.php">
  60.                                                                   <p align="center"><br>
  61.                                                                   Waluta:
  62.                                                                   <select class="pullDown" style="FONT-SIZE: 9px; WIDTH: 100px" onchange="this.form.submit(); " name="currency" ?>
  63.                                                                   <option class="pink" value="EUR">
  64.                                                                   Euro</option>
  65.                                                                   <option class="pink" value="PLN" selected>
  66.                                                                   Polski złoty</option>
  67.                                                                   </select></p>
  68. </form></div>
  69.  
  70. <div style="position: absolute; width: 290px; height: 60px; z-index: 4; left: 470px; top: 237px; background-color: #749BC2" id="layer10">
  71. &nbsp;</div>
  72.  
  73. </body>
  74.  
  75. </html>
[XML] pobierz, plaintext
Go to the top of the page
+Quote Post
Hostis
post
Post #9





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 6.07.2007
Skąd: /home/skawina

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

Jak na mój gust to lepiej (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Co do szukaj wywal twarda spacje i zastosuj tam <label> i wywal <br /> z tamtad bo nie bedzie potrzebny jak chcesz to ustalić na odpowiedniej wyskokości to można to obejąć naprzykład to w <p> i dodac do klasy css'a np top: 10px. ( takie bardziej uniwersalne rozwiązanie i łatwiejsze w modyfikacji)

Wszystkie style ponazywaj ładniej i przenieś do osobnego pliku css bo tak tylko kod paskudzą (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) i łatwiej bedzie operować na CSS'ie w pliku niż szukać za każdym razem w kodzie strony gdzie tu co zmienić.

i zamiast uzywać position. poustawialbym wszystko poprzez opływanie (float) (ale to tylko moja sugestia)

i naprzykład zamiast dawać w kazdym option atrybut class zastosować takie cosik: (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) 
[HTML] pobierz, plaintext 
  1. .pullDown option {
  2.    i tu twój styl z class pink
  3. }
[HTML] pobierz, plaintext

może duża oszczędność to nie jest ale zawsze coś no i ładniej wygląda (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował Hostis 26.07.2007, 16:24:17
Go to the top of the page
+Quote Post
wozniak
post
Post #10





Grupa: Zarejestrowani
Postów: 278
Pomógł: 0
Dołączył: 21.11.2003

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

Ok;) Fajna sprawa tylko teraz mam pytanko Jak np. Jak uzywałem table to nie podawałem height i tabela dostosywała sie do rozmiaru danych, a jak mozna rozwiazac to w div? tez nie podawac?
P.s Jak podkreslic tekst linia kropkowana:)?
Go to the top of the page
+Quote Post
Hostis
post
Post #11





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 6.07.2007
Skąd: /home/skawina

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

Cytat(wozniak @ 26.07.2007, 17:21:39 ) *
Ok;) Fajna sprawa tylko teraz mam pytanko Jak np. Jak uzywałem table to nie podawałem height i tabela dostosywała sie do rozmiaru danych, a jak mozna rozwiazac to w div? tez nie podawac?
P.s Jak podkreslic tekst linia kropkowana:)?


Tak samo (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) wywalić height (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Poczytaj o opływaniu i o używaniu list oraz tworzeniu layout'ow za pomocą float:

http://css.maxdesign.com.au/index.htm
http://www.maxdesign.com.au/presentation/page_layouts/
mniej ogranicza niż uzywanie atrybutu position.

co do underline to hmm ja bym zrobił tak:

[HTML] pobierz, plaintext 
  1. <span class="kropki">jakis tekst</span>
[HTML] pobierz, plaintext

i w style.css:
[HTML] pobierz, plaintext 
  1. .kropki {
  2.     border-bottom: dashed 1px black;
  3. }
[HTML] pobierz, plaintext


bo chyba się nie da zmienić żeby text-decoration: underline; podkreślał przerywana linią lub kropkami. Ale tego pewny nie jestem pewny trzeba by było poszukać (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował Hostis 26.07.2007, 16:48:45
Go to the top of the page
+Quote Post
wozniak
post
Post #12





Grupa: Zarejestrowani
Postów: 278
Pomógł: 0
Dołączył: 21.11.2003

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

To jeszcze jedno pytanko w Xhtml-u kazdy img musi miec alt="" (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) Jezeli tak to jak wstawiacie obrazki grafiki np. logo itp? bez opisu?
Go to the top of the page
+Quote Post
Hostis
post
Post #13





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 6.07.2007
Skąd: /home/skawina

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

Ładujesz jako tło np DIV'a (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

w htmlu:
[HTML] pobierz, plaintext 
  1. <div id="logo"></div>
  2. <div id="costam">
  3.    reszta strony
  4. </div>
[HTML] pobierz, plaintext


w style.css
[HTML] pobierz, plaintext 
  1. #logo {
  2.     width: 786px;
  3.     height: 200px;
  4.     background: black url(img/logo.jpg) no-repeat;
  5. }
[HTML] pobierz, plaintext


Do background warto dodać kolor oprócz obrazka z tego zględu że jak się nie wyświetli to żeby nie zostawała biała plama (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

A tak wogle to sobie sciągnij takie pluginy do firefox'a jak:
Firebug
webdeveloper

i sobie po podpatruj jak niektórzy rozwiązują różne rzeczy (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) np. Zen Garden to się czegoś nauczysz (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

i ważna rzecz żebyś jeszcze poczytał o standardach xhtml'a i jakie DTD do tego umieszczać bo bez nich nieraz strony w IE się sypią.

http://xhtml.b7.pl/specyf.html
http://xhtml.b7.pl/wersje.html

Ten post edytował Hostis 26.07.2007, 17:01:41
Go to the top of the page
+Quote Post
wozniak
post
Post #14





Grupa: Zarejestrowani
Postów: 278
Pomógł: 0
Dołączył: 21.11.2003

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

Ok;) Dzieki wielkie Hostis za pomoc!
Go to the top of the page
+Quote Post
Hostis
post
Post #15





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 6.07.2007
Skąd: /home/skawina

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

Nie ma problemu (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Poczytaj te wszystkie linki co ci podesłałem tam znajdziesz większość odpowiedzi na temat css'a i xhtml'a

Powodzenia (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

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