|
|||
button mit h3, h4 und bild als rollover?
ich möchte einen button gestalten, der eine h3 und h4, text und image enthält
layout wie in den beigefügten dateien, beim hover sollte der ganze button sich ändern (bild dunkler, text andere farbe) <div id="jung"> <img src="medias/jung_hell.jpg" alt="Jungunternehmer"> <h3>Jungunternehmer</h3> <h4>Unternehmensgründung</h4> <p>und alle wichtigen Maßnahmen! <a href="#">Weiterlesen ...</a></p> </div><!-- Ende jung --> als liste umzusetzen ist auch möglich, jedoch habe ich da ja keine h3, ... dabei (suchmaschine) gibt es da eine lösung?
__________________
http://www.whitestone.at |
Sponsored Links |
|
||||||
Das ist kein Button, sondern ein Link
Zitat:
Zitat:
Zitat:
Und diese Struktur entspricht nicht dem, was im Bild zusehen ist. Zitat:
Zitat:
Zitat:
Code:
<ul id="dieListe"> <li> <a href="..." id="jung"> <strong>Jungunternehmer</strong> <em>Unternehmensgründung</em> <span>und alle wichtigen Maßnahmen!</span> </a> </li> </ul> Code:
#dieListe a { display: block; width: 100px; padding-left: 20px; /* Platz für HG-Bild */ } #dieListe a * { display: block; } #dieliste a#jung { background: white url(medias/jung_hell.jpg) no-repeat top left; } #dieListe a:hover { /* Wie man eine Hintergrundfarbe setzt weißt du hoffentlich */ }
__________________
CSS-Rauch! Nicht einatmen! |
Sponsored Links |
|
|||
danke für die rasche antwort
das html sollte eigentlich veranschaulichen, wie ich die "abfolge" des quelltextes sein sollte, button ist vielleicht auch der falsche begriff mir war schon klar, dass ich das ganze als liste leichter umsetzen kann oder eben als eigenen <div>, wo ich einzeln die links vergeben kann (link vom bild, von der h3 und h4, ...) nur beim hover verändert sich dann auch nur die h3, wenn ich über sie fahre und nicht der ganze <div>
__________________
http://www.whitestone.at |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
verlinkter Button als Bild | stekke | CSS | 24 | 03.03.2010 10:51 |
Bild über Bild | rafa | CSS | 2 | 24.01.2010 19:46 |
horizontale Navigation mit rollover Bild | c3ox | CSS | 3 | 28.11.2009 01:06 |
Bild als submit button | paracelsus | CSS | 21 | 16.09.2007 20:35 |
css rollover - bild 'flackert' | playaz | CSS | 3 | 02.05.2007 10:30 |