Nwlapcug.com


Come fare il flusso del testo intorno a una forma irregolare in CSS

CSS o Cascading Style Sheets, è un potente strumento per il Web design che permette maggiore personalizzazione dei siti Web di quanto fosse possibile in precedenza. Tuttavia, alcune verità fondamentali su Web design rimangono invariati; tra questi è il fatto che qualsiasi immagine, no matter what shape sembra essere, viene trattata dal codice sorgente come un rettangolo. Questo è problematico se si desidera testo o altri elementi inline per circondare i contorni dell'immagine. Fortunatamente, con una soluzione rapida, utilizzando software di editing grafico, è possibile far sembrare come se il testo scorre attorno a una forma di immagine irregolare.

Istruzioni

1

Aprire il file di immagine che contiene la forma irregolare che si desidera rendere testo scorrono intorno nel vostro programma di grafica preferito.

2

Selezionare la top 15 pixel dell'immagine con una casella di selezione rettangolare appena sufficientemente ampia per comprendere i bordi dell'immagine in quella posizione verticale.

3

Tagliare questa selezione, incollarlo in un nuovo documento e salvarlo con un nome di file che indica che è la prima sezione dell'immagine complessiva.

4

Ripetere la selezione, taglio e salvataggio di processo per il resto dell'immagine. Si dovrebbe avere un numero di immagini, ogni 15 pixel alta e di diverse larghezze, che possono essere impilate insieme per ricreare l'immagine originale, denominata in modo da tenerli facilmente nell'ordine corretto.

5

Caricare queste immagini al server il sito è su.

6

Aprire il documento di codice sorgente di sito in un word processor.

7

Eliminare l'immagine originale dal codice del sito.

8

Tipo

< img class = "impilare" queste righe di codice dovrebbe essere nello stesso luogo l'immagine originale apparso nel codice.

9

Tipo

< style type = "text/css" >< / stile >

nel documento tra < head > e < / head > Tag, se non è già presente.

10

Tipo

IMG.stack {float:; margin: 0;}

tra i tag < style >, con "sinistra" o "destra" (senza virgolette) dopo i due punti dopo "galleggiare", a seconda di quale parte del testo si desidera che l'immagine sia su.