Die 4 Buttons sind ja in einer Grafik drinne wenn ich jetzt die selber Grafik nur heller oder dunkler als Hover effekt nehme und ich geh mit dem Mauszeiger über den link Home dann wechselt ja die kompltte Grafik und nicht nur der eine Button?!
Gruß Gino
Hallo,
habe ein Problem und zwar möchte ich einen Naviagtion in CSS gestallten. Die Navigation soll aus einer Grafik (.png) bestehen)
Habe hier mal ein Beispiel:
[attachment=0]<!-- ia0 -->menu.png<!-- ia0 -->[/attachment]
Wie gesagt, es besteht aus einem Bild, dann wird das geslict und jeweils ein Link draufgesetzt.
Das Problem ist aber, ich weiß nicht wie ich das mit dem hover effekt mache soll das es ja nur ein Bild ist.
Ich hoffe ich habe mich verständlich ausgedrückt. 
Gruß Gino
Weiß denn keiner eine Lösung für mein Problem?
Gruß Gino
Nein, das ist der richtige.
#film steht links und #text soll rechts daneben zu sehen sein.
Gruß Gino
Mein html Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Janina Beulting</title>
<link rel="stylesheet" type="text/css" href="css/basic.css" media="all" />
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<div id="film"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="600" align="middle" id="FlashID" title="Beulting">
<param name="movie" value="slideshow/Unbenannt-2.swf" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- Dieses param-Tag fordert Benutzer von Flash Player 6.0 r65 und höher auf, die aktuelle Version von Flash Player herunterzuladen. Wenn Sie nicht wünschen, dass die Benutzer diese Aufforderung sehen, löschen Sie dieses Tag. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<param name="QUALITY" value="autolow" />
<!-- Das nächste Objekt-Tag ist für Nicht-IE-Browser vorgesehen. Blenden Sie es daher mit IECC in IE aus. -->
<!--[if !IE]>-->
<object data="slideshow/Unbenannt-2.swf" type="application/x-shockwave-flash" width="400" height="600" align="middle">
<!--<![endif]-->
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<param name="QUALITY" value="autolow" />
<!-- Im Browser wird für Benutzer von Flash Player 6.0 und älteren Versionen der folgende alternative Inhalt angezeigt. -->
<div>
<h4>Für den Inhalt dieser Seite ist eine neuere Version von Adobe Flash Player erforderlich.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player herunterladen" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
</div>
<div id="text">
<h2> Herzlich Willkommen </h2>
<p> Die Internetseite befindet sich noch im Aufbau!</p> <br />
<p>Sie können mich aber per <a href="mailto:jbeulting@gmail.com">Email</a>
kontaktieren.</p>
</div>
</body>
</html>Mein CSS Code:
* {margin:0;
padding:0;
}
body {background-image:url(../image/bg.jpg);
background-repeat:repeat;
}
#film {
margin:10px;
float:left;
position:absolute;
width:400px;
height:600px;
}
#text { font-family: Verdana, Geneva, sans-serif;
padding:60px;
color:#FFF;
position:absolute;
width:400px;
height:400;
margin:40px 0 0 420px;
}
h2 { line-height:4em;
}
p { line-height:0.4em;
}Bitte den Code-BB-Code benutzen.. Danke 
Ich habe meine Freundin gefragt, nach langem hin und her bin ich zur folgenden Lösung gekommen:
Ich habe der #navi und dem #inhalt eine absolute position zugeteilt (position:absolut).
Gruß Gino
Hallo, ich habe folgendes Problem:
Ich habe links die Navi und rechts den Inhalt.
Bei #navi habe ich den float:left angegeben, das funktioniert der Inhalt wird jetzt neben der Navigation angezeigt.
Wenn ich jetzt aber den Inahlt durch ein margin tiefer setzen will sei es nur 10px, rutscht die navi auch 10 px runter.
Wie kann ich das verhindern?
Gruß Gino