Hvordan fikse websider som har overlappende bokser

May 24

Som du bygge flere bokser i dine websider, er grensene for disse formene har en tendens til å overlappe. Disse grensene, som vanligvis skissere innholdet eller andre data, støter på hverandre når seksten dimensjonene ikke er spredte nok. Du har muligheten til å reparere disse problemene ved å vite hvor du skal redigere Hypertext Markup Language (HTML) eller Cascading Style Sheets (CSS) kode som gjør at boksene. Bruk datamaskinens tekst editor program for å fikse de overlappende bokser i websidene.

Bruksanvisning

1 Start teksteditor programmet og få opp websiden som har overlappende bokser.

2 Finn koden som gjør opp boksene. Hvis boksene er laget med HTML-tabeller, se etter "<table>" tag i hoveddelen av dokumentet. Alternativt, sjekk for CSS regler som bor mellom "<head> </ head>" elementer på toppen av siden.

3 Endre HTML-tabell breddeverdien til et mindre antall for å fikse overlapping. For eksempel endre "<table width =" 400 ">" til "<table width =" 300 ">" for å redusere størrelsen. Med CSS, redigere reglene som inneholder "width" eller "height" attributt for å minimere bokser. For å illustrere, switch "box1 {width: 400px; height: 400px;}" til "box1 {width: 300px; height: 300px;}" for å gjøre endringer.

4 Lagre filen og starte nettleseren. Klikk på "Open" eller "Åpne fil" under nettleserens "File" -menyen og velg dokumentet for å forhåndsvise nye bokser på siden. Hvis det er nødvendig, kan du gå tilbake og redigere boks verdier og deretter lagre arbeidet ditt igjen.