Domanda da neofita: 2 span dentro un div float... css non mi ascolta

**king.simon** · 04-04-2010, 03:01

Ciao, vi spiego al volo il mio problema, ho 2 div flottanti uno vicino all'altro, content ed extra con relativo css:

codice:

div#content{     float: left;     width: 77%;    
 margin-bottom: 3%;     border : 1px solid Black;     
padding: 1%;     }  
div#extra{     float: right;     width: 17%;     
margin-left: 1%;     margin-bottom: 3%; 
padding: 1%;     border : 1px solid Black;

Nel div content ho bisogno di 2 box affiancati, uno per il login ed uno per delle info, quindi scrivo:

codice:

<div id="content"> 
<span class="login">[img]icon/clientic.jpg[/img] </span>
<span class="infob">[img]icon/homeic.jpg[/img]</span> 
</div>

e poi nel css:

codice:

.login{  float: left;     width: 42%;     margin-left: 4%;   border : 1px solid Black;     } 	
.infob{     float: right;     width: 42%;     margin-right: 4%;     border : 1px solid Black;}

Ebbene, lo stile css viene applicato solo al secondo span del css, "infob", il primo viene ignorato. Per curiosità li ho invertiti nel css e succede la stessa cosa, ignora il primo e va il secondo...

Dove sbaglio?

Grazie

**miki003** · 04-04-2010, 15:38

Gli span non hanno bisogno di float per affiancarsi

**king.simon** · 04-04-2010, 16:49

Grazie miki, hai ragione, ma anche togliendo il discorso float ho lo stesso problema.

Con questo css:

codice:

.login{       	border : 1px solid Black; 	color: cyan; 	} 	 
.infob{     border : 1px solid Black;     color: red;     }

solo "infob" risulta bordato e col carattere rosso... login resta carattere nero e senza bordo e non riesco a spiegarmi il perchè!

Sai aiutarmi? Grazie

**aleritty** · 04-04-2010, 16:55

Prova a dargli una dimensione (per il bordo) in qualsiasi maniera, anche percentuale!

**miki003** · 04-04-2010, 17:07

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
#content .login{ border: #000 1px solid; color: #0FF;} 	 
#content .infob{ border: 1px solid #000; color: #F00;}
</style>
</head>

<body>
<div id="content"> 
<span class="login">[img]icon/clientic.jpg[/img] </span>
<span class="infob">[img]icon/homeic.jpg[/img]</span> 
</div>
</body>
</html>

Discussione: Domanda da neofita: 2 span dentro un div float... css non mi ascolta

Strumenti discussione

Ricerca discussione

Visualizza

Domanda da neofita: 2 span dentro un div float... css non mi ascolta

Permessi di invio