Fredo: Div in Formularen

Hallo zusammen,
ich habe ein Problem mit hover.
Ich möchte einen selbsterstellten Button beim überfahren der Maus ändern. Das klappt auch ganz gut (sch_oben_1 a).
Aber in einem Formular funktioniert das nicht.
Wer kann mir helfen??
Fredo

<style type="text/css">
<!--
#sch_oben_1 a
{
background: url(../php/bilder_neu/zurueck_wahl.gif) no-repeat;
display:block;
width:100px;
position:absolute;
top:260px;
left:94px;
}
#sch_oben_1 img
{
display:block;
width:100px;
height:20px;
border:0;}
#sch_oben_1 a:hover img
{
visibility: hidden;
}
form
{
position:absolute;
top:190px;
left:10px;
font-size:12px;
font-weight:bold;
font-family:Verdana;
color:#000000;
}
select
{
top:0px;
left:12px;
font-size:10px;
font-family:Verdana;
color:#3366ff;
}
input {
top:20px;
left:12px;
color:#3366ff;
font-size:10px;
font-family:Verdana;
}
-->
</style>
<?
include("connect.php");
echo "<div id='sch_oben_1'><a href='links_zurueck.php'><img src='bilder_neu/zurueck_ohne.gif' /></a></div>";
echo "<form name='formular' method='post' enctype='multipart/form-data' action='links_datenbank.php'>";
echo "<table>";
echo "<tr><td>Verein</td><td><select name='verein' size='1'>";
$res = @mysql_query("SELECT verein,kuerzel,name,vorname,vereins_mail,homepage FROM alle_adressen where vorstand & 0x100 order by verein,kuerzel");
if (mysql_num_rows($res)>0) {while ($row  =  mysql_fetch_array($res,MYSQL_ASSOC)){
echo "<option selected>$row[kuerzel] $row[verein]</option>";
}}
echo "</select></td></tr>";
echo "<tr><td>Kennwort</td><td><input type='password' size=29 name='kennwort'></td></tr>";
echo "<tr><td></td><td><input type='image' src='bilder_neu/einloggen_ohne.gif' value='Speichern'></td></tr>";
echo "</form></table>";
?>

  1. Fehler bei der Mailadresse!

  2. Hi Fredo,

    Ich möchte einen selbsterstellten Button beim überfahren der Maus ändern. Das klappt auch ganz gut (sch_oben_1 a).
    Aber in einem Formular funktioniert das nicht.

    laut deinem HTML (PHP) Code

    echo "<div id='sch_oben_1'><a href='links_zurueck.php'><img src='bilder_neu/zurueck_ohne.gif' /></a></div>";
    echo "<form name='formular' method='post' enctype='multipart/form-data' action='links_datenbank.php'>";

    hat dein link ja nu ma gar nichts mit dem Formular zu tun. Der Fehler liegt vielmehr hier:

    #sch_oben_1 a
    {
    background: url(../php/bilder_neu/zurueck_wahl.gif) no-repeat;
    display:block;
    width:100px;
    position:absolute;
    top:260px;
    left:94px;
    }
    #sch_oben_1 img
    {
    display:block;
    width:100px;
    height:20px;
    border:0;}
    #sch_oben_1 a:hover img
    {
    visibility: hidden;
    }

    Genauer gesagt hier:

    #sch_oben_1 a:hover img
    {
    visibility: hidden;
    }

    Das geht nicht. Du kannst höchstens deinem <a> ein Hintergrundbild geben und a:hover ein anderes bzw. keins oder es verschieben. Hier findest du Infos zu Pseudoklassen (a:hover)

    Gruß
    Antipitch