|
|||
Viereck mit Text und border
Hallöchen,
ich weiß die Überschrift ist nicht besonders aussagekräftig Also folgendes: Auf dem Bildchen habe ich einen hover Effekt und die Linie erscheint. Jetzt möchte ich gerne noch ein kleines Viereck an dieser Linie haben wo ich in der html-datei noch ein wenig Text reinschreiben kann, z.B. Erscheinungsdatum usw. Das weiße Viereck möchte ich gerne mit dem hover Effekt hinbekommen. Hätte da vielleicht jemand ein kleinen Tip für mich. Vielen Dank und Grüße Hier noch html-schnippsel: Code:
<ul id="gallery"> [*]<span></span>[img]img/rw.jpg[/img] [/list] Code:
#gallery { list-style-type:none; overflow:hidden; width:53px; height:75px; border:1px solid #888; background:#333; } #gallery li { float:left; } #gallery li a { display:block; height:10px; width:53px; float:left; text-decoration:none; cursor:default; } #gallery li a img { width:53px; height:75px; border:0; } #gallery li a:hover { height:75px; } #gallery li a:hover img { height:75px; } a:hover#line span {display:block; position:absolute; margin:30px 0 0 53px; width:25px; border-top:1px solid #029AFD; line-height:1px;} |
Sponsored Links |
|
|||
sowas in der Art vielleicht?
http://tutorials.alsacreations.com/d...t/cssmenu4.htm Musst Du natürlich an Deinen Wunsch anpassen, aber von Prinzip her. |
|
|||
Zitat:
Das sieht doch schonmal nicht schlecht aus. Damit kann man arbeiten. Danke Dir für den Tip! Grüße masterschenk |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Responsive CSS Grid Layout | hatschiii | CSS | 4 | 31.07.2019 12:23 |
Hilfe!!! mein Homepagelayout funktioniert nicht! | maxx | CSS | 5 | 14.10.2012 08:21 |
Dynamische Größen | Killhunter | CSS | 0 | 14.05.2011 17:56 |
Problem mit div und Höhe | deep4 | CSS | 2 | 13.11.2007 21:03 |
Bild im Container mittig positionieren... | 18inch | CSS | 5 | 09.07.2005 15:48 |