Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Pozycjonowanie - błąd
Wolfie
post
Post #1





Grupa: Zarejestrowani
Postów: 686
Pomógł: 0
Dołączył: 10.11.2008
Skąd: Łódź

Ostrzeżenie: (20%)
X----

Witam, napisalem sobie stronke z menu poziomym, pod nim znajduje sie formularz do wypelnienia.....niestety cos jest nie tak, poniewaz formularz wyswietla sie po lewej stronie menu zamias pod nim

Oto plik html:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>Dodaj zdjecie</title>
  4. <link rel="Stylesheet" type="text/css" href="css/style.css" />
  5. </head>
  6. <body>
  7.     <?php require("header.html"); ?>
  8.     <form name="form1" method="post" action="check_image.php" enctype="multipart/form-data">
  9.     <div class="form">
  10.         <label class="form">Tytuł obrazka:</label>
  11.         <input name="image_caption" type="text" id="item_caption" size="55" maxlength="255">
  12.         <em>Przykład: Do mnie mówisz?</em>
  13.     </div>
  14.     <div class="form">
  15.         <label class="form">Nazwa użytkownika</label>
  16.         <input name="image_username" type="text" id="imege_username" size="15" maxlength="255">
  17.     </div>
  18.     <div class="form">
  19.         <label class="form">Umieszczany obraz:</label>
  20.         <input name="image_filename" type="file" id="image_filename">
  21.     </div>
  22.     <div class="form">
  23.         <em>Przyjmowane są obrazy w formatach: GIF, JPG/JPEG i PNG.</em>
  24.     </div>
  25.     <div class="form">
  26.         <input type="submit" name="Submit" value="Wyślij">
  27.         <input type="reset" name="Submit2" value="Wyczyść">
  28.     </div>
  29. </form>
  30. </body>
  31. </html>
[HTML] pobierz, plaintext


A tutaj plik css :
[HTML] pobierz, plaintext 
  1. BODY {
  2.         background-color:#6495ED;
  3.         margin:0px;
  4. }
  5.  
  6. div.menu {
  7.         position:absolute;
  8.         left:50%;
  9.         margin-left:-325px;
  10. } 
  11.  
  12. label .form{    
  13.         display:block;
  14.         float:left;
  15.         width:150px;
  16.         height:40px;
  17.         padding-right:10px;
  18.         text-align:left;
  19. }
  20.  
  21. div.form {
  22.         clear: left;
  23.         text-align: left;
  24. }
  25.  
  26. ul, ul li {
  27.         display:block;
  28.         list-style:none;
  29.         margin:0;
  30.         padding:0;
  31. }
  32.  
  33. ul li {
  34.         float:left;
  35. }
  36.  
  37. ul a:link, ul a:visited {
  38.         text-decoration:none;
  39.         display:block;
  40.         width:150px;
  41.         text-align:center;
  42.         background-color:#6495ED;
  43.         color:#000;
  44.         border:2px outset #008B8B;
  45.         padding:5px;
  46. }
  47.  
  48. ul a:hover {
  49.         border-style:inset;
  50.         padding:7px 3px 3px 7px;
  51. }
[HTML] pobierz, plaintext


No i cos jest nie tak z pozycjonowaniem elementow...moze ktos podpowiedziec jak to poprawic ?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Wolfie
post
Post #2





Grupa: Zarejestrowani
Postów: 686
Pomógł: 0
Dołączył: 10.11.2008
Skąd: Łódź

Ostrzeżenie: (20%)
X----

A nie lepiej zamknac caly formularz w jeszcze jednego div-a i ustawic tego diva posrodku strony i dac mu padding-top zeby nie nakladal sie na menu ? Czy to bedzie dobre rozwiazanie i poprawnie bedzie sie wyswietlac w innych rozdzielczosciach ? (szczegolnie chodzi mi o wyzsze bo mam mala rozdzielczosc w lapku i nie moge sprawdzic.. )


I jeszcze jedno pytanie:
Czy div i label moga miec taka sama nazwe klasy class="form", pytam bo majac css label.form {} niestety nie chce sie pozycjonowac nie mam pojecia dlaczego , czyzby to kolidujace nazwy klas ?

I niestety w firebugu nie widac tej czesci css:
[PHP] pobierz, plaintext 
  1. <?php
  2. label .form{    
  3.         display:block;
  4.         float:left;
  5.         width:150px;
  6.         height:40px;
  7.         padding-right:10px;
  8.         text-align:left;
  9. }
  10. ?>
[PHP] pobierz, plaintext


Czyli jednym slowem nie dziala ten kod , a po sprawdzeniu go w osobnym skrypcie wszystko dziala....

Poprawka...dziala wtedy gdy usune .form, czy label moze miec klase ?

Ten post edytował Wolfie 16.04.2009, 15:55:51
Go to the top of the page
+Quote Post

Posty w temacie
- Wolfie   [HTML][CSS]Pozycjonowanie - błąd   11.04.2009, 16:07:34
- - vonEverest   Ustaw margin-left, margin-right oraz margin-top i ...   11.04.2009, 16:55:43
- - kantek   Proszę rozwiązanie do twojego przyk...   11.04.2009, 21:12:26
- - Wolfie   moze podrzuce plik html wraz z meniu bez funkcji r...   14.04.2009, 21:23:53
- - kantek   Proszę. Zacznę od uwag potem kod: 1) ob...   14.04.2009, 23:34:09
- - Wolfie   A nie lepiej zamknac caly formularz w jeszcze jedn...   16.04.2009, 15:43:48
- - erix   Może mieć, ale spacja między dwiema frazami w sele...   16.04.2009, 16:06:31
- - Wolfie   Niestety, bez spacji tez nie dziala , jedyny dzial...   16.04.2009, 16:23:33
- - kantek   Wiatm. może chodzi Ci o to: 1. css: label.f...   16.04.2009, 20:57:31
- - Wolfie   Chodzi mi o to, ze mamy czesc kodu : [PHP] pobier...   17.04.2009, 11:35:54
- - kantek   A sprawdzałeś na innej nazwie classy, bo...   18.04.2009, 17:54:35
- - Wolfie   Wystawiam pomogl za ogolna pomoc Dzieki !   21.04.2009, 15:34:06

« 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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