• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Text auf/über Grafik (Menübutton)

Ausserdem könntest Du das hier noch machen:
Code: 
a.home:link, a.downloads:link {
	background:url(../../images/Button1.png) [B]no-repeat top left[/B];
 
dkdenz schrieb:
Ausserdem könntest Du das hier noch machen:
Code: 
a.home:link, a.downloads:link {
	background:url(../../images/Button1.png) [B]no-repeat top left[/B];
Zum Vergrößern anklicken....

Stimmt, aber das Problem ist ja schon aus der Welt geschafft ( dank dir :grin: ).

Aber so ist das noch nicht annehmbar.
Hier das aktuelle Ergebnis:
http://www.shuser.de/Extreme_Edition_Beta/sonstiges%20Material/Men%FC/Menue_test.htm

Was das Problem ist, ist ja ersichtlich *link-zappel*

Wie nennt man dieses "Phänomen"?
 
Zuletzt bearbeitet:
Von der Sache her müßte das schon reichen da bei klick auf einen Link ja eh eine neue Seite kommt.

Code: 
<style type="text/css" media="screen">
<!--
body
{
	background: #a2966d;
	border-width: 0px;
	overflow: auto;
	padding: 0px;
	margin: 0px;
}

#page_menu
{
	list-style-position: outside;
	background-color: #333;
	list-style-type: none;
	position: absolute;
	padding: 0px;
	width: 307px;
	margin: 0px;
	left: 39px;
	top: 253px;
}

#page_menu li
{
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

li.menu_spacer
{
	background-image: url(./Slice_navi_box_button_borde.gif);
}

#page_menu a
{
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(./Button1.png);
	background-repeat: no-repeat;
	padding: 4px 0px 4px 13px;
    	text-decoration: none;
    	display: block;
	margin: 0px;
	color: #000;
}

* html #page_menu a
{
	width: 100%;
}

#page_menu a:hover
{
	background-image: url(./Button1-down.png);
}
//-->
</style>
 
Tschuldigung, dass ich so lange weg war...
Unsere Waschmaschine ist defekt, sodass plötzlich die Sicherung rausflog...:(
back2topic

Danke für deinen Vorschlag, René!!!
Es sieht schon wesentlich besser aus.
Ein Problem gibt es aber noch...
Die kleine Trendlinie, die zwischen den Buttons ist, darf nicht wiederholt werden...(im IE)
So soll es aussehen: http://shuser.de/Extreme_Edition_Beta/index.html
Was muss noch geändert werden?

edit: Zumindest im FF sieht es nun so aus, wie es aussehen muss!!! :)
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Menue test</title>

<style type="text/css" media="screen">
<!--
body
{
	background: #a2966d;
	border-width: 0px;
	overflow: auto;
	padding: 0px;
	margin: 0px;
}

#page_menu
{
	list-style-position: outside;
	list-style-type: none;
	position: absolute;
	padding: 0px;
	width: 307px;
	margin: 0px;
	left: 39px;
	top: 253px;
}

#page_menu li
{
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

li.menu_spacer
{
	background-image: url(./Slice_navi_box_button_borde.gif);
    left:39px;
	width:307px;
	height:4px;
}
#spacer1 {
	top:222px;
	}
#spacer2 {
	top:249px;
	}

#page_menu a:link, #page_menu a:visited, #page_menu a:focus, #page_menu a:hover, #page_menu a:active
{
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	padding: 4px 0px 4px 13px;
    text-decoration: none;
    display: block;
	margin: 0px;
	color: #000;
}

* html #page_menu a
{
	width: 100%;
}

#page_menu a:link, #page_menu a:visited
{
	background-image: url(./Button1.png);
}

#page_menu a:hover
{
	background-image: url(./Button1-over.png);
}

#page_menu a:focus, #page_menu a:active
{
	background-image: url(./Button1-down.png);
}
-->
</style>

</head>
<body>

<ul id="page_menu">
	<li><a href="#" title="home">Home</a></li>
	<li class="menu_spacer" id="spacer1"></li>
	<li><a href="#" title="downloads" >Downloads</a></li>
	<li class="menu_spacer" id="spacer2"></li>
</ul>

</body>
</html>

Aber schaut euch das mal im IE an :-O

Aktueller Link:
http://shuser.de/Extreme_Edition_Be...-grafik-menuebutton-menue_test/menue_test.htm
 
Zuletzt bearbeitet:
René schrieb:
Hoffe das ich das jetzt richtig verstanden habe?
Zum Vergrößern anklicken....

Yessir^^ :grin:

Dankeschön für den "Home-Bring-Service"!

edit: http://shuser.de/Extreme_Edition_Beta/index.html

Zum FF: Exakt so sollte es aussehen ( vom Prinzip, Schriftart usw wird wahrscheinlich noch geändert...)!
Im IE: Nun, ja- seht selbst, es ist ein "wenig" verschoben.

Noch eine Frage: Den OnMouseDown Effekt, den gibt's anscheinend nicht für css ( OHNE javascript!!!) ?
Denn eigentlich sollte der Button1-down.png beim "Drücken" des Buttons erscheinen, nicht nach dem Klick (was meint ihr, was kommt besser?).

Nuja- aber ansonsten- Danke!!!
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben