che pa**e.
dunque, vorrei un effetto che con ff funziona ma non con ie
il risultato che vorrei è nell'immagine allegata, questo il codice:
con ie7 non si vede la cornice bianca attorno all'immagineCodice PHP:css:
img.copertina{padding:12px; border:dashed #000 3px; background-color:#fff;}
html:
[img]copertina.jpg[/img]
c'è possibilità di ottenere lo stesso effetto con ie?
mille grazie
"homer sei tonto come un mulo e due volte più brutto. se uno sconosciuto ti offre un passaggio tu devi accettarlo..."
www.flickr.com/photos/asciella/
www.lastfm.it/user/qvaioe/
sto facendo qualche tentativo...
il problema è che IE ti mette il bordo all'esterno, firefox all'interno, questo fa si che (dato che tu praticamente "tagli" il fondo bianco con il colore di bordo nero...) IE non tagli nulla...
sto facendo un paio di tentativi (ti posto ora una soluzione, non ottimale, dato che in realtà su IE avrai il "negativo"... ma per ora ho fatto questo...
se trovo altre ispirazioni ti dico...codice:img.copertina{ border:dashed #000 3px !important; border:dashed #fff 5px; padding:12px !important; padding:9px; background-color: #fff; }
hasta siempre comandante Guevara!
bisogna prendere la vita come viene...sperando che la vita non "prenda" te!!!
Prova così con l'aiuto di un elemento contenitore:
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it"> <head> <title>prova</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> * { margin: 0; padding: 0; } body { text-align:center; background:#000; } #boxImg { margin:20px auto; background:#fff; width:260px; /*la mia immagine era larga 230px*/ } img { display:block; padding:12px; border:dashed 3px #000; } </style> </head> <body> <div id="boxImg"> [img]immagine[/img] </div> </body> </html>
Permessi di invio
Rispondi quotando