Immagine che non si adatta

**silverseraph** · 13-09-2005, 20.50.25

Salve ragazzi, ho un piccolo problema:

Come background in una cella nel mio sito ho inserito un'immagine di dimensioni non uguali alla cella. Le dimensioni non le ho messe uguali sott'intendendo che si adattasse da sola...ma cosa succede? l'immagine non si adatta e non si visualizza per tutta la cella. L'immagine l'ho inserita attraverso i CSS, ed è in una parte di codice in cui sono inseriti anche i collegamenti Ipertestuali di un menù sottoforma di DIV.

Il codice è il seguente:

Questo è il codice nei DIV:

Codice:

<div id="menu"> 
<div><a href="salagiochi.htm">Sala giochi</a></div> 
<div><a href="http://silverseraph.altervista.org/phpBB2/viewonline.php">Utenti online</a></div> 
<div><a href="http://silverseraph.altervista.org/phpBB2/memberlist.php">Lista utenti</a></div> 
<div><a href="http://silverseraph.altervista.org/phpBB2/groupcp.php">Gruppi utenti</a></div>
<div><a href="toolbar.htm">SilverSeraph Toolbar</a></div> 
</div>

Questo invece è il codice presente nei CSS:

Codice:

div#menu{
border: 0px solid #000;
border-top-width:0;
width:125px
}
div#menu a{
background-image: url(./screen/background_enu.gif) 
display:block;
padding:3px;
font-weight:bold; 
border-top:transparent 1px solid
border:0px 
)1px solid #000;
color: #0063B5;
text-decoration:none;
width:135px;
}
div#menu a:hover{
background:#0063B5;
color: #fff;
}

Voi a questo punto potreste pensare che sia dovuto dal fatto che si sia l'attributo display:block; ma non è così, infatti togliendolo e rimettendolo l'immagine non si adatta comunque.

Allora ripensandoci il mio intelletto mi ha spinto ad utilizare un altro metodo: quello di inserire un class direttamente nella cella, sperando che l'immagine si adatti.....immaginate un po? L'iiagine non si adatta comunque....

Il codice è il seguente:

Questo è il class nella cella:

Codice:

<td id="NavTd" WIDTH="15%" valign = "top">

Mentre questo è il codice nei CSS:

Codice:

#NavTd {
        background-image: url(./screen/background_menu.gif); BORDER-RIGHT: #999999 1px solid;
}

Ringrazio vivamente chiunque mi aiuti e chiunque mi risolva questo strano problema.

ciao

13-09-2005, 21.13.40

se l'immagine si puo ripetere metti nel css background-repeat:repeat;

altrimenti nn si puo fare xke in una cella l'immagine nn si ridimensiona ma lo devi fare inserendo un immagine + grande

**silverseraph** · 13-09-2005, 21.15.55

e ho notato che succede questo solo in verticale. in orizzontale si adatta da sola.

13-09-2005, 21.41.14

Devi aggiungere il parametro per l'altezza:

height: 100px;

/* nell'esempio 100 pixel */

cIAO! :d

13-09-2005, 21.48.10

al posto di height="100" metti style="height:100px" altrimenti se vuoi la pagina valida x il w3c nn l'avrai

**silverseraph** · 13-09-2005, 21.56.16

scusate ma non vi ho capito......dove devo inserire style="height:100px"? Nel CSS oppure nella pagina HTML?

13-09-2005, 22.11.11

o in una classe nel css e poi lo richiami nella cella dove vuoi lo sfondo ripetuto o nella cella della tabella dove vuoi lo sfondo ripetuto

**silverseraph** · 14-09-2005, 14.39.59

io non lo vogliop ripetuto. lo voglio adattato.

14-09-2005, 15.43.50

è la stessa cosa pero se vuoi un sito standard devi mettere style="height:100px" nn height="100" capito??

**silverseraph** · 14-09-2005, 15.51.32

beh...l'importante è che funzioni :D

**silverseraph** · 14-09-2005, 16.21.33

ma lo devo mettere in tutte le occasioni? anche col width? cioè, anche nelle tabelle?

14-09-2005, 16.40.08

dove vuoi ke lo sfondo si adatti cmq nn fare up...

Discussione: Immagine che non si adatta

LinkBack

Strumenti discussione

Display

Immagine che non si adatta

Regole di scrittura