Forum PHP.pl > [HTML][PHP]Wyśrodkowanie pola szukaj

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][PHP]Wyśrodkowanie pola szukaj

ZenekN

7.08.2012, 22:48:39

Witam jestem tu nowym często zaglądam na forum zawiera wiele cennych informacji

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

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

Pozdrawiam

d3ut3r

8.08.2012, 00:51:59

Czyli, że co ?

trochę mało informacji podałeś ... jaką frazę, w jakimi kodzie ?

-ZenekN-

8.08.2012, 06:37:51

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

djgarsi

8.08.2012, 09:19:23

podstawy html i css.

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

erix

8.08.2012, 09:55:55

Cytat

css: text-align:center; lub float:center;

O.o'?

d3ut3r

8.08.2012, 11:06:49

Skoro masz taki kod jak tutaj , to powinno wyglądać jak tutaj

, 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

8.08.2012, 13:13:56

Cytat(erix @ 8.08.2012, 10:55:55 )

O.o'?

Nie ma takiej właściwości float?

Shido

8.08.2012, 13:17:55

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

8.08.2012, 13:40:41

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?

ZenekN

10.08.2012, 22:41:34

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 
 
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>
        <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8"/>
        <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
        <title>Zite 2</title>
    </head>
    <body>
        <div id="main">
            	<h2>Gallery</h2>
        <ul class="gallery clearfix">
 
<li><a href="images/lovetrance.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/lovetrance.jpg" margin="0px auto" alt="" /><a/></li>
<li><a href="images/lovetrance.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/lovetrance.jpg" width="30" height="30" alt="" /><a/></li>
<li><a href="images/lovetrance.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/lovetrance.jpg" width="30" height="30" alt="" /><a/></li>
<li><a href="images/lovetrance.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/lovetrance.jpg" width="30" height="30" alt="" /><a/></li>
<li><a href="images/lovetrance.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/lovetrance.jpg" width="30" height="30" alt="" /><a/></li>
<li><a href="images/lovetrance.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/lovetrance.jpg" width="30" height="30" alt="" /><a/></li>
<li><a href="images/lovetrance.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/lovetrance.jpg" width="30" height="30" alt="" /><a/></li>
 
</ul>
        </div>
 
 
 
			<script type="text/javascript" charset="utf-8">
			$(document).ready(function(){
				$("area[rel^='prettyPhoto']").prettyPhoto();
 
				$(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'facebook'});
				$(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'fast', hideflash: true});
 
				$("#custom_content a[rel^='prettyPhoto']:first").prettyPhoto({
					custom_markup: '<div id="map_canvas" style="width:260px; height:265px"></div>',
					changepicturecallback: function(){ initialize(); }
				});
 
				$("#custom_content a[rel^='prettyPhoto']:last").prettyPhoto({
					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>',
					changepicturecallback: function(){ _bsap.exec(); }
				});
			});
			</script>
 
        </script>
    </body>
</html>
 
 
[PHP] pobierz, plaintext

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.