Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Div przy divie
DonMuha
post
Post #1





Grupa: Zarejestrowani
Postów: 28
Pomógł: 0
Dołączył: 24.03.2010

Ostrzeżenie: (10%)
X----

Witam mam pewien problem. Chciałbym aby button "ok" był obok pola tekstowego input. Lecz nie mogę tego zrobić. Oto screen: (IMG:http://img200.imageshack.us/img200/5900/searchbt.png) .
Css:
Kod
label {
    color: #4a1e00;
    font-size: 11px;
    line-height: 14px;
}
.input {
    background: url(images/menu/input-bg-4.png) no-repeat;
    height: 18px;
    width: 129px;
}
input {
    border: none;
    background: none;
    font: 11px/13px Arial, Helvetica, sans-serif;
    width: 121px;
}

.Button {
  height: 18px;
  width: 38px;
  cursor: pointer;
    background-image:url(images/button.png);
}
.Button:hover {
  height: 18px;
  width: 38px;
    background-image:url(images/button2.png);
    cursor: pointer;
}

.Button IMG {border: 0px;}

Kod html:
[HTML] pobierz, plaintext 
  1. 			<label>Search:</label>
  2. 			<div class="input">
  3. 				<input type="text" value="" id="name" name="username" maxlength="30" />
  4. 			</div>
  5. 				<div class="Button">
  6. 				<a href="?subtopic=search&inquiry=">
  7. 					<div class="Button:hover"><img src="<?PHP echo getLayoutName(); ?>/images/texts/ok.png" alt="" width="38" height="18" /></div></a>
  8. 			</div>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Damonsson
post
Post #2





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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

[CSS] pobierz, plaintext 
  1. .input {
  2.     background: url(images/menu/input-bg-4.png) no-repeat;
  3.     height: 18px;
  4.     width: 129px;
  5.     float: left;
  6. }
[CSS] pobierz, plaintext


Ten post edytował Damonsson 7.08.2010, 14:55:23
Go to the top of the page
+Quote Post
-mkdes-
post
Post #3





Goście
Efekt uzyskasz nadając kontenerom DIV i polom INPUT atrybut stylu: style="float: left;"
Jak chcesz żeby coś szło w jednej linii to najlepiej zamknąć inputy w jednym divie, a pola input floatować do lewej.
Aby się pozbyć floatowania używasz float: none oraz clear: both

Ten post edytował mkdes 7.08.2010, 16:45:25
Go to the top of the page
+Quote Post
DonMuha
post
Post #4





Grupa: Zarejestrowani
Postów: 28
Pomógł: 0
Dołączył: 24.03.2010

Ostrzeżenie: (10%)
X----

Dzięki.
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

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

 

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

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

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