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...
Button mit Bilder und Text als li oder anders lösen?
Beitrag
<blockquote data-quote="Myhar" data-source="post: 2112063" data-attributes="member: 134786"><p><strong>AW: Button mit Bilder und Text als li oder anders lösen?</strong></p><p></p><p>Faszinierend, was hier für Antworten gegeben werden. Nein, sie sind nicht alle schlecht/gut (und meine ist auch nicht der Weisheit letzter Schluß). Aber wieso hier Javascript (oder gleich jQuery) vorgeschlagen wird, ist mir ein Rätsel. Auch finde ich ein div-Tabellenkonstrukt fehl am Platz. Entweder, es ist eine Tabelle, dann soll aber gefälligst auch eine Tabelle verwendet werden oder es ist keine Tabelle, dann sollen andere Tags verwendet werden. <img src="/styles/default/xenforo/smilies/zwinker.gif" class="smilie" loading="lazy" alt=";)" title="Wink ;)" data-shortname=";)" /></p><p>Sprich: Wenn es sich um eine Aufzählung von Links handelt, dann ist eine Liste (ul) zu verwenden. Eine ul kann nur li als Kindelemente haben, insofern hast du Recht, dass du keinen Link um ein Listenelement legen kannst, aber das ist auch nicht notwendig. Wenn du deinen Listenelementen keinerlei Innenabstand (padding) gibst und direkt nach deinem Listenelement den Link angibst, ist dein Link exakt genauso groß wie dein Listenelement. Auch kann ein Link (in HTML5) jedes beliebige Element beinhalten, du kannst deinen Link also frei gestalten. </p><p>Auch muss man nicht zwei divs übereinanderlegen. Hintergrundfarbe und Hintergrundbild kann man auch bei einem einzelnen div angeben. </p><p>[HTML]</p><p><ul></p><p> <li></p><p> <a></p><p> <h2>Lorem ipsum</h2></p><p> <p>Aenean leo purus, fringilla ut accumsan ac, consectetur nec ante.</p></p><p> </a></p><p> </li></p><p></ul></p><p>[/HTML]</p><p>Die Taube kann dann mittels CSS dem Linkelement zugewiesen werden (oder als Bild eingebunden werden, wenn es bei jedem Link anders sein soll.</p></blockquote><p></p>
[QUOTE="Myhar, post: 2112063, member: 134786"] [b]AW: Button mit Bilder und Text als li oder anders lösen?[/b] Faszinierend, was hier für Antworten gegeben werden. Nein, sie sind nicht alle schlecht/gut (und meine ist auch nicht der Weisheit letzter Schluß). Aber wieso hier Javascript (oder gleich jQuery) vorgeschlagen wird, ist mir ein Rätsel. Auch finde ich ein div-Tabellenkonstrukt fehl am Platz. Entweder, es ist eine Tabelle, dann soll aber gefälligst auch eine Tabelle verwendet werden oder es ist keine Tabelle, dann sollen andere Tags verwendet werden. ;) Sprich: Wenn es sich um eine Aufzählung von Links handelt, dann ist eine Liste (ul) zu verwenden. Eine ul kann nur li als Kindelemente haben, insofern hast du Recht, dass du keinen Link um ein Listenelement legen kannst, aber das ist auch nicht notwendig. Wenn du deinen Listenelementen keinerlei Innenabstand (padding) gibst und direkt nach deinem Listenelement den Link angibst, ist dein Link exakt genauso groß wie dein Listenelement. Auch kann ein Link (in HTML5) jedes beliebige Element beinhalten, du kannst deinen Link also frei gestalten. Auch muss man nicht zwei divs übereinanderlegen. Hintergrundfarbe und Hintergrundbild kann man auch bei einem einzelnen div angeben. [HTML] <ul> <li> <a> <h2>Lorem ipsum</h2> <p>Aenean leo purus, fringilla ut accumsan ac, consectetur nec ante.</p> </a> </li> </ul> [/HTML] Die Taube kann dann mittels CSS dem Linkelement zugewiesen werden (oder als Bild eingebunden werden, wenn es bei jedem Link anders sein soll. [/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...
Button mit Bilder und Text als li oder anders lösen?
Oben