Apps unter dem Forum nebeneinander darstellen

10.02.2019 14:49
#1 Apps unter dem Forum nebeneinander darstellen
avatar
Mitglied

Hallo Freunde, nach gefühlten 100 Jahren bin ich wieder zurück und baue ein neues Forum auf. Leider ist in den 3 Jahren einiges in meinem Gedächtnis verschwunden. So auch der Code die Apps unten an meinem Forum nebeneinander darzustellen. In meinem alten Forum habe ich das noch gewußt........ Bitte schreibt mir das . Danke.
Derzeit schaut das so aus:

1
2
3
4
5
6
7
8
9
10
11
 
<a href="http://info.flagcounter.com/z6bd"><img src="http://s07.flagcounter.com/count/z6bd/bg_F9FF52/txt_000000/border_CC6B4E/columns_2/maxflags_12/viewers_0/labels_1/pageviews_1/flags_0/percent_0/" alt="Flag Counter" border="0"> </a><br>
Zum Gebrauch <br>
Gib einfach ein-> from: Euro= HUF; -> to: Forint= €
<div style="margin: 0px; padding: 0px; border: 2px solid rgb(136, 136, 136); width: 250px; background-color: rgb(255, 255, 255);" align="center"><div style="width: 100%; border-bottom: 1px solid rgb(136, 136, 136); margin: 0px; padding: 0px; text-align: center; color: rgb(0, 0, 0); background-color: rgb(204, 204, 204);" align="center"><a class="HS2label" href="https://fx-rate.net/EUR/HUF/" style="text-decoration: none; font-size: 12px; font-weight: bold; text-align: center; font-family: Arial; margin-bottom: 6px; color: rgb(0, 0, 0);">EUR</a></div><script type="text/javascript" src="https://fx-rate.net/converter.php?layout=horizontal&amount=1&tcolor=000000&currency=EUR&currency_pair=HUF&default_pair=EUR/HUF"></script></div>
 
<table cellpadding="0" cellspacing="0" style="border:1px solid #1860a4; background:#1860a4, width:130px;">
<tr><td><img src="https://www.meine-aktuelle-ip.de/images/header_gr.jpg" style="padding:0; margin:0;" width="128" height="26" border="0" title="IP Adresse" alt="IP Adresse" /></td></tr><tr><td style="vertical-align:text-bottom; text-align:center; font-family:arial; font-size:11px;"><iframe width="128" height="123" scrolling="no" frameborder="0" src="https://www.meine-aktuelle-ip.de/gadget/v2.html"></iframe></td></tr><tr><td style="background-image:url(https://www.meine-aktuelle-ip.de/images/footer.jpg); width:128px; height:16px; text-align:center;"><a href="https://www.meine-aktuelle-ip.de/" style="color:#FFF; font-family:Arial; font-size:11px;" target="_blank">IP Adresse</a></td></tr></table>
<br>
 
<a class="phonostar-listen-button" data-button-for="channel/6930" data-size="large" href="https://www.phonostar.de/radio/radiofresh80s">Internetradio Radio fresh80s bei phonostar anhören</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://www.phonostar.de/assets/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','phonostar-wjs')</script>
 



|addpics|uf-24-c1c9.jpg-invaddpicsinvv|/addpics|

Beste Grüße aus Ungarn

Peter

 Antworten

 Beitrag melden
11.02.2019 11:45
avatar  Sami
#2 RE: Apps unter dem Forum nebeneinander darstellen
avatar
Xobor

Hallo,

das wäre z.B mit DIV-Boxen möglich:

1
2
3
 
<div style="float: left;width: 300px;">Inhalt 1</div>
<div style="float: left;width: 300px;">Inhalt 2</div>
<div style="float: left;width: 300px;">Inhalt 3</div>
 

Schöne Grüße,
Sami

Support · Xobor.de · Miranus GmbH · Wir helfen gerne - Unterstütze Xobor durch die Buchung eines Premium Tarifs.

 Antworten

 Beitrag melden
11.02.2019 12:23
#3 RE: Apps unter dem Forum nebeneinander darstellen
avatar
Mitglied

Ja so ähnlich war das, aber der Code war einfacher. Zumal dein Vorschlag die Formatierung der Fusszeile verändert und das Plugin "10 Fach Banner Wechsler" von TipleM verändert. Danke jedenfalls
Peter

Beste Grüße aus Ungarn

Peter

 Antworten

 Beitrag melden
12.02.2019 15:47
#4 RE: Apps unter dem Forum nebeneinander darstellen
avatar
Mitglied

Weis noch jemand eine andere Lösung?

Beste Grüße aus Ungarn

Peter

 Antworten

 Beitrag melden
12.02.2019 16:16 (zuletzt bearbeitet: 12.02.2019 16:16)
avatar  Ingmar
#5 RE: Apps unter dem Forum nebeneinander darstellen
avatar
Technik

Samis Lösung sollte schon funktionieren. Damit das keine Auswirkungen auf die folgenden Inhalte hat solltest du abschließend noch ein

1
 
<div style="clear:both"></div>
 


hinzufügen


Also dann:

1
2
3
4
 
<div style="float: left;width: 300px;">Inhalt 1</div>
<div style="float: left;width: 300px;">Inhalt 2</div>
<div style="float: left;width: 300px;">Inhalt 3</div>
<div style="clear:both;"></div>
 



Statt den fixen Pixelwerten kannst du auch z.B width:20% für die Breite der divs angeben.

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!