2 Listen nebeneinander mit festem Abstand

JuliaStein

Hallo liebe Freude. Auf der Seite http://bit.ly/19SLRxe habe ich unten rechts im Kasten (Sprachkombinationen) eine Liste mit Begriffen, wobei ich gerne die Begriffe rechts gerade untereinander, auch bündig aufgelistet haben möchte. Leider habe ich es selbst nicht lösen können.
Danke

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

SirEctor

mach eine zweite Auflistung mit ul li und setz die per float daneben. Dann hast du beides sauber nebeneinander.

JuliaStein

:( ich kenne mich leider garnicht aus. Gebe es vielleicht einen Code den ich einfügen könnte ?

JuliaStein

:sad: ich kenne mich leider garnicht aus. Gebe es vielleicht einen Code den ich einfügen könnte ?

SirEctor

Tut mir leid, wenn man eine Webseite betreiben will, sollte man sich schon etwas damit befassen. Die passenden Schlagwörter habe ich dir geliefert. Den Rest musst du per CSS selber regeln. Das hat nicht unbedingt was mit Wordpress zu tun.

JuliaStein

Ich bin leider nicht der Webseitenbetreiber. Hatte mich nur bereit erklärt unterstützend tätig zu werden :) Danke dennoch

SirEctor

Eine relativ einfache Idee habe ich noch. Schreibe die Begriffe auf der rechten Seite in dem Textwidget in einen zusätzlichen span, also z. B. so <span>Deutsch</span>

In deine CSS schreibst du dann folgendes

Code

.textwidget span span {
  margin-right: 4em;
  display: block;
  float: right;
  width: 8em;
}

JuliaStein

Herzlichen dank :)

JuliaStein

Habe es leider nicht hinbekommen :(

Was ich versucht habe:
A: Mit zweiter ul und li und daneben setzen
1.
<ul>
<li>Türkisch</li>
<li>Deutsch</li>
<li>Türkisch</li>
</ul>

<li>Deutsch</li>
<li>Türkisch</li>
<li>Englisch</li>
{ float: left;
}

Und B: die Begriffe in einen zusätzlichen span geschrieben: und in die style.css den obigen code eingegeben:
<ul>
<li>Türkisch</li>
<li>Deutsch</li>
<li>Türkisch</li>
</ul>
<span>Deutsch</span>
<span>Türkisch</span>
<span>Englisch</span>

Bin als Laie für jede Hilfe dankbar :(

Maria-Anne

warum machst Du nicht einfach eine Tabelle?
die würde so aussehen (statt <ul>... bis </ul>):

<table>
<tr><td>Türkisch</td><td>Deutsch</td></tr>
<tr><td>Deutsch</td><td>Türkisch</td></tr>
<tr><td>Türkisch</td><td>Englisch</td></tr>
usw.
<tr><td>Russisch</td><td>Türkisch</td></tr>
</table>

und falls die Tabelle ohne Rahmen sein soll, dann eben border="0" ins erste <table> einsetzen. also: <table border="0">

Gruß M-A

Willkommen! Melden Sie sich an oder registrieren Sie sich.

2 Listen nebeneinander mit festem Abstand

Jetzt mitmachen!