Suche im Forum:
Suchen


Autor Nachricht
Beitrag19.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
Beitrag19.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
Beitrag19.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
Beitrag19.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>
Beitrag19.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>
Beitrag19.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
Beitrag19.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?
Beitrag19.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!
Beitrag19.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
Beitrag19.09.2009 um 23:33 (UTC)    
Titel:

OK Jungs!

Vielen vielen Dank, ihr habt mir sehr geholfen. Gute N8!!!

Bikergruß Marco
Beitrag19.09.2009 um 23:39 (UTC)    
Titel: ...

kP. Smile danke für Rückmeldung:)
Beitrag20.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 Wink

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
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de