[CSS] Jak umieścić 2 DIV-y w jednej linijce ? Opcje

[KrissLhasa]

Witam mam poważny problem w którym tkwie już kilka godzin.
Mianowicie zastanawiam sie jak umieścić 2 div-y w jednej linijce?

Sprawa wygląda tak:


KOD STRONY:
<div class="img_title">
<a href="audio.php?'.$img['id'].'"><font color="'.$color.'">'.$img['title'].'</font></a>

<div class="ocena"><p align="right"><font color="6e6e6e">Ocena:<a href="" class="vote" id="'.$img['id'].'" name="up">'.$img['ocena'].'</a>
<img src="img/up.png" width="13px" height="13px"></font></p>

</div>
</div>

CSS:

.img_title {
width:600px;
text-align:left;
}
.img_title a {
font-size:11px;

text-transform: uppercase;
font-weight:bold;
}



.ocena {
width:100px;
text-align:right;
}


Jest 700px na 2 divy więc miejsca jest.
Można zobaczyć na stronie www.music-network.pl (chodzi o ocene i tytuł )

Dzięki za odp !


Ten post edytował KrissLhasa 17.03.2012, 22:18:15

[maviozo]

Wsadziłeś jeden DIV do drugiego, trochę nie bardzo da się je umieścić obok siebie..
W stylach możesz dodać:

Kod

div {float:left;}

i wtedy jeżeli będą mieć wystarczająco dużo miejsca obok siebie, to będą.

[Jdwind]

float:left i ustawienie width dla każego diva.

[KrissLhasa]

Div w Divie to efekt mojego kombinowania .

Ale mi sie coś panowie pokiełbasiło chodzi o takie coś?

.img_title {
width:600px;
text-align:left;
float:left;
}
.img_title a {
font-size:11px;

text-transform: uppercase;
font-weight:bold;
}



.ocena {
width:100px;
text-align:right;
float:right;



Bo nie bardzo rozumiem ?
}

[maviozo]

Tak też może być, chociaż obu możesz dać float:left i określić szerokość.

[KrissLhasa]

No ale i tak jest "KASZANA" :/

jak dodałem 2x fload;left to mam takie cos :
http://music-network.pl

@EDIT

Ku**a już nawet pomysłów niemam jak to zrobić nawet <nobr>...</nobr> już próbowałem i nic -.-

Ma ktoś jakiś pomysł ?

Ten post edytował KrissLhasa 17.03.2012, 22:40:06

[prowseed]

[CSS] pobierz, plaintext 
display: inline-block;
[CSS] pobierz, plaintext 

dla obu elementow.

//EDIT
nobr? ejj, mamy 2012 rok : )

//EDIT2
I bez floatow. W ogole strasznie namieszales w tym css'ie, nie chce mi sie tego badac, na dodatek duzo smieci w html niepotrzebnych, chociazby wszechobecny znacznik font! Anyway, tak dziala: http://upload.maciejkwas.pl/plik4/2-niemampomyslunatytul.jpg

Ten post edytował prowseed 17.03.2012, 23:05:18

[KrissLhasa]

Dzięki kolego o to mi właśnie chodziło teraz zapamiętam

BTW: nobr
Wiem no ale już nawet tak kombinowałem

[Bureau]

Div w divie to nic złego
Ogólnie sam używam floatowania i jest ok.
Tylko trzeba uważać na marginesy.

Polecam nauczyć sie stosowania 960 Grid System.

P.S. fajna strona -szkoda ze nie całkowicie poświęcona HH, bo bym aplikował na redaktora

Ten post edytował Bureau 18.03.2012, 15:23:45