Nwlapcug.com


Come modificare le proprietà delle celle per fissare immagini

Quando si progetta un sito Web, ci sono molti fattori che devono essere presi in considerazione. Per la maggior parte a partire dal Web designer, la preoccupazione più grande può essere il contenuto che è incluso in ogni pagina. Tuttavia, c'è una struttura sottostante alla pagina che dovrà essere presi in considerazione prima che il contenuto può essere visualizzato. Alcuni designer sceglierà di utilizzare una struttura di tabella, che è composta di righe e celle. Se un'immagine viene inserita in una cella di tabella e non viene visualizzata correttamente, è possibile modificare le proprietà della cella della tabella per correggere la visualizzazione dell'immagine.

Istruzioni

1

Passare alla pagina HTML nel computer che contiene l'immagine che avete bisogno di riparare, quindi fare clic con il pulsante destro su di esso e selezionare l'opzione "Apri con". Scegli il tuo programma di editing HTML dall'elenco dei programmi disponibili.

2

Selezionare la visualizzazione di "Codice" nella parte inferiore dello schermo, o l'equivalente opzione per visualizzare il codice HTML nell'editor.

3

Scorrere attraverso il codice HTML fino a trovare l'immagine problematico.

4

Individuare il tag di cella di tabella in cui è contenuta l'immagine problematico. Inizierà con il tag "< td >" e terminano con il tag "< /td >".

5

Guardate tutti gli attributi aggiuntivi sono inclusi nel tag "< td >", come "colspan" o "stile". Questi attributi influiscono sulla modalità la cella che contiene l'immagine viene visualizzata. Ad esempio, se la cella è posizionata come la cella in alto a sinistra nella tabella ed ha un tag di attributo di "colspan = 2," poi che la cella si occupa anche la prima cella a sinistra nella seconda riga della tabella.

6

Rimuovere tutti i tag che sono correlati al problema che hai con la tua immagine. Ad esempio, se l'immagine si trova in una cella che contiene l'attributo "style = width: 100px," ma l'immagine è larga 200px, quindi la cella potrebbe visualizzare solo una parte dell'immagine. Rimuovendo il "stile = larghezza" attributo rimuoverà tale restrizione per consentire di visualizzare l'intera immagine.

7

Esaminare eventuali attributi corretti che sono inclusi nella cella per l'ortografia e la sintassi. Maggior parte degli attributi richiederà una struttura come "attributo = valore," dove il valore è l'effetto che si desidera applicare alla cella. Prendere nota dello spazio dopo il segno "=".

8

Salvare il documento HTML, quindi fare doppio clic sul file per aprirlo in un browser Web. Dopo aver individuato l'attributo cella offendenti, l'immagine verrà visualizzato come previsto.

Consigli & Avvertenze

  • Se si tenta di ridimensionare l'immagine usando gli attributi "height" e "width", è possibile riscontrare alcuni problemi con distorsione. Considerare l'utilizzo di un programma di fotoritocco per ridimensionare l'immagine, che manterrà le proporzioni corrette dimensionale come è regolare le dimensioni.
  • Se l'immagine non viene visualizzata a tutti, il problema potrebbe essere con un attributo relazionato al tag "img", ad esempio un attributo "src" in modo non corretto riferimento. Consultare il sito W3 Schools per la sintassi del tag "img" corretto. Vedere risorse.