Immagini con css

sabato 12 maggio 2007 - 18.01

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

Francesco141288 Profilo | Newbie

14 messaggi | Data Invio: sab 12 mag 2007 - 18:01

ho inserito un immagine con i css, tramite la proprietà:
Background-Image:Url(percorsoimmagine);
Il problema e che mi visualizza quel bordino che appare solitamente
quando un immagine non viene caricata e l'immagine di un foglio con una x di sopra...Volevo sapere se è possibile eliminare queste cose!!!

alx_81 Profilo | Guru

8.814 messaggi | Data Invio: dom 13 mag 2007 - 01:45

>ho inserito un immagine con i css, tramite la proprietà:
>Background-Image:Url(percorsoimmagine);
>Il problema e che mi visualizza quel bordino che appare solitamente
>quando un immagine non viene caricata e l'immagine di un foglio
>con una x di sopra...Volevo sapere se è possibile eliminare queste
>cose!!!
Ciao,
ma ti visualizza quella X quando non trova l'immagine o anche quando l'immagine c'è?
Alx81 =)

http://blogs.dotnethell.it/suxstellino

freeteo Profilo | Guru

6.542 messaggi | Data Invio: dom 13 mag 2007 - 11:04

ciao,
allora io controllerei 2 cose:
- il path che metti nel file css è sempre relativo al file css, non dipende dalla pagina o da altro, il path deve essere relativo al css

- quella proprieta' va applicata a qualche tag, non a ad tag "img"...intendo qualcosa tipo:

.miaclasse { background-image:(...); height:10px; width:10px; display:block; }

...

<div class="miaclasse" ></div>

cosi' verra' visualizzata l'immagine anche se come oggetto "div" normale..

ciao.

Matteo Raumer
[MCAD .net]
http://blogs.dotnethell.it/freeteo

Francesco141288 Profilo | Newbie

14 messaggi | Data Invio: dom 13 mag 2007 - 18:03

allora io scrivo cosi:

<html>
<head>
<style type="text/Css">
#intro{background-image:url("persorso")}
</style>
</head>
<body>
<img id="intro">
</body>
</html>

In questo modo l'immagine me la visualizza con dei bordi
e con una x in alto a sinistra...Per rimuovere queste 2 ultime cose, come faccio???

freeteo Profilo | Guru

6.542 messaggi | Data Invio: dom 13 mag 2007 - 21:09

ciao,
sinceramente non capisco perche' fare questa cosa con il tag img

Il problema dell'icona con la "x" (mancanza di immagine) è che il tag "img" nasce proprio per visualizzare un'immagine, impostabile tramite l'attributo (proprieta') "src" che sta per "source".
Quindi un tipico tag img è:

<img src="immagini/miaimmagine.jpg" />

eventualemtne puoi metterci qualcosa nello style perche' abbia delle caratteristiche particolari:

<img src="immagini/miaimmagine.jpg" style="border:0px;margin:5px;float:left" />

oppure quello che hai nello "style" metterlo nel foglio di stile tramite "class".

Usare il tag img per metterci l'immagine come background è sinceramente assurdo dal mio punto di vista, al massimo come ti dicevo prima, usare una tag "div" o qualcos'altro per fargli fare da immagine potrebbe andare (anche se è una forzatura visto che cmq la proprieta' si chiama appunto "background-image") ma fare questo con un tag img non riesco a capirne il motivo...
ciao.

Matteo Raumer
[MCAD .net]
http://blogs.dotnethell.it/freeteo

koolmind Profilo | Junior Member

78 messaggi | Data Invio: ven 1 giu 2007 - 10:25

confermo quello che ti hanno già detto.
per mettere un background ad un oggetto è necessario che quell'oggetto supporti uno sfondo.
il tag IMG non è adatto allo scopo!

Metti un div#intro oppure metti direttamente una cosa del tipo
img#intro
{
width: ...;
height: ...;
margin: ...;
......
}

Altrimenti non risolvi!
koolmind
Dice il saggio: Non ci sono domande difficili, solo risposte che non conosciamo.

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !