PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Shop
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Contest-Bereich - 2D, 3D & Fotografie
2D-Contests - Monatscontests, User-Battles, ...
Ausrichtung von Listengrafik - Problem im IE
Beitrag
<blockquote data-quote="Ironbird" data-source="post: 731665" data-attributes="member: 117541"><p>Hallo,</p><p> </p><p>habe mal wieder ärger mit dem Internet Explorer.</p><p> </p><p>Ich möchte eine Navigationsleiste Programmieren. Ich möchte auf die Listen-Typen verzichten, da ich eigene Listenpunkt-Bilder erstellt habe.</p><p> </p><p>Schon bei unformatierter Ausrichtung sieht man, dass sich das eingefügte Bilt im IE ein Pixel höher angeordnet wird wie es eigentlich sollte. Aber so Eng wollt ich ja eh die Navigationsounkte nicht haben.</p><p> </p><p>Also habe ich dem <li>-Attribut den Padding-Befehl nach oben und unten 10 Pixel anzuwenden, damit das ganze ein wenig luftiger wird.</p><p>Im Firefox klappt das einwandfrei, aber der IE setzt nun meine Grafik noch höher an.</p><p> </p><p>Hier könnt ihr mal das ansehen:</p><p> </p><p></p><p> </p><p>Und hier ist der Code:</p><p> </p><p> </p><p>CSS:</p><p> </p><p>#sidebar1 ul {</p><p>font-size: 12px;</p><p>list-style-type: none;</p><p>}</p><p> </p><p>#sidebar1 li {</p><p>list-style-image: url(../pics/button-inactive.gif);</p><p>padding-top: 10px;</p><p>padding-right: 0px;</p><p>padding-bottom: 10px;</p><p>padding-left: 0px;</p><p>}</p><p> </p><p> </p><p>XHTML:</p><p> </p><p><div id="sidebar1"><ul></p><p><li><a href="index.html">Home</a></li></p><p><li><a href="zeichenkurse.html">Zeichenkurse</a></li></p><p><li><a href="bilder.html">Bilder und Zeichnungen</a></li></p><p><li><a href="illustrationen.html">Buchillustrationen</a></li></p><p><li><a href="ausstellungen.html">Ausstellungen</a></li></p><p><li><a href="werbegrafik.html">Werbegrafik</a></li></p><p><li><a href="vita.html">Vita</a></li></p><p><li><a href="kontakt.html">Kontakt</a></li></p><p></ul></p><p> </p><p><!-- end #sidebar1 --></div></p><p> </p><p>Ich habe auch schon probiert, die Grafiken bei dem <ul>-Attribut einzufügen, aber das ergebniss ist dasselbe. Ausserdem soll sich die Farbe je nach "activ" bzw. "hover" ändern. Also bin ich sozusagen an das <li>-Attribut gebunden. (Farbe einbinden kommt noch, es geht mir jetzt erstmal nur um die Ausrichtung)</p><p> </p><p>Meine Frage ist nun, wie bekomm ich die Grafik so an das <li>-Attribut angehängt, dass es mit dem Text Bündig ist, so wie im Firefox?</p><p> </p><p>Oder gibt es eine Möglichkeit die Größe des List-styles : "quadrat" zu verändern? Das wäre nämlich die einfachste Variante. Aber so klein sieht das optisch nicht so toll aus finde ich. Die Font-größe beträgt 12px, und da wirken die Quadrate sehr mickrig. Wenn man die vergrößern könnte, wäre mein Problem gelöst.</p><p> </p><p>Hat jemand ne Idee wie man das hinbekommt?</p><p> </p><p>Vielen Dank schon mal für eure Antworten.</p><p> </p><p>Gruß</p><p> </p><p>Ironbird</p></blockquote><p></p>
[QUOTE="Ironbird, post: 731665, member: 117541"] Hallo, habe mal wieder ärger mit dem Internet Explorer. Ich möchte eine Navigationsleiste Programmieren. Ich möchte auf die Listen-Typen verzichten, da ich eigene Listenpunkt-Bilder erstellt habe. Schon bei unformatierter Ausrichtung sieht man, dass sich das eingefügte Bilt im IE ein Pixel höher angeordnet wird wie es eigentlich sollte. Aber so Eng wollt ich ja eh die Navigationsounkte nicht haben. Also habe ich dem <li>-Attribut den Padding-Befehl nach oben und unten 10 Pixel anzuwenden, damit das ganze ein wenig luftiger wird. Im Firefox klappt das einwandfrei, aber der IE setzt nun meine Grafik noch höher an. Hier könnt ihr mal das ansehen: Und hier ist der Code: CSS: #sidebar1 ul { font-size: 12px; list-style-type: none; } #sidebar1 li { list-style-image: url(../pics/button-inactive.gif); padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } XHTML: <div id="sidebar1"><ul> <li><a href="index.html">Home</a></li> <li><a href="zeichenkurse.html">Zeichenkurse</a></li> <li><a href="bilder.html">Bilder und Zeichnungen</a></li> <li><a href="illustrationen.html">Buchillustrationen</a></li> <li><a href="ausstellungen.html">Ausstellungen</a></li> <li><a href="werbegrafik.html">Werbegrafik</a></li> <li><a href="vita.html">Vita</a></li> <li><a href="kontakt.html">Kontakt</a></li> </ul> <!-- end #sidebar1 --></div> Ich habe auch schon probiert, die Grafiken bei dem <ul>-Attribut einzufügen, aber das ergebniss ist dasselbe. Ausserdem soll sich die Farbe je nach "activ" bzw. "hover" ändern. Also bin ich sozusagen an das <li>-Attribut gebunden. (Farbe einbinden kommt noch, es geht mir jetzt erstmal nur um die Ausrichtung) Meine Frage ist nun, wie bekomm ich die Grafik so an das <li>-Attribut angehängt, dass es mit dem Text Bündig ist, so wie im Firefox? Oder gibt es eine Möglichkeit die Größe des List-styles : "quadrat" zu verändern? Das wäre nämlich die einfachste Variante. Aber so klein sieht das optisch nicht so toll aus finde ich. Die Font-größe beträgt 12px, und da wirken die Quadrate sehr mickrig. Wenn man die vergrößern könnte, wäre mein Problem gelöst. Hat jemand ne Idee wie man das hinbekommt? Vielen Dank schon mal für eure Antworten. Gruß Ironbird [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Der grüne Frosch hüpft über die Hügel an den Bäumen vorbei in die Höhle. Bitte nenne das zweite Wort!
Antworten
Start
Forum
Contest-Bereich - 2D, 3D & Fotografie
2D-Contests - Monatscontests, User-Battles, ...
Ausrichtung von Listengrafik - Problem im IE
Oben