Come modificare Proprietà cella per fissare Immagini

December 14

Nel progettare un sito web, ci sono molti fattori che devono essere presi in considerazione. Per la maggior parte dei progettisti Web a partire, la più grande preoccupazione può essere il contenuto che è incluso in ogni pagina. Tuttavia, vi è una struttura sottostante alla pagina che deve essere preso in considerazione prima che il contenuto può essere visualizzato. Alcuni progettisti sceglieranno di utilizzare una struttura di tabella, che è composto di righe e celle. Se un'immagine viene inserito in una cella di tabella e non viene visualizzata correttamente, è possibile modificare le proprietà della cella per correggere la visualizzazione dell'immagine.

istruzione

1 Passare alla pagina HTML sul computer che contiene l'immagine devi correggere, quindi fare clic destro su di esso e selezionare l'opzione "Apri con" l'opzione. Scegli il tuo programma di editing HTML dalla lista dei programmi disponibili.

2 Selezionare la vista "Codice" nella parte inferiore dello schermo, o l'opzione equivalente per la visualizzazione del codice HTML nel vostro editor.

3 Scorrere l'HTML fino a trovare l'immagine problematico.

4 Individuare il tag cella di una tabella in cui è contenuta l'immagine problematico. Si inizierà con il tag "<td>" e terminare con il tag "</ td>".

5 Guarda tutti gli attributi aggiuntivi inclusi nel tag "<td>", come "colspan" o "stile". Questi attributi influenzano il modo in cui viene visualizzata la cella contenente l'immagine. Ad esempio, se la cella è posizionato come cella in alto a sinistra nella tabella e ha un tag attributo "colspan = 2", allora tale cella verrà inoltre occupa la cella a sinistra sulla seconda riga della tabella.

6 Rimuovere tutti i tag che sono legati al problema si stanno avendo con la vostra immagine. Ad esempio, se il quadro si trova in una cella che contiene l'attributo "style = width: 100px", ma il quadro è 200px di larghezza, allora la cellula può essere visualizzato solo una parte del quadro. Rimozione del "style = larghezza" attributo rimuovere questa restrizione per permettere di visualizzare l'intera immagine.

7 Esaminare eventuali attributi corretti che sono inclusi nella cella per l'ortografia e la sintassi. La maggior parte degli attributi richiederanno una struttura come "attributo = valore", dove il valore è l'effetto che si intende applicare alla cella. Prendere nota dello spazio seguendo il segno "=".

8 Salvare il documento HTML, quindi fare doppio clic sul file per aprirlo in un browser Web. Una volta individuato l'attributo cellulare incriminato, l'immagine viene visualizzata come previsto.

Consigli e avvertenze

  • Se si sta tentando di ridimensionare l'immagine utilizzando il "altezza" e gli attributi "width", è possibile riscontrare alcuni problemi con la distorsione. Considerare l'utilizzo di un programma di fotoritocco per ridimensionare l'immagine, che manterrà le proporzioni dimensionali corretti come regolare le dimensioni.
  • Se l'immagine non viene visualizzato affatto, il problema potrebbe essere con un attributo relativo al tag "img", come un attributo "src" erroneamente riferimento. Consultare il sito W3 Schools per una corretta sintassi tag "img". Vedi Risorse.