Unerwünschter Button in Navigation
lima-city → Forum → Die eigene Homepage → Homepage Allgemein
aktualisierung
beschriftung
blocken
button
code
container
dank
datei
display
entschuldigung
hamburger verkehrsverbund
hintergrund
image
kleinen denkfehler
kleines problem
mission
sekunde
text
unterstrichen
url
-
Guten Morgen,
vorerst möchte ich mich bei allen, die mir bei der Neugestaltung der Homepage der Mission Hamburg geholfen haben - allen voran fatfreddy - herzlich bedanken. Wir haben persönlich und telefonisch schon sehr positive Echos bekommen.
Ein kleines Problem ist aber nun trotzdem aufgetaucht. Ich wollte in der linken Navigationsspalte unter dem Besucherzähler einen Zugangslink zum HVV, dem Hamburger Verkehrsverbund, schalten. Leider habe ich dort nun unter dem Bild des Buttons einen Navi-button von Mouse-over. Ich nehme mal an, daß ich entweder in der Definition (1.css --> #hvv) oder bei den Containern im HTML (links.php) ein Denkfehler habe, bin aber wie gesagt, betriebsblind.
Wer öffnet mir bitte die Augen??
Liebe Grüße -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Entschuldigung,
wie gesagt, bin etwas kopflos:
Link zu CSS: http://www.mission-hamburg.lima-city.de/1.css
hier die Daten der Navigation:
<div id="links"><br />
<div id="navi" align="center"> <!-- N A V I G A T I O N -->
<ul>
<li><a href="start.php" id="current"> Die Mission</a></li>
<li><a href="geschichte.php"> Geschichte</a></li>
<li><a href="raeume.php"> Die Räume</a></li>
</ul>
<br />
<ul>
<li><a href="veranstaltungen.php"> Veranstaltungen</a></li>
<li><a href="musikcafe.php"> Musik-Café</a></li>
<li><a href="malen.php"> Malen</a></li>
</ul>
<br />
<ul>
<li><a href="programm.php"> Programm</a></li>
<li><a href="kontakt.php"> Kontakt</a></li>
<li><a href="spenden.php"> Spenden</a></li>
<li><a href="gallerie.php"> Gallerie</a></li>
<li><a href="aktuell.php"> Aktuelles</a></li>
</ul>
<br />
<ul>
<li><a href="links0.php"> Links</a></li>
<li><a href="shoutbox.php"> Chat</a></li>
<li><a href="http://8430.my-gaestebuch.de" target="_blank"> Gästebuch</a></li>
<!-- <li><a href="http://www.mission-hamburg.lima-city.de/index.php" target="_blank"> Forum</a></li> -->
<li><a href="impressum.php"> Impressum</a></li>
</ul>
<br /><br /> <!-- B E S U C H E R Z Ä H L E R -->
<div id="counter" align="center"
<p text-align="center"><b>Besucher-Nr.:</b></p>
<script type="text/javascript" src="http://fc.webmasterpro.de/counter.php?name=adminmission1&style=text&show=h"></script>
<noscript><div><img src="http://fc.webmasterpro.de/as_noscript.php?name=adminmission1" style="width:1px;height:1px;" alt="" /></div></noscript>
<br /><br />
</div>
<div id="hvv" align="center"> <!-- Fahrplanzugang HVV -->
<a target="_blank" href="http://www.hvv.de/fp.php?id=e5c03f4d44e673ce06f0f2c200c167c5">
<img src="http://www.hvv.de/bilder/content/fahrplanauskunft/fahrplan_klein.gif" alt="Mit dem HVV zu uns" border="0">
</a>
</div>
</div>
</div>
vielen Dank
Admin -
Hallo,
Du hast einen kleinen Denkfehler in der CSS.
Du hast den Link- und Mousover auf den #nav DIV-Container gelegt und nicht auf #nav li.
Wenn Du das änderst wirkt sich der Effekt nur auf die Linkauflistung aus und nicht mehr auf das ganze DIV.
Gruß -
Hiho,
habe - wie geraten - die buttons von #nav a: auf #nav li: verschoben und nun ist die Beschriftung der Buttons unterstrichen. Bekomme ich das wieder weg? -
mission-hamburg schrieb:
[...] und nun ist die Beschriftung der Buttons unterstrichen. Bekomme ich das wieder weg?
Normalerweise mittext-decoration: none
Gruß -
Nochmals hallo,
besagte Decoration ist eigentlich drin:
#navi li { display: block; width: 125px; height: 20px; background-image: url(buttons/dunkelbraun-130.jpg); margin-top: 1px; text-decoration: none; padding:1px 0 0 5px; text-align: left; }
warum er es dann trotzdem anzeigt, verstehe ich noch immer nicht.
-
Die Aktualisierung bei CSS-Dateien hier auf lima kann mitunter sehr lange dauern. Es kann also sein, dass immer noch die alte Datei geladen wird.
-
Ich glaube nicht, daß es an der Aktualisierung der CSS-Datei liegt, denn das ging den ganzen Morgen sehr schnell. Auch der letzte Eintrag war innerhalb von 10 Sekunden aktualisiert.
-
mission-hamburg schrieb:
warum er es dann trotzdem anzeigt, verstehe ich noch immer nicht.
Weil Dein CSS eigentlich
heißen muss.#navi li a
Gruß -
hier nochmals das Listing (jetzt ist Button-Hintergrund weg):
#navi { font-size: 1.0em; font-weight: bold; height: 100%; } #navi ul { margin: 0; padding: 0; list-style-type: none; } #navi li a:{ display: block; width: 125px; height: 20px; background-image: url(buttons/dunkelbraun-130.jpg); margin-top: 1px; color: #ffffff; text-decoration: none; padding:1px 0 0 5px; text-align: left; } #navi li a:visited { color: #ffff00; } #navi li a:hover { color: #3333ff; background-image: url(buttons/hellbraun-130.jpg); }
es grüßt ein etwas ratloser admin
-
mission-hamburg schrieb:
hier nochmals das Listing (jetzt ist Button-Hintergrund weg):
[...]
es grüßt ein etwas ratloser admin
nicht#navi li a#navi li a:
Gruß
Beitrag zuletzt geändert: 13.10.2009 12:15:56 von tom-moeller -
Gott sei's getrommelt und gepfiffen, es klappt !!
danke vielmals, auch für die Geduld -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
