Autor
Nachricht
harleyheaven
Wohnort: München
19.09.2009 um 23:07 (UTC) Titel: CSS: Navigation in Kategorien aufteilen
Hallo zusammen,
obiges Thema: dazu habe ich hier:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=20159
nachgelesen und die Anweisungen befolgt. Aber es geht nicht.
1. Ich habe eine neue Seite erstellt ("Harley Davidson", Menü ohne Link)
2. Dann den Code
<style type="text/css">
<!--
td#nav_Harley-Davidson{background-image:url(Bhttp://img.webme.com/pic/a/aschenbrenner/6.jpg);}
//-->
</style>
in "Text über dem Design" eingefügt
Ich will, dass dieser Button (ohne Link) orange (wie bei meinem Hovereffekt) ist!
Kann mir jemand helfen. Danke im Voraus,
Bikergruß Marco
↑
faxilein
19.09.2009 um 23:12 (UTC) Titel: ...
<style type="text/css">
<!--
li #nav_Harley-Davidson{background-image:url(Bhttp://img.webme.com/pic/a/aschenbrenner/6.jpg);}
//-->
</style>
habe dir den Code bearbeidet
lG. Patrick
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
19.09.2009 um 23:15 (UTC) Titel:
Hi, füge dazu diesen Code ein:
Zitat: <style type="text/css">
<!--
li#nav_HarleyDavidson{background-image:url(http://img.webme.com/pic/a/aschenbrenner/6.jpg);}
//-->
</style>
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator
↑
harleyheaven
Wohnort: München
19.09.2009 um 23:18 (UTC) Titel:
Hi Patrick,
danke, aber hat nicht funktioniert. Liegt es daran, dass ich in "Text über dem Design" bereits einen Code für die Navi oben habe? Wo muss ich den dann einfügen?
LG Marco
PS: So lautet das Tutorial
Zitat: <style type="text/css">
<!--
td#nav_Titel{background-image:url(Bild-URL);}
//-->
</style>
↑
faxilein
19.09.2009 um 23:19 (UTC) Titel: ...
Beim CSS Desing ist es nie ( td ) es ist ( li )
<style type="text/css">
<!--
li #nav_Titel{background-image:url(Bild-URL);}
//-->
</style>
↑
harleyheaven
Wohnort: München
19.09.2009 um 23:20 (UTC) Titel:
Hi Dominik, deiner geht auch nicht!
hier mal mein gesamter Code in "Text über dem Design":
<style type="text/css">
<!--
li#nav_Harley-Davidson{background-image:url(http://img.webme.com/pic/a/aschenbrenner/6.jpg);}
//-->
</style>
<style type="text/css">
<!--
td{color: #c0c0c0;}
//-->
</style>
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: arial;
font-size: 12px;
overflow: auto;
padding: 10px;
margin: 0px; }
/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }
/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 0px;
padding-top: 5px; }
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
left: 50%;
top: 216px;
margin-left:-200px;
width:800px; }
/* Breite der Menüpunkte einstellen */
.menu li {
width: 110px;
height: 23px;
float: left; }
/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://img.webme.com/pic/a/aschenbrenner/1.jpg);
text-decoration: none;
text-align: center;
font-size: 12px;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 17px;
color: #000000; }
/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #000000;
background-image: url(http://img.webme.com/pic/a/aschenbrenner/6.jpg);
font-size: 12px;
height: 17px;
color: #000000; }
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6 {
font-size: 12px;
display: none;
width: 110px;
height: 17px;
float: left; }
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a {
font-weight: bold;
font-size: 12px;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #00000; }
//-->
</style>
<!-- Anfang des Scriptes -->
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<!-- Ende des Scriptes -->
<div class="menu">
<li><a target="_self" href="http://www.harley-motorcycles.de/Home.htm">Home</a></li>
<li><a target="_self" href="http://www.harley-motorcycles.de/News.htm">News</a></li>
<li><a target="_self" href="http://www.harley-motorcycles.de/Men-only.htm">Men only</a></li>
<li><a target="_self" href="http://www.harley-motorcycles.de/Downloads.htm">Downloads</a></li>
<li><a target="_self" href="http://www.harley-motorcycles.de/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a target="_self" href="http://www.harley-motorcycles.de/Impressum.htm">Impressum</a></li>
</div>
Zuletzt bearbeitet von harleyheaven am 20.09.2009, 00:23, insgesamt einmal bearbeitet
↑
faxilein
19.09.2009 um 23:24 (UTC) Titel: ...
ich verstehe es jetzt nicht ganz was es bewirken soll? kannst es bitte nochmals erklären was du genau willst:S?
↑
harleyheaven
Wohnort: München
19.09.2009 um 23:25 (UTC) Titel:
So, jetzt bin ich einen Schritt weiter. Kann ich die Höhe des Buttons ändern und die Schrift zentrieren? Weil so sieht es K.... aus!
↑
faxilein
19.09.2009 um 23:32 (UTC) Titel:
Jop
<style type="text/css">
<!--
li#nav_HarleyDavidson{
height: 0px;
text-align:center;
border:1px solid #000000;
background-image:url(http://img.webme.com/pic/a/aschenbrenner/6.jpg);}
//-->
</style>
Blau = Höhe
Rot = Zentiern
Grün = Rahmen um Button
Zuletzt bearbeitet von faxilein am 20.09.2009, 00:36, insgesamt 3-mal bearbeitet
↑
harleyheaven
Wohnort: München
19.09.2009 um 23:33 (UTC) Titel:
OK Jungs!
Vielen vielen Dank, ihr habt mir sehr geholfen. Gute N8!!!
Bikergruß Marco
↑
faxilein
19.09.2009 um 23:39 (UTC) Titel: ...
kP.
danke für Rückmeldung:)
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
20.09.2009 um 00:04 (UTC) Titel:
harleyheaven hat Folgendes geschrieben: Hi Dominik, deiner geht auch nicht!
Sowas kann leider auch nur funktionieren,
wenn man den ganzen Code kopiert
Jedenfall schön, dass jetzt alles klappt und
danke für deine Rückmeldung!
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator
↑