<div> tag oder lieber <p> in meinem beispiel

[chaosboy]

Hallo Leute bin neu hier und habe ein kleines projekt vor.
Baue meine seite gerade so um das sie typo3 gerecht wird.
nachdem ich aber fast keine ahnung von typo3 habe und ich dies aber erlernen muss bleibt mir eigentlich nichts anderes übrig.

Und zwar habe ich eine linkleiste die die mir die links allerdings nicht untereinander ausgeben soll sondern nebeneinander.
eigentlich ja überhaupt kein problem in html
allerdings wenn ich da mit <div>`s arbeiten muss schon.
Bekomme die Leiste nämlich damit nur untereinander hin.
Hier der code:

<td id="menu_2">
  <class="subHeader"> * <a href="<A href="http://">News</a">http://">News</a>
  <class="subHeader">| * <a href="<A href="http://">Termine/Veranstaltungen</a">http://">Termine/Veranstaltungen</a>
  <class="subHeader">| * <a href="<A href="http://">Unternehmen</a">http://">Unternehmen</a>
  <class="subHeader">| * <a href="<A href="http://">Einrichtungen</a">http://">Einrichtungen</a>
  <class="subHeader">| * <a href="<A href="http://">Wohnen</a">http://">Wohnen</a>
  <class="subHeader">| * <a href="<A href=http://>arbeit</a></td>

Wenn das einer weiss wie ich das nebeneinander bekomme wäre ich sehr dankbar.

gruß
chaos

 

[koslowski]

Hi,

entweder mit

#navi li  {display:inline;  }

oder mit:

#navi li  {  float:left;  }

Display:inline; ist einfacher umzusetzen, bei float:left/right hast du dafür mehr Kontrolle über die Darstellung.

 

[chaosboy]

hi, danke für die schnelle antwort.
nur wie schreibe ich das dann anhand meinem beispiel?

#navi li {display:inline; }

hab ich noch nie gehört.

gruß
chaos

 

[koslowski]

Hi,

hi, danke für die schnelle antwort.
nur wie schreibe ich das dann anhand meinem beispiel?
hab ich noch nie gehört.
gruß
chaos

Eine Aufzählung von Links ist eine Linkliste und da gehören sie semantisch auch rein.

  <div id="navi">
            <ul>
            <li><a href="#">Link</a></li>
             usw.
          </ul>
          </div>

Dann formatierst du mit CSS:

#navi li  {display:inline;  }

und schon hast du aus einem Blockelement ein Inline-Blockelement gemacht, damit steht dann normal alles nebeneinander.