Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][PHP]Wyśrodkowanie pola szukaj
ZenekN
post
Post #1





Grupa: Zarejestrowani
Postów: 419
Pomógł: 5
Dołączył: 7.08.2012

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

Witam jestem tu nowym często zaglądam na forum zawiera wiele cennych informacji (IMG:style_emoticons/default/smile.gif)

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

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




Pozdrawiam

Ten post edytował ZenekN 7.08.2012, 22:52:06
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 9)
d3ut3r
post
Post #2





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

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

Czyli, że co ? (IMG:style_emoticons/default/smile.gif) trochę mało informacji podałeś ... jaką frazę, w jakimi kodzie ?
Go to the top of the page
+Quote Post
--ZenekN--
post
Post #3





Goście

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 (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
djgarsi
post
Post #4





Grupa: Zarejestrowani
Postów: 459
Pomógł: 26
Dołączył: 1.06.2009

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

podstawy html i css.

html: <center></center>
css: text-align:center; lub float:center;
Go to the top of the page
+Quote Post
erix
post
Post #5





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Cytat
css: text-align:center; lub float:center;

O.o'?
Go to the top of the page
+Quote Post
d3ut3r
post
Post #6





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

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

Skoro masz taki kod jak tutaj , to powinno wyglądać jak tutaj (IMG:style_emoticons/default/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/
Go to the top of the page
+Quote Post
djgarsi
post
Post #7





Grupa: Zarejestrowani
Postów: 459
Pomógł: 26
Dołączył: 1.06.2009

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

Cytat(erix @ 8.08.2012, 10:55:55 ) *
O.o'?


Nie ma takiej właściwości float?
Go to the top of the page
+Quote Post
Shido
post
Post #8





Grupa: Zarejestrowani
Postów: 121
Pomógł: 22
Dołączył: 22.06.2012

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

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
Go to the top of the page
+Quote Post
djgarsi
post
Post #9





Grupa: Zarejestrowani
Postów: 459
Pomógł: 26
Dołączył: 1.06.2009

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

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


W takim razie przepraszam za wprowadzenie zamieszania.
Chyba margin: 0 auto; powinno pomóc, tak?
Go to the top of the page
+Quote Post
ZenekN
post
Post #10





Grupa: Zarejestrowani
Postów: 419
Pomógł: 5
Dołączył: 7.08.2012

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

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?




[PHP] pobierz, plaintext 
  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.  
[PHP] pobierz, plaintext





Pozdrawiam

Ten post edytował ZenekN 10.08.2012, 22:46:21
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

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

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