Как да се определи уеб страници, които имат припокриващи кутии

Когато създавате множество полета в уеб страниците си, границите на тези форми имат тенденция да се припокриват. Тези граници, които обикновено очертават съдържанието ви или други данни, се сблъскват един с друг, когато размерите на кутията не са разположени достатъчно отдалечени. Имате възможност да поправите тези проблеми, като знаете къде да редактирате кода на HTML (HyperText Markup Language) или Cascading Style Sheets (CSS) кода, който прави вашите кутии. Използвайте програмата за текстови редактори на компютъра, за да коригирате застъпващите се полета в уеб страниците си.

Стартирайте програмата за текстов редактор и отворете уеб страницата, която има припокриващи се полета.

Намерете кода, който прави си кутии. Ако вашите кутии са създадени с HTML таблици, потърсете тага в основния текст на документа. Алтернативно проверете за правилата на стила на CSS, които се намират между елементите в горната част на страницата.

Променете стойността на HTML ширината на таблицата на по-малък брой, за да коригирате припокриването. Например, променете "" на "", за да намалите размера. С CSS редактирайте правилата, които съдържат атрибута "width" или "height", за да минимизирате вашите полета. За да илюстрирате, превключете "box1 {width: 400px; height: 400px;}" на "box1 {width: 300px; height: 300px;}", за да направите модификацията.

Запазете файла и стартирайте уеб браузъра си , Кликнете върху опцията „Отваряне“ или „Отваряне на файл“ в менюто „Файл“ на браузъра и изберете документа, за да прегледате новите полета на страницата. Ако е необходимо, върнете се и редактирайте стойностите на полето си и след това запазете отново работата си.

Съвети

Проверете уеб страницата си на различни браузъри, за да видите как се появяват по-малките ви полета. Вашите кутии имат потенциал да се показват различно, в зависимост от използвания браузър.

URL:https://bg.whycomputer.com/soft/100213276.html