Links sauber nebeneinander setzen IE und FF 6?

[Shorty]

Hallo ich habe mir nach dieser Anleitung: ANLEITUNG: Statische Navigationsleiste mit Warenkorb & Suche am oberen Bildrand

das Topmenü umgebaut und soweit haut auch alles hin nur,wenn ich diesen Code:

Code: PHP  [Auswählen]

<div id="topmenuwrap">
                <div id="staticcart">
  <div id="staticcartinner">
        <ul id="topmenu" style="margin-top:40px;">
            <li><a href="{$index}">{#link_index#}</a></li><li><a href="http://www.schnaeppchenpiet.de/gbook/index.php">G&auml;stebuch</a></li><br />
           <li><a href="{$cart}">{#link_cart#}</a></li><li><a href="http://www.schnaeppchenpiet.de/-Preisvorschlagen:_:8.html">Preisvorschlag</a></li><br />
           {if $account}<li><a href="{$account}">{#link_account#}</a></li>{/if}<li><a href="{$checkout}">{#link_checkout#}</a></li><br />
       </ul>
        </div>
</div>

in die "index.html" eintrage werden sie im Firefox nebeneinander dargestellt ,aber im IE total versetzt?

Wie bekomme ich es hin, dass sie in beiden nebeneinander dargestellt werden?

Linkback: https://www.modified-shop.org/forum/index.php?topic=15071.0

[franky_n]

Hallo Shorty,

die <br /> sind Zeilenumbrüche.
Wahrscheinlich stören die.
Du musst am Besten auch noch mal den Quellcode formatieren.
Dann siehst Du solche Sachen sehr schnell.
Sauber arbeiten ist da oft effektiver.

Viele Grüße

Franky

[Shorty]

Hallo franky_n,

danke wie genau formatiere ich den Quellcode?

Ich bemühe mich sauber zu arbeiten und bin für jeden Tipp dankbar, denn dann falle ich hier weniger zur Last.

[franky_n]

Hallo Shorty,

an Deinem Beispiel:

Code: PHP  [Auswählen]

  <div id="topmenuwrap">
    <div id="staticcart">
      <div id="staticcartinner">
        <ul id="topmenu" style="margin-top:40px;">
          <li>
            <a href="{$index}">{#link_index#}</a>
         </li>
          <li>
            <a href="http://www.schnaeppchenpiet.de/gbook/index.php">G&auml;stebuch</a>
          </li>
          <br />
          <li>
            <a href="{$cart}">{#link_cart#}</a>
         </li>
          <li>
            <a href="http://www.schnaeppchenpiet.de/-Preisvorschlagen:_:8.html">Preisvorschlag</a>
          </li>
          <br />
          {if $account}
            <li>
              <a href="{$account}">{#link_account#}</a>
           </li>
          {/if}
          <li>
            <a href="{$checkout}">{#link_checkout#}</a>
         </li>
          <br />
        </ul>
      </div>
   </div>
 

So siehst Du ganz genau z.B. wo das <ul> anfängt und das </ul> endet, wenn Du nämlich oben Deinen Cursor im Editor vor das <ul> setzt und dann die Taste "Pfeil nach unten" drückst kommst Du automatisch bei dem </ul> aus was dann eben das Ende ist.

Mit einem Blick siehst Du ebenfalls welche Befehle in dem if des {if $account} stehen.

Und Du bemerkst das zwischen einigen <li>'s <br />'s stehen und bei einigen nicht.

Viele Grüße

Franky

[Shorty]

Hallo franky_n
Ich habe das nun wider und wider gelesen und auch getestet aber das ergebniss besser sich nicht,ich verstehe den text nicht denke ich um es richtig an zu wenden?

Ich habe auch das mit dem Editor (UltraEdit) undd er Pfeil taste versucht aber es passierte nichts?

[franky_n]

Hallo Shorty,

das Beispiel oben von mir diente nur dazu, damit Du siehst wie man HTML Code normalerweise formatiert.

Jedes <ul> hat z.B. auch ein </ul>. Das ist dann jeweils der Anfang und das Ende des HTML Befehls.

Zwischen den <li> </li> siehst Du dann die Befehle der Menüpunkte.

Und Du siehst auch das zwischen einigen </li> und <li> auch <br /> sind oder nicht?

Diese gilt es raus zu nehmen damit Du zwischen den Menüpunkten keinen Zeilenumbruch machst.

Aber sowas siehst Du halt nur wenn es so formatiert ist und Du weißt wo ein Befehl anfängt und wo er endet.

Viele Grüße

Franky

[Shorty]

Hallo franky_n,
dann hatte ich das doch richtig verstanden, aber auch wenn ich das so mache und der Anfang und das Ende stimmen ohne die <br /> Zeilen Umbrüche sieht es noch genauso bes... aus im IE?

[franky_n]

Hallo Shorty,

naja im Firefox sieht es auch nicht berühmt aus!
Das liegt eher am CSS, zumindest hast Du schon mal den Fehler mit den <br /> raus.
Dann schau mal mit dem Firebug in Deine Seite.
Das Menü selber zieht sich ja schon über die ganze Seite wenn Du im HTML Code auf die richtige Stelle gehst...

Viele Grüße

Franky

[Shorty]

Hallo franky_n,
Danke für deine Hilfe. Ich schaue dann mal, ob ich das im CSS selber hinbekomme, andernfalls melde ich mich nochmal.