Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Div przy divie
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
DonMuha
Witam mam pewien problem. Chciałbym aby button "ok" był obok pola tekstowego input. Lecz nie mogę tego zrobić. Oto screen: .
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:
  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>
Damonsson
  1. .input {
  2. background: url(images/menu/input-bg-4.png) no-repeat;
  3. height: 18px;
  4. width: 129px;
  5. float: left;
  6. }
mkdes
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
DonMuha
Dzięki.
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.