Här kan du se exempel på hur du kan använda DIV-boxar som du skapar genom att välja att visa källkoden (View/Source code) ELLER knappen "WYSIWYG Dölj" och infoga koden för att skapa en DIV. Du kan välja mellan de färdiga classerna nedan:
box_centrerad
box_vanster
box_vanster_clear
box_hoger
box_hoger_clear
CSS-formaterade boxar (layer eller DIV) kan användas som "informationsruta" för text och bild. Den här boxen är formaterad med classen som ingår i CSS-mallen och skapar en box med bredd 30%:
<div class="box_vanster">
Innehållet här...
</div>
Välj att visa källkoden (View/Source code) ELLER knappen "WYSIWYG Dölj" och infoga koden för att skapa en DIV.
CSS-formaterade boxar (layer eller DIV) kan användas som "informationsruta" för text och bild. Den här boxen är formaterad med classen som ingår i CSS-mallen och skapar en box med bredd 30%:
<div class="box_vanster_clear">
Innehållet här...
</div>
Välj att visa källkoden (View/Source code) ELLER knappen "WYSIWYG Dölj" och infoga koden för att skapa en DIV.
CSS-formaterade boxar (layer eller DIV) kan användas som "informationsruta" för text och bild. Den här boxen är formaterad med classen som ingår i CSS-mallen och skapar en box med bredd 30%:
<div class="box_vanster">
Innehållet här...
</div>
Välj att visa källkoden (View/Source code) ELLER knappen "WYSIWYG Dölj" och infoga koden för att skapa en DIV.
Pellentesque quis urna nisl. Nunc tincidunt nibh id turpis condimentum ac imperdiet ipsum posuere. Maecenas fermentum, magna eu suscipit suscipit, eros diam elementum nibh, imperdiet gravida mauris odio ac velit. Mauris facilisis mi quis elit tincidunt non condimentum libero elementum. Nullam a sem vel turpis viverra elementum ultrices eget enim. In hac habitasse platea dictumst. Praesent luctus rutrum libero, ut porttitor est varius eu. In auctor sodales ipsum, eu vulputate orci rutrum et. Donec pharetra varius nisi ac consequat. Sed sagittis felis at felis molestie in eleifend turpis aliquet. Nullam lobortis dapibus nisl, at mattis ante vehicula nec.
In ac urna id dui consequat sagittis. Nulla eu mauris magna. Morbi tristique imperdiet nulla non sollicitudin. Fusce at nulla tortor, sed vehicula metus. Vivamus non velit magna. Ut eget odio neque, a tincidunt nulla. Duis et risus id enim varius auctor. Maecenas porta ipsum tortor, et ultricies nunc. Praesent adipiscing erat eu mauris aliquet consequat. Cras libero risus, blandit eu bibendum nec, faucibus vel dolor. Donec commodo mattis laoreet. Nulla facilisi. Nam malesuada lorem id lorem consequat lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam volutpat laoreet libero id pharetra. Vivamus vehicula ipsum quis velit rutrum laoreet. Nulla tristique, libero semper ornare adipiscing, tellus ligula ultricies est, et volutpat mauris nisl sit amet lectus. Proin sed urna vitae nulla tempor euismod. Sed sed tellus turpis, ac consequat ante. Nunc porta egestas lacinia.
Suspendisse non dui sapien, in luctus neque. Vestibulum urna ante, viverra et imperdiet vel, congue sit amet metus. Donec lacinia odio eget felis euismod eget cursus magna porta. Proin lacinia enim eget mi egestas cursus. Nulla at lacus leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis venenatis nisl a turpis elementum sit amet vulputate dolor consectetur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque accumsan gravida tellus et faucibus. Vivamus venenatis pellentesque laoreet. Nulla pulvinar dapibus magna non congue. Aliquam in massa at mauris pretium vestibulum.
CSS-formaterade boxar (layer eller DIV) kan användas som "informationsruta" för text och bild. Den här boxen är formaterad med classen som ingår i CSS-mallen och skapar en box med bredd 30%:
<div class="box_hoger">
Innehållet här...
</div>
Välj att visa källkoden (View/Source code) ELLER knappen "WYSIWYG Dölj" och infoga koden för att skapa en DIV.
CSS-formaterade boxar (layer eller DIV) kan användas som "informationsruta" för text och bild. Den här boxen är formaterad med classen som ingår i CSS-mallen och skapar en box med bredd 30%:
<div class="box_hoger">
Innehållet här...
</div>
Välj att visa källkoden (View/Source code) ELLER knappen "WYSIWYG Dölj" och infoga koden för att skapa en DIV.
Quisque sit amet mauris lectus. Suspendisse semper iaculis porttitor. Donec ultricies, augue id vulputate sollicitudin, quam enim feugiat lacus, sit amet ornare risus est viverra ligula. Vestibulum aliquet, orci nec iaculis placerat, neque quam mollis elit, nec pharetra diam dolor vitae libero. Nam convallis nibh in nisi tempus a gravida libero consequat. Nullam quam neque, malesuada in porta vel, aliquet eu mi. Nulla venenatis arcu at nulla ultricies at vulputate dolor tristique. Nullam molestie scelerisque libero vitae hendrerit. Nunc ut tristique massa. Sed tincidunt mollis mi, non luctus est porttitor sed. Morbi sit amet mi eget odio fringilla porta ac sed dui. Etiam et justo ligula. Vivamus ut elit sapien, et porta metus. Integer at est neque. Etiam a tristique erat. Nulla mollis eleifend urna sed sollicitudin. Etiam rutrum elementum velit non placerat. Fusce blandit neque nec lectus accumsan nec varius dui suscipit. Nullam eget arcu dui, eget sollicitudin leo. Praesent erat odio, ultrices luctus molestie at, vulputate vel ante.
CSS-formaterade boxar (layer eller DIV) kan användas som "informationsruta" för text och bild. Den här boxen är formaterad med classen som ingår i CSS-mallen och dessutom används en STYLE för att ange en egen bredd på boxen:
<div class="box_vanster" style="width: 500px;">
Innehållet här...
</div>
Välj att visa källkoden (View/Source code) ELLER knappen "WYSIWYG Dölj" och infoga koden för att skapa en DIV.
Maecenas dui dui, gravida nec aliquet tincidunt, pharetra vel justo. In facilisis nulla ut massa varius vitae convallis ipsum ullamcorper. Cras laoreet nisl ut augue eleifend nec aliquam turpis volutpat. Phasellus vitae turpis diam. Ut at quam mi. Morbi turpis ipsum, rutrum id lobortis non, sagittis a tellus. Quisque diam nulla, adipiscing vitae tempus vel, hendrerit at elit. Aenean pellentesque sagittis volutpat. In nec nisl lectus. Quisque pharetra tortor at mauris ornare posuere. Ut volutpat odio id felis interdum viverra. Praesent eget elit in quam volutpat sagittis sit amet ac turpis. Nam pharetra, lacus et condimentum rutrum, arcu metus dignissim tortor, a posuere justo nunc non sem. Phasellus eget neque et lacus convallis dignissim. Integer ultricies aliquet rhoncus. Donec dignissim mollis elit sed porta.
Donec ac quam erat. Curabitur nec magna ac massa scelerisque imperdiet. Nulla eu libero at urna laoreet tempor dapibus non eros. Phasellus venenatis euismod nisl, et dignissim purus dapibus nec. Aenean ut orci arcu, et rutrum turpis. Aliquam adipiscing vulputate orci, non rhoncus ligula hendrerit a. Nulla cursus, massa adipiscing iaculis ultrices, sem risus scelerisque ligula, eu egestas magna ante sagittis elit. Maecenas fringilla luctus justo, vitae faucibus leo rhoncus elementum. Nam cursus tincidunt elit, nec accumsan ipsum commodo sit amet. Pellentesque mauris nunc, dapibus ut egestas ut, mattis vitae nibh.
CSS-formaterade boxar (layer eller DIV) kan användas som "informationsruta" för text och bild. Den här boxen är formaterad med classen som ingår i CSS-mallen och skapar en box med bredd 90%:
<div class="box_centrerad">
Innehållet här...
</div>
Välj att visa källkoden (View/Source code) ELLER knappen "WYSIWYG Dölj" och infoga koden för att skapa en DIV.
Duis cursus cursus nisi in euismod. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean a urna nec velit luctus sodales. Duis vitae tortor a mauris congue pulvinar in quis ipsum. Morbi erat urna, sollicitudin vitae rutrum ac, iaculis sed nibh. Mauris id elit id odio dignissim laoreet vitae convallis risus. Vivamus enim felis, sodales eu molestie in, consectetur eu justo. Pellentesque lobortis libero sit amet dui egestas sed semper nulla auctor. Ut vulputate odio vel leo ornare mattis. Duis metus justo, interdum eu semper vel, pulvinar at neque.
Adress
Företaget AB
Lugna gatan 123
123 45 SMÅSTAD