Willkommen ~Gast!
Registrieren || Einloggen || Hilfe/FAQ || Staff
Probleme mit der Registrierung im Forum? Melde dich unter registerEin Bild.
Autor Beitrag
000
30.10.2010, 08:39
Skuldoon

anmerkung vorweg: ich bin relativer laie mit html und so

folgendes:
ich hab ne horizontale navigationsleiste und möchte nun, dass, wenn man mit der maus über einen der 6 knöpfe hovert, sich das komplette hintergrundbild ändert.
ich habs versucht mit einer abwandlung hiervon, was aber nicht wirklich so will, wie ich will, was auch verständlich is, da nur die bereiche unter der maus überblendet werden, bei mir soll das aber ja etwas anders sein

hatte versucht, dass über die ids page1 bis 6 zu lösen, aber naja

jedenfalls, meine bg.png hat wie oben im link alle informationen schon drinne und ich möchte das eben so rumschieben (wenn jemand ne einfachere möglichkeit hat, immer her damit)

hoffe mir kann da schnellstmöglich jemand helfen

HTML
Quellcode:<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<link rel="stylesheet" type="text/css" href="design.css"/>
<title>title</title>
</head>

<body>
  <ul id="Navigation">
    <li id="page1"><a href="page1.html">Seite 1</a></li>
    <li id="page2"><a href="page2.html">Seite 2</a></li>
    <li id="page3"><a href="page3.html">Seite 3</a></li>
    <li id="page4"><a href="page4.html">Seite 4</a></li>
    <li id="page5"><a href="page5.html">Seite 5</a></li>
    <li id="page6"><a href="page6.html">Seite 6</a></li>
  </ul>

</body>
</html>
 CSS
Quellcode:body {
    font: normal 100.01% Helvetica, Arial, sans-serif;
    color: black; background-color: #ffffff;

  }
  ul#Navigation {
    margin: 0; padding: 0.8em;
    text-align: center;
    border: 1px solid black;
    background-color: silver;
    width:1280px;
    height:1024px;
    background: url(img/bg.png) no-repeat;
  }
  ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 0.4em; padding: 0;
  }
  ul#Navigation a, ul#Navigation span {
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #ccc;
  }
  ul#Navigation a:hover, ul#Navigation span {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }

--

Nur die, welche sich für ganz stark und extra erwachsen halten trinken Kaffee ohne Milch. Das sind meist auch die Leute, welche rassistisch und homophob sind. Da Rassismus von Minderwertigkeitsgefühlen und Homophobie von latenter Homosexualität stammt, trinken also nur ängstliche Schwule Kaffee ohne Milch. Das wurde wissenschaftlich durch Galileo auf Pro7 bewiesen.

Dieser Beitrag wurde am 30.10.2010 um 09:03 von Skuldoon bearbeitet.
zum Seitenanfang zum Seitenende Profil || Suche
001
30.10.2010, 08:40
Skuldoon

falscher knopf, das war quote und nicht edit -.-

--

Nur die, welche sich für ganz stark und extra erwachsen halten trinken Kaffee ohne Milch. Das sind meist auch die Leute, welche rassistisch und homophob sind. Da Rassismus von Minderwertigkeitsgefühlen und Homophobie von latenter Homosexualität stammt, trinken also nur ängstliche Schwule Kaffee ohne Milch. Das wurde wissenschaftlich durch Galileo auf Pro7 bewiesen.

Dieser Beitrag wurde am 30.10.2010 um 08:56 von Skuldoon bearbeitet.
zum Seitenanfang zum Seitenende Profil || Suche
002
06.11.2010, 16:31
Deathstar

Nur mal ne fiese Frage (bin selbst kein Webprogrammierer):

JavaScript "OnMouseOver" und dann auf die jeweiligen Objekte referenzieren?

--
zum Seitenanfang zum Seitenende Profil || Suche
003
06.11.2010, 16:39
Dopefish

ja, wenn du das hintergrundbild von <ul id="Navigation"> ändern willst, wirst du um Javascript nicht umhin kommen.

--

Resetting politics:
http://www.onlinepartei.eu
zum Seitenanfang zum Seitenende Profil || Suche