XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   (X)HTML (http://xhtmlforum.de/forumdisplay.php?f=72)
-   -   3 und mehr Texte nebeneinander (http://xhtmlforum.de/showthread.php?t=72061)

cydia 26.05.2015 18:11

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>

also hier kann man es sehen:

Lastore

es sind nur 2 texte nebeneinander?! nicht alle...

cloned 26.05.2015 18:15

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.

cydia 26.05.2015 19:06

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>


MrMurphy 26.05.2015 19:28

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

cloned 27.05.2015 08:44

<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>


cydia 27.05.2015 14:48

hallo,

habe ich auch so gemacht, doch leider geht es nicht:

PHP-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 (211);
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> 


cydia 27.05.2015 18:47

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>

dann das hier:

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>

aber ist wohl nicht richtig?

cloned 28.05.2015 09:25

Du hast immer noch einen Absatz in deinem Absatz. So kann das gar nicht funktionieren. Siehe mein voriger Post.

cydia 28.05.2015 17:34

hmmm...
warte mal... also dachte es geht so:

will per css dem text sagen das er linksbündig soll, dann mache ich:

PHP-Code:

<p style="float: left; width: 22%; margin: 0px"> </p

jetzt habe ich ein bild oder code den ich danach reinwerfe:


PHP-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 (211);
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> 

jetzt möchte ich unterm bild/code/text eine überschrift haben, also mache ich das hier:



PHP-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 (211);
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>


</p> 



und dann noch unter der überschrift einen text also so:


PHP-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 (211);
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> 


cydia 28.05.2015 17:37

bzw. wie ich dich verstanden habe, soll mein text noch einen absatz haben? also so:


PHP-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 (211);
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>
<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>

                                        </p> 

? geht aber auch nicht


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:33 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023