Salve, dell'argomento css nn ci capisco molto, anzi poco quanto niente...
Mi sto cimentando in questi giorni ad informarmi un pò di più.
In particolare sto cercando di capire come effettuare gli angoli tondi, ...
A tal proposito vorrei chiedere qualcosa in più a voi MOLTO più esperti di me.
1) il codice css deve essere scritto in un file apparte (salvandolo con estensione .css) includendo il file nella pagina specifica, oppure di deve inserire direttamente nella pagina???
Ho preso in riferimento questa guida http://css.flepstudio.org/css-tutorials/angoli-arrotondati.html]Ho preso in riferimento questa guida http://css.flepstudio.org/css-tutorials/angoli-arrotondati.html[/URL]
errori non me ne escono, ma nn mi appaiono gli angoli, voi cosa dite che possa essere???
vedi qui
codice css
codice:
#contenitore{
/*la larghezza del riquadro - non obbligatorio*/
width:300px;
}
/*stile css comune per tutti gli angoli*/
.css_angoli{
/*l’immagine di sfondo*/
background:url(angoli_arrotondati.png) no-repeat;
/*l’altezza - la metà dell’immagine di sfondo*/
height:25px;
}
#angolo_superiore_sinistra{
/*immagine di sfondo posizionata in alto a sinistra*/
background-position:top left;
}
#angolo_superiore_destra{
/*immagine di sfondo posizionata in alto a destra*/
background-position:top right;
}
#angolo_inferiore_sinistra{
/*immagine di sfondo posizionata in basso a sinistra*/
background-position:bottom left;
}
#angolo_inferiore_destra{
/*immagine di sfondo posizionata in basso a destra*/
background-position:bottom right;
}
.colore_sfondo{
/*colore di sfondo per riempire la zona tra i 2 angoli*/
background-color:#99CC33;
/*l’altezza*/
height:25px;
/*posizionamento dell’elemento in rapporto con suoi angoli*/
/*eguale a margin-top:-25px;margin-right:25px;margin-bottom:0;margin-left:25px;*/
margin:-25px 25px 0 25px;
}
.contenuto{
/*colore di sfondo del contenuto*/
background-color:#99CC33;
/*spazio di 20px a destra e sinistra tra il bordo dell’elemento e il suo contenuto - non obbligatorio*/
padding:0 20px;
}
questo HTML
codice:
<html>
<head>
<meta content="index,follow" name="robots">
<meta content="<%=Motori_Keywords%>" name="keywords">
<meta content="<%=Motori_Description%>" name="description">
<meta NAME="copyright" CONTENT="Software sviluppato da Cavalieri Massimo, http://www.only-web.net, info@only-web.net">
<meta http-equiv="imagetoolbar" content="no">
<title><%=NomeSito%></title>
</head>
<link rel="stylesheet" href="include/ecommerce.css">
<link rel="stylesheet" href="include/bordi.css">
<script src="js/prototype.js" type="text/javascript"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<body bgcolor="<%=Body_Sfondo%>" topmargin="<%=Body_TopMargin%>" leftmargin="<%=Body_LeftMargin%>" marginwidth="<%=Body_MarginWidth%>" marginheight="<%=Body_MarginHeight%>">
<div id="contenitore">
<div class="css_angoli" id="angolo_superiore_sinistra">
<div class="css_angoli" id="angolo_superiore_destra"></div>
<div class="colore_sfondo"></div>
</div>
<div class="contenuto">CONTENUTO</div>
<div class="css_angoli" id="angolo_inferiore_sinistra">
<div class="css_angoli" id="angolo_inferiore_destra"></div>
<div class="colore_sfondo"></div>
</div>
</div> </body>
</html>