W programie WebSite X5 strony komponuje się używając tabeli układu strony. Położenie elementów można doprecyzować zmieniając marginesy obiektów wstawionych w komórkach tabeli. Modyfikacje te wykonuje się za pomocą opcji dostępnych w oknie Marginesy i wyrównanie. Otwiera się je przyciskiem Marginesy na pasku narzędzi w Kroku 4 - Tworzenie strony.
Aby dobrze zrozumieć pojęcie marginesów i prawidłowo określić ich wartości, należy wiedzieć jak wygląda model komórki.
W kodzie strony wszystkie elementy HTML są zagnieżdżonymi prostokątami, których ustawienia definiują wygląd elementu. Każdy prostokąt składa się z kilku składników - marginesy zewnętrzne, krawędzie, marginesy wewnętrzne i właściwa treść - z których każdy można modyfikować we właściwościach CSS.
Poniższy diagram ilustruje poszczególne składniki modelu komórki:
W programie WebSite X5 domyślna tabela układu strony ma kilka komórek, do których wstawia się obiekty. A dokładniej, każdy obiekt jest umieszczony w czymś w rodzaju pudełka, które z kolei wstawia się do komórki tabeli układu strony. Każda komórka ma taką budowę, jak pokazano powyżej.
Elementami składowymi komórki są:
▪ | Zawartość (zielona): Zawartość wstawia się do komórki przez przeciągnięcie obiektu z palety dostępnych obiektów. |
▪ | Margines wewnętrzny (różowy): To jest przestrzeń między obiektem a krawędzią wspomnianego pudełka. |
▪ | Styl krawędzi: Krawędź pudełka obiektu. Wygląd krawędzi definiuje się w oknie Styl obiektu. |
▪ | Margines zewnętrzny (żółty): To jest przestrzeń między krawędzią pudelka obiektu a krawędzią komórki w tabeli układu strony. |
Zgodnie z tymi definicjami odległość między dwoma obiektami (w pionie lub poziomie) jest równa sumie marginesów zdefiniowanych dla komórek, w których obiekt jest umieszczony.