Rozmieszczanie fontello i inputow z formularzy na stronie

Question

Witam mam pytanie, nie raz sie pojawiało tu na forum lecz nigdy nie byla konkretna wypowiedz na ten temat, jesli umieszczam za pomoca

<i class="icon-gplus"></i>

Fontello, ktory umieszczam w pojemniku:
 <div class="ikongplus">
 <i class="icon-gplus"></i>
 </div>

I chce wysrodkować ten element, od razu mowie ze text-align: center; czy margin-left: auto; margin-right: auto; nie dziala prosilbym o wytlumaczenie jak to zrobic i na jakiej zasadzie to dziala.

 

I drugie pytanie odnosi sie do inputow formularzy stworzylem taki formularz:

                        <form action="#" method="get">
                        <input type="text" name="q" />
                        <input type="hidden" name="ie" value="iso-8859-2" />
                        <input type="submit" value="Szukaj" />
                        </form>                                

Dodalem go w diva i wyglada to tak:

Nie moge go w zaden moj sposob znany ustawic... Po dodaniu go do diva, probuje go wyrownac do prawej krawedzi, czy wysrodkowac, za pomoca margin-left: auto; margin-right: auto; nie działa, jedynie co to margin-left: 5px; np to przesunie go no ale jak chce o 50px w prawo przesunac to nie wypada takimi duzymi cyframi operowac, prosiłbym o pomoc. To jest taki sam problem jak z fontello prosilbym o wytlumaczenie jak za to sie równiez zabrac.

 

Comments

Wlasnie mam problem bo u mnie to nie dziala jakos:

<div class="header">
			<div class="logo">
			
				<div class="logo1">COMPUTER WORLD </div>
				
					<div class="glownylogo">
				<div class="logo2">
					<div class="ikonfb">
					<i class="icon-facebook"></i>
					</div>
					<div class="ikongplus">
					<i class="icon-gplus"></i>
					</div>
					<div class="ikonrss">
					<i class="icon-rss"></i>
					</div>
				</div>
				
				
						<div style="clear: both;"></div>
				
				<div class="logo3">							
						<form action="#" method="get">
						<input type="text" name="q" >
						<button>Szukaj</button>
						</form>
						
				</div>
				</div>
			</div>
		</div>
	

Tak wyglada html a nizej daje css:

.header
{
	
	border-bottom: 2px solid #66ccff;
	background: #333;
}
.logo
{
	height: 166px;
	color: white;		
	width: 1000px;

	margin-left: auto;
	margin-right: auto; 
	
	}
.logo1
{
	border: solid;
	padding: 40px 0;
	width: 500px;
	font-size: 48px;
	margin-left: 10px;
	float: left;
}
.glownylogo
{	
	border: solid;
	float: left;
	
	width: 470px;
	height: 166px;
}

.
.logo2
{

	margin-left: auto;
	margin-right: auto;
	float: left;
	text-align: right;
	border: solid;
	float: left;
}
.ikonfb
{	
	border: solid;
	float: left;
}
.ikongplus
{
	border: solid;
	float: left;
}
.ikonrss
{
	border: solid;
	float: left;
}

.logo3
{
float: left;

}

A zdjecie loga:

Chce zrobic tak by ikonki byly po prawej na gorze, a szukaj po prawej na dole.

Answer 1

I chce wysrodkować ten element, od razu mowie ze text-align: center; czy margin-left: auto; margin-right: auto; nie dziala

margin: auto działa, tylko ten pojemnik musi mieć ustaloną wcześniej szerokość.

---

 <form action="#" method="get"> 
    <input type="text" name="q" /> 
    <input type="hidden" name="ie" value="iso-8859-2" /> 
    <input type="submit" value="Szukaj" /> 
</form>

• Pojedynczych tagów się nie domyka "/"
• Co to za hidden input i do czego Ci to potrzebne?
• input type submit to po prostu button, <button>Szukaj<button> tyle wystarczy.