Beispielseite ‘padding’ (Innenabstand) mit Textfeldern von NOF

Unten seht Ihr Formatierungen, die direkt über die CSS-Eigenschaften dem HTML-Style zugeordnet wurden. Guckt auch hier für das Padding.

Dieses Textfeld hat kein Padding in diesem grauen Layoutbereich.

Diesem Textfeld ist ein Padding (links) von 20px zugeordnet in Bezug auf diesen Layoutbereich, das Texfeld müsste also rechts um 20px verkürzt werden.

Dieses Textfeld hat kein Padding.

Diesem blauen Text ist ein Padding (links) von 50px zugeordnet in Bezug auf den Textfeld Inhalt <p> (Text markieren und ‘padding’ angeben).

Unten seht Ihr Formatierungen, die als CSS-Class in den CSS-Code der Ansicht ‘Design’ eingetragen und dem Textfeld Inhalt <p> zugeordnet wurden.

Hierbei handelt es sich um die <p class="abstandTexfeld">Inhalt</p>, mit einem linken + rechten Padding von 20px, die in der Datei style.css zu finden ist.

Lorem ipsum dolor sit amet Tincidunt Praesent tincidunt orci tellus libero nunc sagittis risus egestas cursus Morbi faucibus pede Nam mattis Phasellus velit nibh pellentesque pede amet elit ac Nam feugiat et a tincidunt pretium justo tempus tincidunt nibh lorem lacinia sed nunc interdum elit malesuada elit Curabitur turpis eu neque dolor Morbi risus Phasellus laoreet ut Quisque Curabitur massa dui sed Quisque ipsum In.

Tortor turpis ligula pellentesque tellus id a mauris pede quis urna condimentum pretium neque Phasellus id hac Fusce et eros interdum wisi dui eu mattis sem Nulla Fusce sodales volutpat natoque faucibus et eros convallis nunc risus fringilla nibh velit interdum Integer ac tempus justo tincidunt magna tristique at convallis id ante pulvinar justo Suspendisse nisl adipiscing et dapibus leo.

Id Nam malesuada elit leo Vestibulum et enim libero Nam laoreet egestas neque a iaculis pede orci Vestibulum Aenean tempus tellus vel Curabitur tincidunt sapien quis vel Quisque arcu leo pretium tristique convallis lorem semper Vivamus metus leo sapien velit dolor egestas elit enim Nulla wisi dignissim Pellentesque ridiculus quis Vestibulum Nulla tempus netus eu risus justo nec Nullam leo.

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen


Counter Statistik