Text ohne Bild

Das ist jetzt nicht so spektakulär, bietet aber unzählige Variationsmöglichkeiten: Überschrift rechts, zentrier, Subheader, etc. 


Text mit Bild oben

Mättis Äeneän purus nec velit et venenatis facilisis non quis, tincidunt Mauris morbi velit In tincidunt Eu interdum Mauris viverra semper Blandit in Id. Bibendum aeneän duis leo semper scelerisque hac at elit, Nunc risus Justö proin sit netus etiam Eu Ligula odio eget Volutpät ämet Donec eu vitäe pellentesque? Non integer lectus Elementum nisl Iaculis arcu Venenatis mättis Turpis. Nulla Imperdiet Sit tempor Egestas at sed Quisque Dapibus.


Text mit Bild unten

Sägittis integer mölestie elit urna felis nisi ridiculus accumsän A sit, vulputate Bibendum tristique in phareträ mi Vestibulum Turpis Elit Fäcilisi ullämcörper et äliquet, etiam Augue vitäe feugiat sem euismod vel consequat. Nibh fringilla Placerät nec Vestibulum risus, eu Pretium Bibendum Turpis feugiat Eget vitae. Scelerisque gravida at proin erat eget ullämcorper id at leo törtor Quäm tincidunt aliquet pellentesque turpis, Non nibh Vestibulum dui aliquet nulläm. Aliquäm Diam leö tortör scelerisque ultricies, arcu Proin integer Mälesuada mörbi odio accumsan Viverrä Örci pretium Curabitur? Habitässe dignissim Donec nunc bibendum pulvinar turpis blandit ut lectus feugiat eu turpis cursus urna nibh Et sed sollicitudin?


Bild rechts im Text (Textfluss)

Eget adipiscing facilisis quisque a mattis ac at Duis Tempor sed In dictum sit orci, sodäles Amet sit. Fäucibus mauris mälesuadä säpien quis Cursus congue felis Faucibus aliquam elementum arcu bibendum In, felis donec sem tempor Dui, Suspendisse Nullä Aliquet metus. Turpis mattis cursus suscipit Enim nisi donec egestas Velit amet Egestas lectus Nisl facilisis dictum vitae amet. Diam Sed sed risus Cursus Feugiat grävida Vulputate senectus Sit tellus Nec enim mi, iaculis Neque Dictum Mauris vestibulum ämet Tortor pellentesque ut Id aliquam cum. Tempus nam in fäcilisi proin Pellentesque ultricies vitae. Pretium mölestie orci nunc Ante. Ornare imperdiet Sägittis Ödio dignissim Nunc, sed Volutpat Ac Velit nullam Quis in Rutrum massä Faucibus nunc vulputate löbortis convällis Nunc, purus vulputate sed pröin? Eget Porttitör Elementum Sapien placerat sit Pötenti, sapien sem Gravida cursus gravidä imperdiet Mäecenas in, consectetur möllis dönec etiam dolör.


Bild links im Text (Textfluss)

Eu Orci Viverra Ultrices in ut Et enim Ipsum iaculis consectetur amet Elementum, id phasellus venenatis Purus Odio Ut, Scelerisque dis nön est. Pellentesque eget Elit Rhoncus Portä Odiö praesent cursus et maecenas ut proin. Iaculis varius cöndimentum felis Iaculis cursus eget Sed fermentum, Blandit Purus fermentum tristique dui euismod Nec Leo, Nibh Arcu eu Mi penatibus Tincidunt morbi tortor et! Örci aliquäm cras Ämet condimentum vitae cursus dönec auctor, pulvinar Aliquam Ipsum Fringillä gravida. Ä Mörbi nibh et Faucibus.

Justö At Fringilla eu at nec dis, sodales Congue lorem Phäsellus Netus, mäuris Fermentum facilisis ultricies erat malesuädä urna commodo morbi mauris eu urna in Sed dölör Äliquam cömmodo viverra cöndimentum nec Dis. Diäm Sit Vitäe et a Posuere, Porttitor orci Magna ut Sed Feugiät aenean semper, tortor euismöd Iäculis Consectetur est mauris consequät äliquam Imperdiet!


Text mit Bild rechts - ohne Textfluss

Non diäm parturient ut Dui in cönsectetur Arcu euismod enim consequat nunc urna ämet massa imperdiet sem iaculis Velit neque faucibus Dignissim eget. Neque Ultricies mäuris sägittis tempus Tincidunt risus hac. Mi facilisis viverra Liberö pröin massa id Nulla ät.Nunc vel interdum sodales Mauris nullam quis metus ultricies, äliquet Convallis Nibh mauris donec viverra ultrices ädipiscing duis nisi proin, risus ac Volutpät Nisi suspendisse amet nunc quisque Aliquet Egestäs quäm! Amet mässä a faucibus blandit in Törtör mauris ullamcorper, magna Ac eget odio faucibus Non eleifend pläteä habitänt urnä purus. Netus Tortor porta Et eu potenti, turpis elit urna.


Text mit Bild links - ohne Textfluss

Varius nec volutpat tortor sem, laoreet lobortis dui sed ipsum eu sit pellentesque, eget varius fermentum. Euismod egestas vel lacus faucibus! Risus a leo eget arcu tellus pretium eget id augue. At adipiscing sit quam diam, tincidunt ac sed etiam ut tristique sit mattis tincidunt? Elementum ipsum vel sed adipiscing blandit lacinia sem, urna sapien lectus pharetra odio vestibulum et at viverra lobortis, blandit amet ultrices sed tellus dui, vestibulum ornare tincidunt nulla dignissim fames? Augue adipiscing sit enim vitae aliquam porttitor facilisis augue id quis eu. Augue nunc aliquam at in congue eget suspendisse pulvinar id, lectus purus ac felis justo pharetra scelerisque ut ante urna pellentesque tellus, lobortis congue odio pretium sed est pretium in maecenas arcu eros! Diam sit cursus massa in sem hendrerit nisi, diam sem pellentesque at tincidunt, malesuada rhoncus tellus ultricies libero. Faucibus diam eget morbi urna donec elit volutpat donec vel in lobortis velit nunc metus amet, arcu eu suspendisse nulla quam arcu amet, urna dolor amet odio a justo.


Das alles funktioniert natürlich auch mit mehreren Bildern in bis zu acht Bildspalten...:

Mehrere Bilder im Textfluss

Facilisis varius sed nunc convallis lectus erat nibh maecenas nunc est interdum? Sed nulla fusce diam odio sed, at facilisi sed urna nunc massa ipsum lorem pulvinar quisque viverra tincidunt. Montes fermentum sit scelerisque pellentesque a, vel suspendisse integer odio aliquam arcu bibendum, non dignissim pellentesque consectetur odio, lorem leo pharetra bibendum vivamus risus donec. Quis habitasse tincidunt nulla eu at aenean vitae senectus vulputate imperdiet, vestibulum tortor morbi! At ridiculus nam euismod id arcu sit nibh, ut sapien parturient nibh egestas diam mattis! Risus dignissim ullamcorper nisl imperdiet adipiscing tellus vitae venenatis nibh, magna arcu turpis auctor a, leo pulvinar sodales commodo quisque nascetur sit aliquam est. At nec enim mi euismod nunc donec. Egestas hendrerit purus aenean enim mauris sit suspendisse hendrerit sed mi lectus, neque ipsum elementum vestibulum viverra.

Das funktioniert in allen anderen Positionen genauso.

So, jetzt wird es interessant...:

50/50 - Text zentriert

At vel mauris at vitae blandit ultrices convallis tristique faucibus bibendum tincidunt elementum massa a dignissim auctor amet vestibulum ultrices, elementum at lacus aliquet et eu morbi venenatis tincidunt posuere, habitant volutpat elementum est pretium et sit. Sollicitudin cum consequat ac nisl nullam sollicitudin, aliquam diam commodo egestas turpis nascetur et vestibulum nibh euismod


50/50 Text unten

Habitant leo vitae aliquet aliquam velit aliquet viverra et nec amet egestas dignissim nisl maecenas adipiscing habitant odio pulvinar facilisis, malesuada nulla donec tincidunt blandit eros. Sed morbi amet eu ultricies ullamcorper nec eget ut tincidunt. Faucibus in scelerisque dictumst nunc mi tristique nullam mauris lobortis volutpat quis dui risus vitae. Tincidunt nisl congue a ac sit suspendisse id blandit ac fermentum egestas tristique.