un css con problemi

**ciro78** · 20-08-2003, 10:40

codice:

/*sfondo */ 

body{background-image: url(../immagini/comuni/sfondo.jpg);background-attachment:fixed}


/*contenitore trasparente*/

.primo {
position:absolute;
background-color:#0000bb;
filter:Alpha(opacity=10, style=0);
width=500px;height=270px;
margin-left:-250px;margin-top:-150px;
top:50%;
left:50%;
border:2px solid #0000BB;

}



/*contenitore che scorre */

.sinistra{
position:absolute;
background-color:#0000bb;
filter:Alpha(opacity=10, style=0);
width=500px;height=270px;
margin-left:-250px;margin-top:-150px;
top:50%;
left:50%;
border:2px solid #0000BB;
}

come potete notare le due classi sono uguali ma,se richiamo la classe prima funziona se metto nella pagina sinistra no.....mi sapete spiegare il motivo...forse sinistra non deve essere usata?

**Shores** · 20-08-2003, 10:53

Ci dai troppo pochi elementi per giudicare, dovresti postare un link alla pagina completa.

**ciro78** · 20-08-2003, 11:13

riposto il codice della pagina anche se penavo di averlo fatto
:master:

codice:

<?xml verison="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTDxhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author"  content="Ciro" />
<meta name="description" content="I fumetti dragon ball Diaboli  è Julia e i cartoni animati Pokemon,Digimon.In piu tutto sul telefilm Buffy" />
<meta name="generator" content="Blocco note" />
<meta http-equiv="keywords" content="cartoni ppioo" />
<title>prototipo</title>
<link rel="stylesheet" type="text/css" href="script/sfondo.css" />
<Script language="javascript" SRC="../script/scroller.js">
</script>
<SCRIPT LANGUAGE="JavaScript" src="script/menu1.js">

</SCRIPT>

<SCRIPT LANGUAGE="JavaScript" src="script/menu2.js">

</SCRIPT>


<SCRIPT LANGUAGE="JavaScript" >

<!--
if (ver4) {
document.write("<SCRIPT LANGUAGE='JavaScript' SRC='script/arrays.js'></SCRIPT>");
document.write("<SCRIPT LANGUAGE='JavaScript' SRC='script/menu.js'></SCRIPT>");
}
-->
</script>
 </head>
 <body>

<div align="center" style="position:aboslute; margin-top:10%;">
[img]script/dk.gif[/img]

[img]script/julia.gif[/img]
[img]script/db.gif[/img]

[img]script/altro.gif[/img]

</div>
<div  class="primo1">
pippppo

</div>
 </body>
</html>

**Shores** · 20-08-2003, 11:18

Beh, così a occhio vedo due errori:

1)Nella prima DIV, quella del menu, hai scritto abOSlute invece che abSOlute...

2)Nella div successiva hai scritto class="primo1" invece che class="primo"

**ciro78** · 20-08-2003, 11:21

beh il menu è centarto perfettamente ora cmq correggo l'errore.

per quanto rtiguarda class="primo1" è li il problema.....nel css mi carica solo la classe chiamat primo...posso dare quanti nomi voglio

**ciro78** · 20-08-2003, 11:23

mettendo nel menu position absolute non veniva centarto quindi ho messo relative...chissà perchè....

il problema resta sempre quella classe

**Shores** · 20-08-2003, 11:53

Scusami ma non ti capisco: se nel CSS hai scritto:

.primo

nell'html DEVI scrivere

class="primo"

E non può esserci neanche un solo carattere di differenza...

E poi come "chissà perchè non veniva centrato", mi sa che hai bisogno di andarti a rileggere come funzionano i posizionamenti dei css, perchè non hai le idee molto chiare...

**ciro78** · 20-08-2003, 11:58

forse mi sono espresso male...

per quanto riguarda il menu ho provato ad inserire align="center" e poi position absolute...se faccio così non viene centrato quindi metto relative......non capisco bene il perchè funzioni così ma basta che funzioni visto che ho altri guai

il problema delle classi è questo :nel foglio di stile che vedi in alto sono definite due classi....il problema è che mi carica solo la classe che si chiama "primo"....se voglio caricare la clssae primo1(che ovviamente sarà diversa) non me la carica....

il mio intento è quello di realizzare lo sfondo trasperenta ma non i testi

**Shores** · 20-08-2003, 12:15

Come fai a dire che non te la carica, sono identiche, come riuscirai a distinguerle...

Comunque, questo significa che non hai postato un esempio sensato: nel css che hai postato ci sono due classi, primo e sinistra, e nell'html che hai postato richiami una classe che non esiste, primo1, poi ti lamenti che non la applica...

Postaci un esempio sensato dell'errore, e riusciremo ad aiutarti!

Un'altra prova che puoi fare è quella di rimuovere tutti gli attributi CSS non standard come filter alpha, e correggere questo bruttissimo errore che non avevo visto prima:

width=500px;height=270px;

NO!!!

width:500px; height:270px;

Errore che hai messo in tutte e due le regole CSS.

Ciao!

**ciro78** · 20-08-2003, 12:26

effettivamente non avevo notato gli errori
corregendoli risolvo parte del problòema...il testo infatti è sempre trasparente come posso fare?

questo è il codice completo

codice:

*contenitore trasparente*/

.primo {
position:absolute;
background-color:#0000bb;
filter:Alpha(opacity=10, style=0);
width:500px;height:270px;
margin-left:-250px;margin-top:-150px;
top:50%;
left:50%;
border:2px solid #0000BB;

}





/*contenitore che scorre */

.contenitore {

position:relative;width:500;height:200px;
top:0; left:0;

font-weight: bold;
font-size:40px;
font-color:#0000bb;
}

Discussione: un css con problemi

Strumenti discussione

Ricerca discussione

Visualizza

un css con problemi

Permessi di invio