Problem bei verkleinertem Fenster

Peter Gedamke · 25. Juli 2008

muss man eben auch mal zu lesen lernen...

schau mal hier noch einmal rein - ich habe nochmals ergänzt mit 3 Grafiken incl. Verweis

http://www.mcusers.de/pool/hoverbild.html

Peter Gedamke · 27. Juli 2008

hattest du da nun noch einmal reingesehen, was ich als Muster erstellt habe

nuni83 · 3. August 2008

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:

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]

Peter Gedamke · 3. August 2008

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

Peter Gedamke · 3. August 2008

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

nuni83 · 3. August 2008

Code

<div align="center" id="navcontainer">
<ul id="navlist">
<li background:url(images/link.jpg)>&nbsp;</li>
<li><a class="home" href="index.htm">&nbsp;</a></li>
<li><a class="archiv" href="archiv.htm">&nbsp;</a></li>
<li><a class="clubdaten" href="clubdaten.htm">&nbsp;</a></li>
<li><a class="fanartikel" href="fanartikel.htm">&nbsp;</a></li>
<li><a class="vorstand" href="vorstand.htm">&nbsp;</a></li>
<li><a class="events" href="events.htm">&nbsp;</a></li>
<li><a class="fotos" href="fotos.htm">&nbsp;</a></li>
<li><a class="links" href="links.htm">&nbsp;</a></li>
<li><a class="gaestebuch" href="gaestebuch.htm">&nbsp;</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.

Peter Gedamke · 3. August 2008

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

Peter Gedamke · 3. August 2008

bitte was genau ist denn bei dir ein 'verkleinertes Fenster'
von welcher Auflösung sprichst du überhaupt?

nuni83 · 3. August 2008

wenn man das fenster verkleinert dann wandern die einzelnen links untereinander

Peter Gedamke · 3. August 2008

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

Peter Gedamke · 3. August 2008

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,
<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>
schaut sich doch kein Mensch jemals eine Webseite an

Ist doch Unfug [Blockierte Grafik: http://www.mcusers.de/images/smily_finger-nein-nein.gif]

Problem bei verkleinertem Fenster

Jetzt mitmachen!

Teilen