Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Jak umieścić 2 DIV-y w jednej linijce ?
Forum PHP.pl > Forum > Przedszkole
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 !
dry.gif
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ł ?
prowseed
  1. display: inline-block;
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
KrissLhasa
Dzięki kolego o to mi właśnie chodziło teraz zapamiętam biggrin.gif

BTW: nobr
Wiem no ale już nawet tak kombinowałem biggrin.gif
Bureau
Div w divie to nic złego tongue.gif
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 biggrin.gif
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.