zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden 3 und mehr Texte nebeneinander

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.05.2015, 18:11
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2014
Beiträge: 8
cydia befindet sich auf einem aufstrebenden Ast
Standard 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...
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.05.2015, 18:15
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.181
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.05.2015, 19:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2014
Beiträge: 8
cydia befindet sich auf einem aufstrebenden Ast
Standard

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>
Mit Zitat antworten
  #4 (permalink)  
Alt 26.05.2015, 19:28
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.101
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

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
Mit Zitat antworten
  #5 (permalink)  
Alt 27.05.2015, 08:44
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.181
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

<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>
Mit Zitat antworten
  #6 (permalink)  
Alt 27.05.2015, 14:48
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2014
Beiträge: 8
cydia befindet sich auf einem aufstrebenden Ast
Standard

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> 
Mit Zitat antworten
  #7 (permalink)  
Alt 27.05.2015, 18:47
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2014
Beiträge: 8
cydia befindet sich auf einem aufstrebenden Ast
Standard

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?
Mit Zitat antworten
  #8 (permalink)  
Alt 28.05.2015, 09:25
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.181
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Du hast immer noch einen Absatz in deinem Absatz. So kann das gar nicht funktionieren. Siehe mein voriger Post.
Mit Zitat antworten
  #9 (permalink)  
Alt 28.05.2015, 17:34
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2014
Beiträge: 8
cydia befindet sich auf einem aufstrebenden Ast
Standard

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> 
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 28.05.2015, 17:37
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2014
Beiträge: 8
cydia befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:48 Uhr.