muss man eben auch mal zu lesen lernen...
schau mal hier noch einmal rein - ich habe nochmals ergänzt mit 3 Grafiken incl. Verweis
muss man eben auch mal zu lesen lernen...
schau mal hier noch einmal rein - ich habe nochmals ergänzt mit 3 Grafiken incl. Verweis
hattest du da nun noch einmal reingesehen, was ich als Muster erstellt habe
ja der onmouseover evekt klappt nun. nun habe ich aber ein anderes problem, bzw. mehrere kleine probleme.
habe die website mal hochgeladen, hier der link:
http://www.hcd-uri.ch/neu/index.htm
Ich habe die Navigation mit einem onmouseover. Jetzt sollte aber noch links von der navigation dieses Bild hier http://www.hcd-uri.ch/neu/images/link.jpg ohne onmouseover hin. Wie mache ich das? und wie mache ich dass die navigation bündig ist mit dem banner und schön in der mitte ausgerichtet ist. weitterhin geht die navigation untereinander bei verkleinertem fenster. sie sollte aber immer nebeneinander bleiben. kannst du mir vielleicht da auch noch helfen?
hier der css code:
body {
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-right:0px;
margin-top:0px;
background-image:url(images/hintergrund.jpg);
background-repeat:repeat-x;
background-color:#3399FF;
}
#banner_oben {
background:url(images/banner_oben.jpg) no-repeat top;
margin: 0 auto;
height:25px;
width:900px;
}
#banner {
background:url(images/banner.jpg) no-repeat top;
margin: 0 auto;
height:150px;
width:900px;
}
#navcontainer ul li {
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
}
#navcontainer a {
text-decoration: none;
display: block;
height: 25px;
}
#navcontainer li a.home { background: url(images/home1.jpg); width: 59px; }
#navcontainer li.active a.home,
#navcontainer li a.home:hover { background: url(images/home2.jpg); width: 59px; }
#navcontainer li a.archiv{ background: url(images/archiv1.jpg); width: 68px; }
#navcontainer li.active a.archiv,
#navcontainer li a.archiv:hover { background: url(images/archiv2.jpg); width: 68px; }
#navcontainer li a.clubdaten{ background: url(images/clubdaten1.jpg); width: 95px; }
#navcontainer li.active a.clubdaten,
#navcontainer li a.clubdaten:hover { background: url(images/clubdaten2.jpg); width: 95px; }
#navcontainer li a.fanartikel{ background: url(images/fanartikel1.jpg); width: 93px; }
#navcontainer li.active a.fanartikel,
#navcontainer li a.fanartikel:hover { background: url(images/fanartikel2.jpg); width: 93px; }
#navcontainer li a.vorstand{ background: url(images/vorstand1.jpg); width: 86px; }
#navcontainer li.active a.vorstand,
#navcontainer li a.vorstand:hover { background: url(images/vorstand2.jpg); width: 86px; }
#navcontainer li a.events{ background: url(images/events1.jpg); width: 71px; }
#navcontainer li.active a.events,
#navcontainer li a.events:hover { background: url(images/events2.jpg); width: 71px; }
#navcontainer li a.fotos{ background: url(images/fotos1.jpg); width: 62px; }
#navcontainer li.active a.fotos,
#navcontainer li a.fotos:hover { background: url(images/fotos2.jpg); width: 62px; }
#navcontainer li a.links{ background: url(images/links1.jpg); width: 61px; }
#navcontainer li.active a.links,
#navcontainer li a.links:hover { background: url(images/links2.jpg); width: 61px; }
#navcontainer li a.gaestebuch{ background: url(images/gaestebuch1.jpg); width: 100px; }
#navcontainer li.active a.gaestebuch,
#navcontainer li a.gaestebuch:hover { background: url(images/gaestebuch2.jpg); width: 100px; }
Alles anzeigen
Freundliche grüsse[/url]
1.) indem du die Grafik einfach als ersten <li Eintrag eingibst
2.) hier vielleicht schon mal was von dem <div - Attribut align="center" gelesen? :wink:
- - - - -
hatten wir das mit dem 'verkleinerten Fenster' nicht schon mal
PS:
kann in deiner Seite aber auch nun rein janüscht davon entdecken, zu was du hier alles über Hover-Grafiken angefragt hast,
und wozu ich dir hier unter http://www.mcusers.de/pool/hoverbild.html eine ganze Seite als Antwort erstellt habe :roll:
Sehe da nirgends Identität
<div align="center" id="navcontainer">
<ul id="navlist">
<li background:url(images/link.jpg)> </li>
<li><a class="home" href="index.htm"> </a></li>
<li><a class="archiv" href="archiv.htm"> </a></li>
<li><a class="clubdaten" href="clubdaten.htm"> </a></li>
<li><a class="fanartikel" href="fanartikel.htm"> </a></li>
<li><a class="vorstand" href="vorstand.htm"> </a></li>
<li><a class="events" href="events.htm"> </a></li>
<li><a class="fotos" href="fotos.htm"> </a></li>
<li><a class="links" href="links.htm"> </a></li>
<li><a class="gaestebuch" href="gaestebuch.htm"> </a></li>
</ul>
</div>
Alles anzeigen
sieht immer noch genau gleich aus, die navigation ist immer noch nicht mittig ausgerichtet und das bild kann ich auch nicht sehen links von der navigation, und die einzelnen links gehen bei verkleinertem fenster immer noch untereinander.
ich habe auch nicht gesagt, dass du die Image als Hintergrund einfügen sollst...
Nehme an, dass du die Seite noch nicht hochgeladen hast? In deinem Quelltext lese ich nämlich immer noch <div id="navcontainer">
Wegen der 'verkleinerten Fenster' gebe ich's jetzt auf - sorry - oder versuche dich besser zu erklären
bitte was genau ist denn bei dir ein 'verkleinertes Fenster'
von welcher Auflösung sprichst du überhaupt?
wenn man das fenster verkleinert dann wandern die einzelnen links untereinander
Zitat von "nuni83"wenn man das fenster verkleinert dann wandern die einzelnen links untereinander
ja WIE denn verkleinert :roll: Jeder Browser bricht zu lange Eingaben automatisch um, wenn die Ansicht zu klein wird. Gleich ob es sich dabei um einen Text, eine Tabelle oder sonst etwas handelt
Nur,
wer sollte denn auf welches Maß bloß verkleinern - und warum?
oh oh -
in einem muss ich mich korrigieren:
<listen-Elemente reagieren nicht auf align="center"
solltest du dann besser als Tabelle erstellen
selbst wenn ich mir deine Seite mit einer Minimal-Auflösung von 800*600 px ansehe, verschiebt sich da immer noch nüscht von deiner Navi.
Einzig wegen dem 900px breiten Banner wird ein Horizontal-Scroll erforderlich
- - - - -
mit solchem Fenster, wie du hier mal eingestellt hast,
<!-- m --><a class="postlink" href="http://www.bilder-hochladen.net/files/big/7jhi-2.jpg">http://www.bilder-hochladen.net/files/big/7jhi-2.jpg</a><!-- m -->
schaut sich doch kein Mensch jemals eine Webseite an
Ist doch Unfug [Blockierte Grafik: http://www.mcusers.de/images/smily_finger-nein-nein.gif]
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!
HTML-Seminar.de - mit Videos zum schnellen Lernen, wie man eine Website selbst erstellt.