Forum PHP.pl > [CSS]Ramka z tekstem w ramce <div>...

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS]Ramka z tekstem w ramce <div>...

Forum PHP.pl > Forum > Przedszkole

_Martin_

12.02.2009, 17:42:24

Witam

Mam mały problemik chciałem wykonać takie coś...

A Wychodzi mi to:

Wszystko na divach

[HTML] pobierz, plaintext 
<div class="picker-medium" style="float: left;">
		<div class="picker-head"></div>
		<div class="picker-text">
 
		<div class="id9">&nbsp;&nbsp;<font color="6d9a0b" size="2"><b>Dywizja:</b></font></span></span><span class="prawa"><input name="liga" value="CosTam"></span></div>
		<br><br>
		<div><span class="lewa">&nbsp;&nbsp;<font color="6d9a0b" size="2"><b>Liga:</b></font></span></span><span class="prawa"><input name="liga" value="CosTam"></span></div>
		<br><br>
		<div><span class="lewa">&nbsp;&nbsp;<font color="6d9a0b" size="2"><b>Sezon:</b></font></span></span><span class="prawa"><input name="liga" value="CosTam"></span></div>
 
 
		</div>
	    <div class="picker-bottom"></div>
	    <div class="sep"></div></div>
[HTML] pobierz, plaintext

Chodzi o to że jak widać na 2 obrazki text divizja jest w prawym górnym rogu a input w prawym dolnym a chciałem zeby było wszystko wyśrodkowane tzn Text był na środku po prawej a input po lewej

CSS do diva id9:

[HTML] pobierz, plaintext 
div.id9 { 
width: 39.00%;
height: 5.67%; 
position: absolute;
background: #f4f4f4;
border: 1 solid #ffffff;
 
}
[HTML] pobierz, plaintext

isso

12.02.2009, 17:46:27

hmm zaraz to zobaczę, ale tak na marginesie - to chyba <font> został wycofany ;o?

_Martin_

12.02.2009, 17:48:36

Zmieniłem trochę to i wyszło tak:

[HTML] pobierz, plaintext 
div.id9 { 
width: 100.00%;
background: #f4f4f4;
border: 1 solid #ffffff;
 
}
[HTML] pobierz, plaintext

[HTML] pobierz, plaintext 
<div class="id9">&nbsp;&nbsp;<font color="6d9a0b" size="2"><b>Dywizja:</b></font></span></span><span class="prawa"><input name="liga" value="CosTam"></span></div>
 
		<div class="id9"><span class="lewa">&nbsp;&nbsp;<font color="6d9a0b" size="2"><b>Liga:</b></font></span></span><span class="prawa"><input name="liga" value="CosTam"></span></div>
 
		<div class="id9"><span class="lewa">&nbsp;&nbsp;<font color="6d9a0b" size="2"><b>Sezon:</b></font></span></span><span class="prawa"><input name="liga" value="CosTam"></span></div>
[HTML] pobierz, plaintext

Co do font jasne ale ja tak tylko próbnie na locahoscie robie tak że

wiesz Chodzi teraz o ten 1 div gdzie się rozwala a pozostałe idą fajnie

piotrooo89

13.02.2009, 08:13:01

nie wiem czemu tu:

[HTML] pobierz, plaintext 
<div class="id9">&nbsp;&nbsp;<font color="6d9a0b" size="2">
[HTML] pobierz, plaintext

nie masz nadanego tego

[HTML] pobierz, plaintext 
<span class="lewa">
[HTML] pobierz, plaintext

tak jak w pozostałych.

isso

13.02.2009, 08:13:13

wyrzuć te spany i zrób na divach

drzalek

13.02.2009, 11:57:22

Proponuje zostawić te divy co są, span'y i font'y zastąpić <p> i odpowiednio ustawić te <p> w stylach tzn. marginesy, float'owanie, color, pogrubienie. Dodatkowo możesz też ustawić właściwości input'ów w stylach, będzie wtedy łatwiej je zmienić, tym bardziej, że są takie same.

Spawnm

13.02.2009, 12:56:35

a daj najzwyklej:

[HTML] pobierz, plaintext 
<div class='box'>
  <div class='name'>liga</div>
  <input type='text' name='name'>
</div>
[HTML] pobierz, plaintext

i css:

[HTML] pobierz, plaintext 
div.name {
 width: 200px;
 float:left
}
div.box {
 width:300px;
 height:30px
}
[HTML] pobierz, plaintext

i powiedz czy działa

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.