• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

:hover ohne Link; Listenumbruch

Hannes Tunk

Neues Mitglied
Hallo Leute,
ich arbeite mich seit mehreren Wochen in HTML und CSS ein (JAVA kommt erst später).

Jetzt sitze ich an meiner Übungswebseite und habe folgende Fragen:
1) Ich habe eine Tabelle (Stundenplan) und eine DL(Fach(dt) und dazugehörige Name der Lehrer(dd) daneben.
Jetzt möchte ich, dass bei einer darüberfahrenden Maus, der Lehrername und das Fach in der Tabelle die gleiche Farbe bekommt.
Ich hatte schon versucht ein DIV für das Fach in der Tabelle und der DL zu machen aber ist nix dabei rausgekommen.

2) Ich möchte eine DL(die oben genannte) auf 2 Teile aufteilen.
Also bei mir nach 580px, und dort soll sie rechts daneben wieder weitermachen. Hatte jetzt aus der einen DL zwei gemacht und beide nebeneinander positioniert.
Gibt es da eine andere Lösung?


Mfg und einen schönen Samstag,
Hannes Tunk
 
Werbung:
Ohne den Quellcode zu sehen kann man schwer sagen, ob das was Du willst möglich ist. Bedenke: :hover wirkt sich nur auf das betreffende Element bzw. dessen Kinder-Elemente aus. Möglich ist dadurch vieles.
 
Guten Morgen,

hier der Code zum Stundenplan:


<div id="Stundenplan">
<table>
<caption>Stundenplan zweites HJ</caption>
<thead>
<tr>
<th>Stunde</th>
<th>Uhrzeit</th>
<th>Montag</th>
<th>Dienstag</th>
<th>Mittwoch</th>
<th>Donnerstag</th>
<th>Freitag</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>7:25-<br>8:10</td>
<td rowspan="2"></td>
<td rowspan="2">Deutsch</td>
<td rowspan="2">Wirtschaft</td>
<td rowspan="2">Päpsy</td>
<td rowspan="2">Bio</td>
</tr>
<tr>
<td>2</td>
<td>8:10-<br>8:55</td>
</tr>
<tr id="Pause">
<td>Pause</td>
<td>8:55-<br>9:10</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>3</td>
<td>9:10-<br>9:55</td>
<td id="Päpsy" rowspan="2">Päpsy</td>
<td rowspan="2">Englisch</td>
<td>Deutsch</td>
<td rowspan="2">Chemie</td>
<td rowspan="2">Päpsy</td>
</tr>
<tr>
<td>4</td>
<td>9:55-<br>10:40</td>
<td>Englisch</td>
</tr>
<tr id="Pause">
<td>Pause</td>
<td>8:55-<br>9:10</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>5</td>
<td>10:55-<br>11:40</td>
<td rowspan="2">GGk</td>
<td rowspan="2">Ethik</td>
<td rowspan="2">Mathe</td>
<td rowspan="2">Spanisch</td>
<td rowspan="2">Mathe</td>
</tr>
<tr>
<td>6</td>
<td>11:40-<br>12:25</td>
</tr>
<tr id="Pause">
<td>Mitags-<br>pause</td>
<td>12:25-<br>13:20</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>7</td>
<td>13:20-<br>14:05</td>
<td rowspan="2"></td>
<td rowspan="2"></td>
<td rowspan="2">Spanisch</td>
<td rowspan="2">Informatik</td>
<td rowspan="2"></td>
</tr>
<tr>
<td>8</td>
<td>14:05-<br>14:50</td>
</tr>
<tr id="Pause">
<td>Pause</td>
<td>14:50-<br>15:00</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>9</td>
<td>15:00-<br>15:45</td>
<td rowspan="2"></td>
<td rowspan="2"></td>
<td rowspan="2"></td>
<td rowspan="2">Sport</td>
<td rowspan="2"></td>
</tr>
<tr>
<td>10</td>
<td>15:45-<br>16:30</td>
</tr>
</tbody>
</table>
</div>



Code zum Lehrer Verzeichnis:


<div id="Lehrer">
<h2>Lehrer:</h2>
<dl id="links">
<dt id="Päpsy">Päpsy:</dt>
<dd>1</dd>
<dt>GGK:</dt>
<dd>2</dd>
<dt>Deutsch & Englisch:</dt>
<dd>3</dd>
<dt>Ethik:</dt>
<dd>4</dd>
<dt>Wirtschaft:</dt>
<dd>5</dd>
<dt>Mathe:</dt>
<dd>6</dd>
</dl>
<dl id="rechts">
<dt>Chemie:</dt>
<dd>7</dd>
<dt>Spanisch:</dt>
<dd>8</dd>
<dt>Informatik:</dt>
<dd>9</dd>
<dt>Bio & Sport:</dt>
<dd>10</dd>
</dl>
</div>



Also wgs. Das Lehrerverzeichnis habe ich mit links und rechts temporär nebeneinander angeordnet (position), weil ich nicht weiß, ob da ein Umbruch möglich ist.

Das :hover hatte ich ohne link auch ned hinbekommen.


Gruß und einen schönen Ostersonntag,
Hannes
 
Werbung:
Jetzt müsste man noch wissen wie die beiden Codes zusammen in der Seite untergebracht sind. So wie jetzt sieht man ja keinen Zusammenhang. Allerdings deutet sich für mich schon an, dass das was Du willst nur mit JavaScript machbar sein könnte.
 
Hey,
die haben momentan keinen Zusammenhang. Als erstes die Tabelle und danach die Liste.

<div id="Stundenplan">
<table>
</table>
</div>

<div id="Lehrer">
<div id="links">
<dl>
</dl>
</div>

<div id="rechts">
<dl>
</dl>
</div>
</div>

Bezieht sich deine Vermutung auf beide Probleme?

Mfg
 
Werbung:
Hey Leute,
vielen Dank für die Hilfe und die investierte Zeit. Mega toll !!!

Werde mich da mal rantasten.

Mfg und eine schöne Woche euch,
Hannes
 
Zurück
Oben