Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Problem z pozycją
Forum PHP.pl > Forum > Przedszkole
Poganin.
28.04.2011, 18:20:18
Witam, mam taki problem, a mianowicie.

Co mam zrobić jeżeli chcę aby tekst wyśrodkowany który ma się wyświetlać obok tekstu wyrównanego do lewej był na tym samym poziomie?

To znaczy, zamiast tego :


PrzykładPrzykładPrzykład
PrzykładPrzykładPrzykład
PrzykładPrzykładPrzykład
PrzykładPrzykładPrzykład
PrzykładPrzykładPrzykład
PrzykładPrzykładPrzykład
PrzykładPrzykładPrzykład
PrzykładPrzykładPrzykład

To takie:

PrzykładPrzykładPrzykład PrzykładPrzykładPrzykład
PrzykładPrzykładPrzykład PrzykładPrzykładPrzykład
PrzykładPrzykładPrzykład PrzykładPrzykładPrzykład
PrzykładPrzykładPrzykład PrzykładPrzykładPrzykład

Pozdrawiam

Poganin.
28.04.2011, 18:23:23
Sory, ale nie mogę edytować posta. Miało być tak:


[HTML] pobierz, plaintext 
  1. PrzykładPrzykładPrzykład
  2. PrzykładPrzykładPrzykład
  3. PrzykładPrzykładPrzykład
  4. PrzykładPrzykładPrzykład
  5.                                         PrzykładPrzykładPrzykład
  6.                                         PrzykładPrzykładPrzykład
  7.                                         PrzykładPrzykładPrzykład
  8.                                         PrzykładPrzykładPrzykład
  9.  
  10. Na takie:
  11.  
  12.  
  13. PrzykładPrzykładPrzykład   PrzykładPrzykładPrzykład
  14. PrzykładPrzykładPrzykład   PrzykładPrzykładPrzykład
  15. PrzykładPrzykładPrzykład   PrzykładPrzykładPrzykład
[HTML] pobierz, plaintext
hieroshima
28.04.2011, 19:14:51
jak masz to w 2 kolumnach to dla tej co ma być obok pierwszej dajesz w stylach float: left;
Poganin.
28.04.2011, 19:33:37
To znaczy jakich kolumnach? frameset, czy table, czy div'ach?
hieroshima
28.04.2011, 19:38:14
no mam nadzieje, że stronę robisz na divach. <div id="tekst_lewy"> </div> <div id="tekst_prawy"> </div> w cssie #tekst_prawy {float: left;}
Poganin.
28.04.2011, 19:49:37
Nadal nie wychodzi, tutaj index i css, tylko nie bić bo laikiem jestem.

Index:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <link rel="stylesheet" type="text/css" href="style/style.css" />
  4. <title>Czesci rowerowe Bartka</title>
  5. </head> 
  6. <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
  7. <body bgcolor="black">
  8. <center>
  9. <font face="arial" color="blue" size="10"">BARTEK</font>
  10. <br />
  11. <font face="arial" color="blue" size="6">Czesci rowerowe</font>
  12. </center>
  13. <div align="left" id="0">
  14. <form action="zliczanie.php" method="post">
  15. <table width="30%" bgcolor="grey" border="1" bordercolor="blue">
  16. <tr>
  17. <td>Czesci</td> <td>Cena</td> <td>Ilosc</td>
  18. </tr>
  19. <tr>
  20. <td>Rama</td> <td>1500 PLN</td> <td><input type="text" name="rama" size="3"></td>
  21. </tr>
  22. <tr>
  23. <td>Siodelko</td> <td>150 PLN</td> <td><input type="text" name="siodelko" size="3"></td>
  24. </tr>
  25. <tr>
  26. <td>Kierownica</td> <td>250 PLN</td> <td><input type="text" name="kierownica" size="3"></td>
  27. </tr>
  28. <tr>
  29. <td>Obrecz</td> <td>200 PLN</td> <td><input type="text" name="obrecz" size="3"></td>
  30. </tr>
  31. <td>Detka</td> <td>5 PLN</td> <td><input type="text" name="detka" size="3"></td>
  32. </tr>
  33. <tr>
  34. <td>Szprychy</td> <td>0.50/szt.</td> <td><input type="text" name="szprychy" size="3"></td>
  35. </tr>
  36. <tr>
  37. <td>Opona</td> <td>20 PLN</td> <td><input type="text" name="opona" size="3"></td>
  38. </tr>
  39. <tr>
  40. <td>Widly</td> <td>200 PLN</td> <td><input type="text" name="widly" size="3"></td>
  41. </tr>
  42. <tr>
  43. <td>Mostek</td> <td>250 PLN</td> <td><input type="text" name="mostek" size="3"></td>
  44. </tr>
  45. <tr>
  46. <td>Support</td> <td>150 PLN</td> <td><input type="text" name="support" size="3"></td>
  47. </tr>
  48. <tr>
  49. <td>Pedaly</td> <td>70 PLN</td> <td><input type="text" name="pedaly" size="3"></td>
  50. </tr>
  51. <tr>
  52. <td>Piasta</td> <td>170 PLN</td> <td><input type="text" name="piasta" size="3"></td>
  53. </tr>
  54. <tr>
  55. <td>Lancuch</td> <td>50 PLN</td> <td><input type="text" name="lancuch" size="3"></td>
  56. </tr>
  57. <tr>
  58. <td>Sprocket</td> <td>190 PLN</td> <td><input type="text" name="sprocket" size="3"></td>
  59. </tr>
  60. </table>
  61. <br />
  62. <br />
  63. <br />
  64. <input type="submit" value="Zloz zamowienie">
  65. </form>
  66. </div>
  67. <div id="1" align="center">
  68. <font color="red">lololollloloolol</font>
  69. </div>
  70. </body>
  71. </html>
[HTML] pobierz, plaintext


CSS:
[HTML] pobierz, plaintext 
  1. body {
  2. font-family: arial;
  3. }
  4. td {
  5. text-align: center;
  6. text-color: blue;
  7. }
  8. tr {
  9. background-color: darkgrey;
  10. }
  11. #1 {
  12. float: left;
  13. }
[HTML] pobierz, plaintext
Ulysess
28.04.2011, 19:57:18
:|

zrób DIV i daj style="float: left;"
dalej zrób 2 tabelki które będą obok siebie
i na dole zamknij DIVa
hieroshima
28.04.2011, 20:06:16
no łatwiej Ci nie mogę już podpowiedzieć, gotowe rozwiązanie podałem Ci 2 posty wyżej, a za Ciebie tego nie mogę zrobić bo to nie dydaktyczne i nie konstruktywne smile.gif
Poganin.
28.04.2011, 21:22:11
Dobra, poradziłem sobie z tymi div'ami tongue.gif

Tylko teraz siępojawił nowy problem, a mianowicie mam tabele z divie, który jest wyrównany do lewej i ma szerokość 30%, lecz jakich bym rozmiarów dla tabeli nie ustawił ona zawsze robi się taka mała żeby tylko zmieścić naniesiony na nią tekst :/

Kawałek kodu:
[HTML] pobierz, plaintext 
  1. <div align="left" style="width:25%;">
  2. <center>
  3. <form action="zliczanie.php" method="post">
  4. <table width="30%" bgcolor="grey" border="1" bordercolor="blue">
  5. <tr>
  6. <td>Czesci</td> <td>Cena</td> <td>Ilosc</td>
  7. </tr>
  8. <tr>
  9. <td>Rama</td> <td>1500 PLN</td> <td><input type="text" name="rama" size="3"></td>
  10. </tr>
  11. <tr>
  12. <td>Siodelko</td> <td>150 PLN</td> <td><input type="text" name="siodelko" size="3"></td>
  13. </tr>
  14. <tr>
  15. <td>Kierownica</td> <td>250 PLN</td> <td><input type="text" name="kierownica" size="3"></td>
  16. </tr>
  17. <tr>
  18. <td>Obrecz</td> <td>200 PLN</td> <td><input type="text" name="obrecz" size="3"></td>
  19. </tr>
  20. <td>Detka</td> <td>5 PLN</td> <td><input type="text" name="detka" size="3"></td>
  21. </tr>
  22. <tr>
  23. <td>Szprychy</td> <td>0.50/szt.</td> <td><input type="text" name="szprychy" size="3"></td>
  24. </tr>
  25. <tr>
  26. <td>Opona</td> <td>20 PLN</td> <td><input type="text" name="opona" size="3"></td>
  27. </tr>
  28. <tr>
  29. <td>Widly</td> <td>200 PLN</td> <td><input type="text" name="widly" size="3"></td>
  30. </tr>
  31. <tr>
  32. <td>Mostek</td> <td>250 PLN</td> <td><input type="text" name="mostek" size="3"></td>
  33. </tr>
  34. <tr>
  35. <td>Support</td> <td>150 PLN</td> <td><input type="text" name="support" size="3"></td>
  36. </tr>
  37. <tr>
  38. <td>Pedaly</td> <td>70 PLN</td> <td><input type="text" name="pedaly" size="3"></td>
  39. </tr>
  40. <tr>
  41. <td>Piasta</td> <td>170 PLN</td> <td><input type="text" name="piasta" size="3"></td>
  42. </tr>
  43. <tr>
  44. <td>Lancuch</td> <td>50 PLN</td> <td><input type="text" name="lancuch" size="3"></td>
  45. </tr>
  46. <tr>
  47. <td>Sprocket</td> <td>190 PLN</td> <td><input type="text" name="sprocket" size="3"></td>
  48. </tr>
  49. </table>
  50. <br />
  51. <br />
  52. <br />
  53. <input type="submit" value="Zloz zamowienie">
  54. </form>
  55. </center>
  56. </div>
[HTML] pobierz, plaintext
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.