|
|||
3 und mehr Texte nebeneinander
hallo,
irgendwie kriege ich es nicht gebacken... also will 3 und mehr texte, nebeneinander haben... doch... ihr werdet es nicht glauben, es gelingt mir nicht... also hier der code: HTML-Code:
<div class="tab-body"> <div id="tab0" class="tab-content"> <p style="float: left; width: 50%; margin: 0"> <strong>GRAVIS</strong> - ist die größte deutsche Handelskette für Apple-Produkte und digitalen Lifestyle. Ut ac tristique quam. Aenean tincidunt ipsum et magna consequat in auctor nisi molestie. Duis ornare, nibh quis accumsan ullamcorper, </p> <p style="float: left; width: 50%; margin: 0"> <strong>Ut ac tristique</strong> quam. Aenean tincidunt ipsum et magna consequat in auctor nisi molestie. Duis ornare, nibh quis accumsan ullamcorper, lacus lacus posuere purus, eget auctor velit velit sed arcu. Phasellus a gravida quam. Mauris tristique lectus metus. Aenean lorem leo, rhoncus eget varius a, adipiscing in turpis. Vivamus egestas euismod nisi ut bibendum. In faucibus, massa in porta venenatis, diam enim suscipit lorem, vitae ultrices urna turpis et lectus.</p> <p style="float: left; width: 50%; margin: 0"> <strong>GRAVIS</strong> - ist die größte deutsche Handelskette für Apple-Produkte und digitalen Lifestyle. Ut ac tristique quam. Aenean tincidunt ipsum et magna consequat in auctor nisi molestie. Duis ornare, nibh quis accumsan ullamcorper, </p> <p style="float: left; width: 50%; margin: 0"> <strong>Ut ac tristique</strong> quam. Aenean tincidunt ipsum et magna consequat in auctor nisi molestie. Duis ornare, nibh quis accumsan ullamcorper, lacus lacus posuere purus, eget auctor velit velit sed arcu. Phasellus a gravida quam. Mauris tristique lectus metus. Aenean lorem leo, rhoncus eget varius a, adipiscing in turpis. Vivamus egestas euismod nisi ut bibendum. In faucibus, massa in porta venenatis, diam enim suscipit lorem, vitae ultrices urna turpis et lectus.</p> </div> <div id="tab1" class="tab-content"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis feugiat rutrum luctus. Proin nisl augue, tempus quis lacinia at, ultrices eget sapien. Vestibulum at orci a eros molestie rutrum. Fusce interdum erat vel eros elementum vitae interdum massa varius. Morbi fermentum commodo nisi, id interdum mauris suscipit pellentesque. Morbi velit eros, accumsan ut faucibus at, viverra id mi. Nunc augue nisl, rutrum vitae luctus nec, lobortis sit amet diam. Proin porttitor semper sollicitudin. Donec mollis rhoncus turpis et rhoncus. In elit nisl, ultrices id mollis ut, dapibus eget nulla. Fusce laoreet neque ut purus faucibus ut condimentum purus condimentum. Vestibulum vel magna ligula, in tincidunt augue. Fusce sit amet neque ut neque vestibulum rhoncus in eu nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer interdum sapien facilisis odio fermentum tincidunt. Nullam a ante augue.</p> </div> <div id="tab2" class="tab-content"> <p style="float: left; width: 50%; margin: 0"> <strong>GRAVIS</strong> - ist die größte deutsche Handelskette für Apple-Produkte und digitalen Lifestyle. Ut ac tristique quam. Aenean tincidunt ipsum et magna consequat in auctor nisi molestie. Duis ornare, nibh quis accumsan ullamcorper, </p></div> </div> Lastore es sind nur 2 texte nebeneinander?! nicht alle... |
Sponsored Links |
|
|||
Du hast width mit 50% angegeben. Zweimal 50% ergeben 100%. Alles, was mehr als 100% ist, kommt in die neue Zeile.
wer floatet, sollte übrigens auch clearen. Verzichte auch auf inline-styles und schreibe solche Anweisungen ins CSS. |
Sponsored Links |
|
|||
aaaa... stimmt... danke... noch eine frage... wie kann ich jetzt einen absatz im text machen?
mit einem weiteren <p> und </p> geht es leider nicht?! also sagen wir mal ich möchte oben ein bild oder noch ein text reinschreiben: HTML-Code:
<p style="float: left; width: 22%; margin: 0px"> ---- BILD ---- <strong>GRAVIS</strong> - ist die größte deutsche Handelskette für Apple-Produkte und digitalen Lifestyle. Ut ac tristique quam. Aenean tincidunt ipsum et magna consequat in auctor nisi molestie. Duis ornare, nibh quis accumsan ullamcorper, </p> |
|
|||
Hallo,
die HTML- und CSS-Grundlagen findest du zum Beispiel unter Little Boxes online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS (Peter Müller) Gruss MrMurphy |
|
|||
<p> ist ein Absatz, du machst also nach einem Absatz <p> noch einen. Das schaut dann so aus:
Code:
<p> Das ist mein erster Absatz</p> <p> Und weil ich so toll bin gibt es hier noch einen Absatz!</p> |
|
|||
hallo,
habe ich auch so gemacht, doch leider geht es nicht: PHP-Code:
|
|
|||
danke für die hilfe aber leider checke ich es nicht... habe es so aus dem bild nicht herausfinden können was du genau gemacht hast...
habe das hier versucht: HTML-Code:
<p style="float: left; width: 22%; margin: 0px"> <script type="text/javascript"> var uri = 'http://impde.tradedoubler.com/imp?type(img)g(18256900)a(2293005)' + new String (Math.random()).substring (2, 11); document.write('<a href="http://clk.tradedoubler.com/click?p=139965&a=2293005&g=18256900" target="_BLANK"><img src="'+uri+'" border=0></a>'); </script> <p><strong>GRAVIS</strong> </p>- ist die größte deutsche Handelskette für Apple-Produkte und digitalen Lifestyle. Ut ac tristique quam. Aenean tincidunt ipsum et magna consequat in auctor nisi molestie. Duis ornare, nibh quis accumsan ullamcorper, </p> HTML-Code:
<p style="float: left; width: 22%; margin: 0px"> <script type="text/javascript"> var uri = 'http://impde.tradedoubler.com/imp?type(img)g(18256900)a(2293005)' + new String (Math.random()).substring (2, 11); document.write('<a href="http://clk.tradedoubler.com/click?p=139965&a=2293005&g=18256900" target="_BLANK"><img src="'+uri+'" border=0></a>'); </script> <p></p><strong>GRAVIS</strong> <p></p>- ist die größte deutsche Handelskette für Apple-Produkte und digitalen Lifestyle. Ut ac tristique quam. Aenean tincidunt ipsum et magna consequat in auctor nisi molestie. Duis ornare, nibh quis accumsan ullamcorper, </p> |
|
|||
hmmm...
warte mal... also dachte es geht so: will per css dem text sagen das er linksbündig soll, dann mache ich: PHP-Code:
PHP-Code:
PHP-Code:
und dann noch unter der überschrift einen text also so: PHP-Code:
|
Sponsored Links |
|
|||
bzw. wie ich dich verstanden habe, soll mein text noch einen absatz haben? also so:
PHP-Code:
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Divs, welche links enthalten, nebeneinander zentrieren | azrax | CSS | 5 | 06.08.2011 11:36 |
Divs nebeneinander... | Sengi | CSS | 4 | 23.05.2009 09:23 |
horizontale Navigation - Button bleiben nicht nebeneinander | brazzo | CSS | 3 | 16.06.2007 14:19 |
drei Texte nebeneinander positionieren | Gifmik | CSS | 2 | 18.01.2006 11:44 |
Texte richtig nebeneinander positionieren? | Gifmik | CSS | 10 | 09.05.2005 11:56 |