Suche im Forum:
Suchen


Autor Nachricht
Beitrag31.08.2014 um 13:02 (UTC)    
Titel: Buttons werden untereinander angzeigt

Hallo User,
Ich bin ganz neu hier und wollte eine Website für meinen YouTube-Kanal machen habe gestern angefangen. Wollte jetzt nur mal fragen warum bei mir die Buttons untereinander angezeigt werden.
Hier die Seite: futgaming.de.tl
der Code bei "Text im unteren Bereich des Designs" :
Code:
 <div style="text-align: left;">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com/FUTGamingYT&layout=button_count&show_faces=true&action=like&colorscheme=light&" style="width:300px;height:80px;" scrolling="no" frameborder="0" allowTransparency="true"></iframe><style>.fbook{position: absolute; font-color:#333; top:-1668px; font-size:10;}</style></style><a href="http://wptiger.com" class="fbook">wptiger.com</a><style>.fbook-style_map:initreaction=10false_attempt10-border</style><style>closemap"init"if=fb_connect-start="25"check_bandwith</style>
</div>
<div style="text-align: center;"><script src="https://apis.google.com/js/platform.js"></script>

<div class="g-ytsubscribe" data-channel="FUTVerlosungenDE" data-layout="full" data-theme="dark" data-count="default"></div></div>
<div style="text-align: right;"><a href="https://twitter.com/FUTGamingDE" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @FUTGamingDE</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></div>


Danke schon mal im voraus für eure Hilfe
Alex
Beitrag31.08.2014 um 14:08 (UTC)    
Titel: Re: Buttons werden untereinander angzeigt

DIV ist ein Blocklevel-Element und belegt somit immer eine ganze Zeile, sprich hat 100% Breite. Wenn du die Darstellung als Inline-element erzwingst, können die DIV-Elemente auch in einer Zeile nebeneinander angezeigt werden:
Code:
<div style="text-align: left; display: inline;">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com/FUTGamingYT&layout=button_count&show_faces=true&action=like&colorscheme=light&" style="width:110px;height:35px;" scrolling="no" frameborder="0" allowTransparency="true"></iframe><style>.fbook{position: absolute; font-color:#333; top:-1668px; font-size:10;}</style></style><a href="http://wptiger.com" class="fbook">wptiger.com</a><style>.fbook-style_map:initreaction=10false_attempt10-border</style><style>closemap"init"if=fb_connect-start="25"check_bandwith</style>
</div>

<div style="text-align: center; display: inline;">
<script src="https://apis.google.com/js/platform.js"></script><div class="g-ytsubscribe" data-channel="FUTVerlosungenDE" data-layout="full" data-theme="dark" data-count="default"></div>
</div>

<div style="text-align: right; display: inline;">
<a href="https://twitter.com/FUTGamingDE" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @FUTGamingDE</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>
Beitrag31.08.2014 um 17:40 (UTC)    
Titel: DANKE

Problem gelöst, tausend Dank!
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de