WENN ich dich jetzt richtig verstehe willst du das sich beim hovern die Grafik verändert und wenn du mit dem Mauszeiger wieder "woanders hingehst" soll die Grafik zurück gehen?
Wenn dem so ist:
Würde ich das Problemchen mit CSS+HTML Tabellen lösen.
Auch wenn das Tabellenlayout veraltet ist, find ich es für solche Problem für die richtige Lösung.
Das könnte so aussehen:
<html>
<head>
<title></title>
<link href=".css" rel="stylesheet" type="text/css">
</head>
<body>
<table height="100%" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>1. Kasten</td>
<td>rechts neben 1. Kasten</td>
<td>rechts neben 2. Kasten</td>
/ beliebig viele Kästen hinzufügen /
</tr>
<tr>
<td>1. Kasten 2. Reihe</td>
<td>rechts neben 1. Kasten 2. Reihe</td>
<td>rechts neben 2. Kasten</td>
/ beliebig viele Kästen und Reihen hinzufügen /
Alles anzeigen
Die Tabelle ist so ausgerichtet das sie 100% deines Browserfensters einnimmt.
Wenn du das ändern willst, kannst du dies bei <table width="" height="">
Pixel oder Prozent
Per cellspacing kannst du die Kästen belieb weit auseinander treiben
So deine CSS sollte dann für dein hover-Wunsch in etwa so aussehen:
td {
background-color: White;
color: Black;
font-size: 0em;
}
td:hover {
background-color: Orange;
color: White;
font-size: 1.2em;
Alles anzeigen
Die Änderung von font-size würde nun bewirken, dass keine Schrift im Normalzustand zusehen ist,
erst wenn eine Spalte/Zeile gehovert wird
Die Farbe ändert sich beim Hovern von Weiß nach Orange.
Dies kannst du alles beliebig anpassen
Solltest du mehrere verschiedene Wünsche haben dann setzt das ganze mit .class um
(td.first { ... } td.first:hover {...} td.second { ... } td.second:hover { ... })
Hoffe es konnte dich deiner Realisierung näher bringen
Wenn nicht dann müsstest du dich für ne ordentliche Hilfe etwas besser ausdrücken
Dein Bild erklärt mir nämlich auch nicht viel mehr als dein Text ?!
Wenn du jetzt jedoch meinst, dass die Grafik1 beim hoveren vergrößert werden soll, und zurück zur Grafik1 gehen soll wenn die ursprüngliche Grafik1 nicht mehr gehovert wird dann würde ich das mit spans lösen, wobei das sehr veraltet ist. Mir fällt dazu aber nichts neues ein Kannst ja mal bei HTML5 gucken ob es da was neues gibt
Ansonsten, wie gesagt Element oder Tabelle erstellen + span und den span dann vergrößern