Un <div> che dovrebbe restare sulla stessa linea..

[*#Funeral_Fog#*]

Salve a tutti..

vorrei far restare due div,sulla stessa linea..

il codice:



<div id="guit">

.:Jaguar

</div>

<div id="guit2">

.:Stratocaster

</div>

il css questo:

#guit, #guit2
{
width: 150px;
text-align: center;
-moz-border-radius: 10%;
border: 1px solid #00D766;
padding: 10px;
}


io però voglio che i due div stiano sulla stessa linea..che non vadano a capo!
come faccio?

[Vincent.Zeno]

devono stare all'interno di un'altro div,
poi, al primo, dai {float : left;}

[*#Funeral_Fog#*]

Originariamente inviato da Vincent.Zeno
devono stare all'interno di un'altro div,
poi, al primo, dai {float : left;}

Non và mika!oO
ho provato così:

#guit
{
width: 150px;
text-align: center;
-moz-border-radius: 10%;
border: 1px solid #00D766;
padding: 10px;
float: right;
}

#guit2
{
width: 150px;
text-align: center;
-moz-border-radius: 10%;
border: 1px solid #00D766;
padding: 10px;
}

ma apparte ke mi inverte l'ordine delle immagini(vabbè volendo ci vuole poko x risolvere)
non penso che mi serva dato ke ho messo 2 <div> solo per provare..in realta i div(che avranno anche un'immagine al loro interno)saranno 3-4 per riga..
devo per forza usare una tabella?

[*#Funeral_Fog#*]

Ops,ho risolto tutto..ho assegnato a ogni div il float: left!
..trovato in un vekkio post..
(lo sò lo sò,io ho cercato ma non sn riuscito a trovare niente!..il post l'ho trovato scorrendo x le pagine!)

[Vincent.Zeno]

No, aspetta....

#guit
{
width: 150px;
text-align: center;
-moz-border-radius: 10%;
border: 1px solid #00D766;
padding: 10px;
float: left;
}

#guit2
{
width: 150px;
text-align: center;
-moz-border-radius: 10%;
border: 1px solid #00D766;
padding: 10px;
}


<div id="container">

<div id="guit">
.:Jaguar
</div>

<div id="guit2">
.:Stratocaster
</div>

</div>

se non ho sbagliato qualcosa....
( che cos'è -moz-border-radius ? )

[*#Funeral_Fog#*]

..non andava,il div successivo era sempre sotto,non affianco!cmq ora ho risolto..
-moz-border-radius: serve per arrotondare l'angolo del border,senza usare immagini..
c'è qualcosa anke su pro.html mi pare..
(NON pensare ke io sia un esperto di css solo xke uso questo auauhauh)

[Vincent.Zeno]

eppure funziona.......
ho scritto alla cazzo ma il concetto tiene.... provalo

<div id="guit" style= "width: 150px; 
text-align: center; 
-moz-border-radius: 10%; 
border: 1px solid #00D766; 
padding: 10px; 
float: left;" > 
.:Jaguar 
</div> 

<div id="guit2" style="width: 150px; 
text-align: center; 
-moz-border-radius: 10%; 
border: 1px solid #00D766; 
padding: 10px;" > 
.:Stratocaster 
</div>

[*#Funeral_Fog#*]

Salve!
adesso avrei un altro problemino..
in un'altra pagina,ridimensionando la finestra,tutti gli elementi vanno a capo creando casini..come potrei rimediare?

[salasir]

Originariamente inviato da Vincent.Zeno
( che cos'è -moz-border-radius ? )

Se non ricordo male serve ad arrotondare gli angoli, ma solo in FF

Originariamente inviato da *#Funeral_Fog#*
Salve!
adesso avrei un altro problemino..
in un'altra pagina,ridimensionando la finestra,tutti gli elementi vanno a capo creando casini..come potrei rimediare?

Dipende da quello che vuoi fare. Potresti dargli una larghezza in % così si dimensionano automaticamente (fino ad un certo punto ovviamente).

[*#Funeral_Fog#*]

Allora allego un'immagine..(ke è moltiSsimamente grezZa quindi non mi aggredite )
..ho provato impostando min-width: 640px nel body,ma ridimensionando và comunque tutto a capo ovviamente..io vorrei che ridimensionando massimo a 640 x 480,si vedesse la barra del menù centrata nella finestra..
diminuendo ulteriormente quindi,vorrei ke apparisse lo scroll orizzontale!(un pò come succede a questo sito!)..
l'immagine mostra come dovrebbe essere il tutto a 1024 x 768..
spero di essermi spiegato bene!(sono un pò contorto lo sò :look:

Grazie a tutti x eventuali risposte!