Mehrere HTML-Elemente nebeneinander

Hallo,

hier wieder der Wochendend-Progarmmierer.

Ich beiße mir gerade die Zähne aus. Wie kann ich mehrere HTML-Absatzelemente NEBENEINANDER platzieren? Untereinander ist ja kein Problem, aber bei kleinen Backlinks z.B. würden locker 5-6 nebeneinander passen. Tabelle scheint da nicht die Lösung zu sein. Würde mich über einen Tipp sehr freuen. Ansonsten einen schönen 2. Advent!

Gruß .. Rainer

Wieso sollte eine Tabelle keine Option sein...? Was genau willst Du denn machen...?

Ich habe es ausprobiert: Wenn ich in die Zellen einer Tabelle den HTML-Code eingebe, wird dieser nur als Text dargestellt. Als HTML-Element wird der Code auch als anklickbarer Button (z.B.) ausgeführt. Solche kleinen HTML-Code-Buttons möchte ich nebeneinader und nicht nur untereinander platzieren.

Das heisst also, dass Dir irgendwelche Seiten, denen Du einen Backlink setzen willst, dazu einen HTML-Code zur Verfügung stellen...? Hast Du mal ein Beispiel?

Genaus so! Und weil ich das dezent einbinden möchte, nehme ich kleine Buttons, und die sollen nebeneinander sitzen, damit die Besucher nicht kilometerweise nach unten scrollen müssen.

Nimmst DU die Buttons, oder werden sie Dir im Code zur Verfügung gestellt? Wenn DU sie ja nimmst, dann kannst Du sie ja auch in der Tabelle verwenden. Hast Du mal ein Codebeispiel?

<a href="http://www.branchenbuchsuche.de/werbung-medien-in-leiwen"><img src="http://www.branchenbuchsuche.de/images/button-banner.gif" border="0" alt="Werbung & Medien Leiwen"></a>

Zu sehen hier: http://briesch24.net Startseite 

Ich würde es so machen, dass ich mir eine separate Klasse anlegen würde (z.B. "backlink"), der ich eine prozentuelle Breite gebe (z.B. 20% für 5 nebeneinander, 10% für 10 nebeneinander, etc.).

Dann schreibe ich mir eine erweiterte Eigenschaft, mit der ich dem Absatz diese Klasse zuordnen kann.

Fertig...!  

P.S.

Da Du ja ein responsive Design (Riga) verwendest:

In den Media Queries würde ich die Breite anpassen, denn auf einem Handy passen z.B. nicht mehr als 2 nebeneinander...!

Wenn ich deine Frage richtig verstanden habe, so müsstest Du mit folgendem Code in einem  HTML-Absatz dein Ziel erreichen.

1
2
3
4
5
6

<table width="100%" class="cells"><tr>
<td width="25%"  class="cell" align="center" valign="bottom"><a href="http://www.branchenbuchsuche.de/werbung-medien-in-leiwen"><img src="http://www.branchenbuchsuche.de/images/button-banner.gif" border="0" alt="Werbung & Medien Leiwen"></a></td>
<td width="25%"  class="cell" align="center" valign="bottom"><a href="http://www.branchenbuchsuche.de/werbung-medien-in-leiwen"><img src="http://www.branchenbuchsuche.de/images/button-banner.gif" border="0" alt="Werbung & Medien Leiwen"></a></td>
<td width="25%"  class="cell" align="center" valign="bottom"><a href="http://www.branchenbuchsuche.de/werbung-medien-in-leiwen"><img src="http://www.branchenbuchsuche.de/images/button-banner.gif" border="0" alt="Werbung & Medien Leiwen"></a></td>
<td width="25%"  class="cell" align="center" valign="bottom"><a href="http://www.branchenbuchsuche.de/werbung-medien-in-leiwen"><img src="http://www.branchenbuchsuche.de/images/button-banner.gif" border="0" alt="Werbung & Medien Leiwen"></a></td>
</tr></table>

Wobei Dein Code, Alain, jedoch besser CSS-basiert formatiert werden sollte anstatt mit Tag-Attributen wie width="#", align="#", valign="#", border="#", um dann auch vollständig HTML5-konform zu sein.

Hallo Volker,

dann habe ich wohl bei den letzten Lektionen nicht aufgepasst und muss jetzt nachsitzen

Es ist tatsächlich schon einige Jahre her, dass ich diesen Codeschnipsel eingebaut habe. Insofern befolge ich jetzt deinen Rat und bringe es up... to date.