Toggle sidebar
  • Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Problema risolto Creare bordo | Css

L

LorenzoANDLORE

Utente Medio
Autore del topic
7 Agosto 2013
189
0
Miglior risposta
0
Salve, ho messo un codice in javascript nel mio sito che ogni volta che aggiorni, cambia l'immagine.
Volevo esporre la seguente domanda: Sarebbe possibile mettere un bordo?
Grazie in anticipo
 
Infatti lo devi applicare all'immagine... il js fa solo cambiare l'immagine visualizzata...
 
Grazie, non ci avevo pensatto.
Ma non riesco ad applicarlo, ecco il codice:
banners[0] = new Banner("https://www.youtube...", "Youtuber", "Questo è il codice per l'immagine");
(So che devo mettere il css tra: <style> </style>
 
dovresti pubblicare il codice per intero altrimenti non posso aiutarti...
 
qui vedi il tag realativo all'immagine
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
quindi puoi fare una cosa di questo tipo
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
e poi crei nel css la classe che definisce lo stile con il bordo..
 
ptm ha detto:
qui vedi il tag realativo all'immagine
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
quindi puoi fare una cosa di questo tipo
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
e poi crei nel css la classe che definisce lo stile con il bordo..
Clicca per espandere...
Grazie, ma niente.
Bugga tutto, cioè non fa vedere neanche le altre immagini (neanche cancellando i cookie).
 
Nel bordo.css ho messo questo:
bordo {
border-style: solid;
border-width: 5px;
}

bordo {
border-style: solid;
border-width: medium;
}
 
1. Hai incluso bordo.css?
2. le classi si scrivono con il . davanti; per esempio
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
3. è ammessa solo una definizione di classe, quindi non puoi definire due volte .bordo
 
# è per l'id. Guarda qui:
Perfavore, Entra oppure Registrati per vedere i Link!

metti nella stessa pagina
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
mettilo in una posizione giusta... non posso darti riferimenti visto che hai cancellato il codice che avevi postato.
 
ptm ha detto:
# è per l'id. Guarda qui:
Perfavore, Entra oppure Registrati per vedere i Link!

metti nella stessa pagina
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
mettilo in una posizione giusta... non posso darti riferimenti visto che hai cancellato il codice che avevi postato.
Clicca per espandere...
Niete, io credo che sia un problema del codice che mi hai datto, non del css.
 
<p align="right"><script type="text/javascript">
var openInNewWin = true;

var banners = new Array();
document.write("<img class=\"bordo\" src=\"" + banners[0].image + "https://yt3.ggpht.com/-4jZxzw74tFw/AAAAAAAAAAI/AAAAAAAAAAA/TlmZJdE33EQ/s100-c-k-no/photo.jpg" border=\"0\" alt=\"" + banners[0].description + "EvilPenguin2708">");
banners[1] = new Banner("https://www.youtube.com/user/xLorenzoANDLORE", "Youtuber", "https://yt3.ggpht.com/-qgTwTWY9kmM/AAAAAAAAAAI/AAAAAAAAAAA/Vtn7q20p-P8/s100-c-k-no/photo.jpg");
banners[2] = new Banner("https://luxerhosting.it", "Hosting", "http://i62.tinypic.com/16h7n0l.png");
function Banner(url, description, image) {
this.url = url;
this.description = description;
this.image = image;
return this;
}
var bNum = Math.round(Math.random() * (banners.length - 1));


document.write("<a href=\"" + banners[bNum].url + "\"");
if (openInNewWin) {
document.write(" target=\"_blank\"");
}
document.write(">");
document.write("<img src=\"" + banners[bNum].image + "\" border=\"0\" alt=\"" + banners[bNum].description + "\">");
document.write("</a>");

</script></p>
</script>
<style type="text/css">
.bordo{
border-style: solid;
border-width: 2px;
border-color: #000;
}
</style>
Clicca per espandere...
 
Devi accedere o registrarti per rispondere qui.
 
 
Top
Indietro