PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
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
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Problem mit Darstellung von Navi
Beitrag
<blockquote data-quote="Myhar" data-source="post: 1831497" data-attributes="member: 134786"><p><strong>AW: Problem mit Darstellung von Navi</strong></p><p></p><p>was ist der Sinn der bg-navigation-neu.jpg ? Du kannst deine Schrift auch mit CSS so rot stylen</p><p>[CODE]</p><p>color: #992F2F;</p><p>[/CODE]</p><p></p><p>Ich weiß nicht, wie es aussehen soll, aber du möchtest die Links mit den 3 Punkten aus der Grafik versehen, wenn man mit der Maus drüberfährt? Dann pack nur die 3 Punkte in eine Grafik. Aber bitte kein JPG, befasse dich etwas mit Bildformaten und wo man welche einsetzt. JPGs kannst du bei Fotos und dergleichen einsetzen, bei Navigationselementen mit wenigen Farben ist PNG oder eventuell sogar auch GIF die korrekte Wahl. </p><p>Die 3 Punkte setzt du dann einfach bei :hover als background-grafik: </p><p>[CODE]</p><p>#navigation a:hover{background:url(deine_drei_punkte.gif) no-repeat left bottom;}</p><p>[/CODE]</p><p></p><p>Eine Unterscheidung zwischen den einzelnen Navigationspunkten ist nur dann sinnvoll, wenn diese unterschiedlich gestyled werden sollen. ZB: Jeder in einer anderen Farbe, andere Hintergrundgrafik etc.</p><p></p><p>Abgeschnitten werden deine Grafiken, weil der Platz für deine <a> Elemente in den <li> nicht hoch genug ist. Das sieht man gut, wenn man sich die Seite zB mit Firebug ansieht. </p><p></p><p>L. G.</p></blockquote><p></p>
[QUOTE="Myhar, post: 1831497, member: 134786"] [b]AW: Problem mit Darstellung von Navi[/b] was ist der Sinn der bg-navigation-neu.jpg ? Du kannst deine Schrift auch mit CSS so rot stylen [CODE] color: #992F2F; [/CODE] Ich weiß nicht, wie es aussehen soll, aber du möchtest die Links mit den 3 Punkten aus der Grafik versehen, wenn man mit der Maus drüberfährt? Dann pack nur die 3 Punkte in eine Grafik. Aber bitte kein JPG, befasse dich etwas mit Bildformaten und wo man welche einsetzt. JPGs kannst du bei Fotos und dergleichen einsetzen, bei Navigationselementen mit wenigen Farben ist PNG oder eventuell sogar auch GIF die korrekte Wahl. Die 3 Punkte setzt du dann einfach bei :hover als background-grafik: [CODE] #navigation a:hover{background:url(deine_drei_punkte.gif) no-repeat left bottom;} [/CODE] Eine Unterscheidung zwischen den einzelnen Navigationspunkten ist nur dann sinnvoll, wenn diese unterschiedlich gestyled werden sollen. ZB: Jeder in einer anderen Farbe, andere Hintergrundgrafik etc. Abgeschnitten werden deine Grafiken, weil der Platz für deine <a> Elemente in den <li> nicht hoch genug ist. Das sieht man gut, wenn man sich die Seite zB mit Firebug ansieht. L. G. [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Problem mit Darstellung von Navi
Oben