zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Viereck mit Text und border

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.02.2006, 21:47
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.01.2005
Beiträge: 41
masterschenk befindet sich auf einem aufstrebenden Ast
Standard 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]
Und hier der css-schnippsel:
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;}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.02.2006, 23:05
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 31.01.2006
Beiträge: 146
Smartsoul befindet sich auf einem aufstrebenden Ast
Standard

Kann dein Bildchen nicht sehen!
__________________
Danke an alle, die sich hier engagieren
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.02.2006, 23:35
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.01.2005
Beiträge: 41
masterschenk befindet sich auf einem aufstrebenden Ast
Standard

So, jetzt müsste es zu sehen sein.
Angehängte Grafiken
Dateityp: png screen2yt.png (10,8 KB, 115x aufgerufen)
Mit Zitat antworten
  #4 (permalink)  
Alt 07.02.2006, 12:35
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.01.2005
Beiträge: 41
masterschenk befindet sich auf einem aufstrebenden Ast
Standard

Hm, keiner einer eine Idee?

Gruss
masterschenk
Mit Zitat antworten
  #5 (permalink)  
Alt 07.02.2006, 12:41
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

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.
Mit Zitat antworten
  #6 (permalink)  
Alt 07.02.2006, 13:16
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.01.2005
Beiträge: 41
masterschenk befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von mazzo
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.
OLÉ OLÉ
Das sieht doch schonmal nicht schlecht aus. Damit kann man arbeiten.
Danke Dir für den Tip!

Grüße
masterschenk
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:29 Uhr.