bottone CSS (arrotondato)
Salve a tutti...ho un problemino con i css.
In pratica, devo fare un bottone, successivamente posizionato sulla homepage, che parte da un'immagine di base, ossia, i famosi 4 angolini arrotondati fatti con photoshop.
La mia immagine è caricata in internet e adesso sono alle prese con i file.
Nel file "style.css" ho inserito questo codice:
Citazione:
#contenitore{
width: 500px;
}
.css_angoli{
background-image:url (
http://digilander.libero.it/InoueChe...otondati_1.png) no-repeat;
height:20px;
}
#angolo_superiore_sinistra{
background-position:absolute; top: 0px; left: 100px;
}
#angolo_superiore_destra{
background-position:absolute; top: 0px; right: 970px;
}
#angolo_inferiore_sinistra{
background-position:absolute; top: 0px; left: 100px;
}
#angolo_inferiore_destra{
background-position:absolute; top: 0px; right: 970px;
}
.colore_sfondo{
background-color:#4de419;
height:20px;
margin:auto;
}
.contenuto{
background-color:#4de419;
color: #000000;
}
mentre nel file "index.html" ho inserito questo:
Citazione:
<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">Homepage</div>
<div class="css_angoli" id="angolo_inferiore_sinistra">
<div class="css_angoli" id="angolo_inferiore_destra"></div>
<div class="colore_sfondo"></div>
</div>
Alla visualizzazione del sito, riesco a vedere la parola "Homepage" ma non il design del bottone che dovrei aver creato. Qualcuno potrebbe gentilmente darmi una mano? :sad:
