Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][PHP]Wyśrodkowanie pola szukaj
Forum PHP.pl > Forum > Przedszkole
ZenekN
Witam jestem tu nowym często zaglądam na forum zawiera wiele cennych informacji smile.gif

Mam problem mianowicie chciałbym wypośrodkować wycentrować pole wraz z przyciskiem szukaj.

Gdzie mogę znaleźć w kodzie szukaną frazę ?




Pozdrawiam
d3ut3r
Czyli, że co ? smile.gif trochę mało informacji podałeś ... jaką frazę, w jakimi kodzie ?
-ZenekN-

Witam, tak jak jest tutaj na forum w prawym górnym rogu
znajduje się pole textbox z przyiskiem szukaj.


Mam takie samo pole u siebie na stronie i chciałbym
je wypośrodkować w podobie do strony google.



Pozdrawiam smile.gif
djgarsi
podstawy html i css.

html: <center></center>
css: text-align:center; lub float:center;
erix
Cytat
css: text-align:center; lub float:center;

O.o'?
d3ut3r
Skoro masz taki kod jak tutaj , to powinno wyglądać jak tutaj smile.gif , musisz podać swój kod html / css, żeby ktoś mógł Ci pomóc. Nie używaj wynalazków typu <center> wszystko da się ostylować w CSS (ale o float:center nie słyszałem).

przykład:

http://jsfiddle.net/hFT46/
djgarsi
Cytat(erix @ 8.08.2012, 10:55:55 ) *
O.o'?


Nie ma takiej właściwości float?
Shido
Cytat(djgarsi @ 8.08.2012, 14:13:56 ) *
Nie ma takiej właściwości float?

Ne. Przedobrzyłeś.
http://www.kurshtml.edu.pl/css/float,css.html
djgarsi
Cytat(Shido @ 8.08.2012, 14:17:55 ) *


W takim razie przepraszam za wprowadzenie zamieszania.
Chyba margin: 0 auto; powinno pomóc, tak?
ZenekN
Ok dziękuję wam wszystkim ale wałkujemy temat dalej

mianowicie orientuje się ktoś gdzie w kodzie lub jaką komendę użyć zmiany położenia zdjęcia prettyPhoto np wypośrodkowanie galerii lub umieścienie fotki w dowolnym miejscu?




  1.  
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>
  7. <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8"/>
  8. <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
  9. <title>Zite 2</title>
  10. </head>
  11. <body>
  12. <div id="main">
  13. <h2>Gallery</h2>
  14. <ul class="gallery clearfix">
  15.  
  16. <li><a href="images/lovetrance.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/lovetrance.jpg" margin="0px auto" alt="" /><a/></li>
  17. <li><a href="images/lovetrance.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/lovetrance.jpg" width="30" height="30" alt="" /><a/></li>
  18. <li><a href="images/lovetrance.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/lovetrance.jpg" width="30" height="30" alt="" /><a/></li>
  19. <li><a href="images/lovetrance.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/lovetrance.jpg" width="30" height="30" alt="" /><a/></li>
  20. <li><a href="images/lovetrance.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/lovetrance.jpg" width="30" height="30" alt="" /><a/></li>
  21. <li><a href="images/lovetrance.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/lovetrance.jpg" width="30" height="30" alt="" /><a/></li>
  22. <li><a href="images/lovetrance.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/lovetrance.jpg" width="30" height="30" alt="" /><a/></li>
  23.  
  24. </ul>
  25. </div>
  26.  
  27.  
  28.  
  29. <script type="text/javascript" charset="utf-8">
  30. $(document).ready(function(){
  31. $("area[rel^='prettyPhoto']").prettyPhoto();
  32.  
  33. $(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'facebook'});
  34. $(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'fast', hideflash: true});
  35.  
  36. $("#custom_content a[rel^='prettyPhoto']:first").prettyPhoto({
  37. custom_markup: '<div id="map_canvas" style="width:260px; height:265px"></div>',
  38. changepicturecallback: function(){ initialize(); }
  39. });
  40.  
  41. $("#custom_content a[rel^='prettyPhoto']:last").prettyPhoto({
  42. custom_markup: '<div id="bsap_1259344" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div><div id="bsap_1237859" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6" style="height:260px"></div><div id="bsap_1251710" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div>',
  43. changepicturecallback: function(){ _bsap.exec(); }
  44. });
  45. });
  46. </script>
  47.  
  48. </script>
  49. </body>
  50. </html>
  51.  
  52.  





Pozdrawiam
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.