Navigation im Servietten Flohmarkt

CSS, Java Script u.s.w

Moderator: HTML-Laie

Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7528
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Navigation im Servietten Flohmarkt

Beitrag von Butterblume »

moni hat geschrieben:Hallo Karin ...


Habe zu nächst die leiste auf die Demo geladen und schau ob so sein soll ?

http://demo.homepagehelfer.net/serviett ... itten.html

dann machen wir weiter !

Hallo Monika,
ich habe den link jetzt erst genauer angesehen. Wenn du die Blumen in
Einzelstücke umbenennst und darüber als ersten link Blumen setzt, dann passt alles.

So etwa

Blumen
Einzelstücke - klappmenue
Link
Link
Link
Garten
Gebäude
Usw.
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8337
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Navigation im Servietten Flohmarkt

Beitrag von moni »

guten Abend Karin...sorry hab das nicht so richtig verstanden ... wie muss sich mir das vorstellen mit den Blumen in
Einzelstücke umbenenne ?
Viele Grüße ...Monika
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8337
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Navigation im Servietten Flohmarkt

Beitrag von moni »

danke für das JS link ...

du muss jetzt folgendes machen ...
füge das Code in deinen header .php ein und zwar an diese stelle

Bild

Code: Alles auswählen

  <!-- klapp menu  --> <script language="javascript" type="text/javascript" src="http://www.servietten-flohmarkt.de/design/klappmenu.js"></script>

diesen Code Füge in die style.css datei ein ...es ist egal auf welche stelle ...am besten ganz unten

Code: Alles auswählen

/* Klapp menu  */
.menutitle{
cursor:pointer;
width: 160px;
color: #0000CC;
background-color: none;
border-bottom: 1px dotted #7C704E;
text-align: left;
line-height: 20px;
font-weight:bold;
}
.submenu ul{
width: 160px;
}
/* Ende klap menu */

und hier ist die Navigation ..die muss du umtauschen

Code: Alles auswählen

<div id="Navigation">
 <!-- Start Navigation -->

       <a href="/">Wilkommen</a>

<div class="titel"><h1>Angebot für Sie</h1></div>
<a href="/">Blumen</a> 
      </div>
  <!-- Klapp menü-->
<div id="masterdiv">
<div class="menutitle" onclick="SwitchMenu('sub1')">einzel-stücke</div>
	<span class="submenu" id="sub1">

	<a href="#">Link</a> <br>
		<a href="#">Link</a> <br>
		<a href="#">Link</a> <br>


	</span> </div>
	<!-- Ende klappmenu -->
 <div id="Navigation">
<a href="../angebot/garten.php">Garten</a>
	   <a href="../angebot/gebaeude.php">Gebäude</a>
       <a href="../angebot/herbst.php">Herbst</a>
	   <a href="../angebot/herzen.php">Herzen</a>
       <a href="../angebot/kinder.php">Kinder</a>
       <a href="../angebot/kueche.php">Küche/Lebensmittel</a>
	   <a href="../angebot/landschaften.php">Landschaften</a>
	   <a href="../angebot/maritim.php">Maritim</a>
       <a href="../angebot/obst.php">Obst & Gemüse</a>
       <a href="../angebot/ostern.php">Ostern</a>
	   <a href="../angebot/raritaeten.php">Raritäten</a>
	   <a href="../angebot/schriften.php">Schriften</a>
	   <a href="../angebot/sonstiges.php">Sonstiges</a>
       <a href="../angebot/stilleben.php">Stilleben</a>
       <a href="../angebot/tiere.php">Tiere</a>
	   <a href="../angebot/vielseidig.php">Vieseidig</a>
       <a href="../angebot/weihnachten.php">Weihnachten</a>
	   <a href="../angebot/winter.php">Winter</a>

<div class="titel"><h1>Wichtige Informationen</h1></div>

       <a href="../info/agbs.php">AGB</a>
	   <a href="javascript:R1119194479();">Datenschutz</a>
	   <a href="../info/disclaimer.php">Disclaimer</a>
	   <a href="../info/hilfe.php">Hilfe</a>
	   <a href="../info/bezahlen.php">Bezahlen</a>
	   <a href="../kontaktformular/kontakt.php">Kontakt</a>
	   <a href="../info/banner.php">Mein Banner</a>
	   <a href="../info/porto.php">Porto & Verpackung</a>
	   <a href="../info/referenzen.php">Kundenrezensionen</a>
       <a href="http://www.karins-servietten.de/g-book/guestbook.php" target="_blank">Gästebuch</a>
       <a href="../info/impressum.php">Impressum</a>

	   <div class="titel"><h1>Links</h1></div>

       <a href="http://www.karins-servietten.de" target="_blank">Karin´s Servietten</a>
	   <a href="http://www.serviettenforum.de" target="_blank">Servietten Forum</a>
	   <a href="http://www.serviettenstube.de" target="_blank">Serviettenstube</a>
	   <a href="http://homepagehelfer.org/" target="_blank">HomepageHelfer</a>

</div>
das ist ja eigentlich alles ... habe die Einzel Stücke eingeführt..schau hier ob OK ist ?

http://demo.homepagehelfer.net/serviett ... itten.html
Viele Grüße ...Monika
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7528
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Navigation im Servietten Flohmarkt

Beitrag von Butterblume »

Hallo Moni,

bevor ich was falsch mache. In meinem haeder.php steht folgendes drin...

Code: Alles auswählen

<body>
<div id="aussen">
 
<div id="header"><div class="logo"></div></div>
 
<div id="boxleft">

<div id="Navigation">
 <!-- Start Navigation --> 
  
<?php include("navigation.ini"); ?>
            

 <!-- Ende Navigation --> 
 </div>
  <p>
   </p>
</div>
   
<div id="inhalt">


wo muss ich das denn da hin kopieren? :E

Die Navi kann ich schon mal machen!


Die Navi ist so gut. :DA schön. Die baue ich mir gleich ein, beim haeder warte ich nun noch was du meinst!


NACHTRAG: ich glaube ich habs gefunden! http://www.servietten-flohmarkt.de

Eine Frage hätte ich noch. Wenn ich das Menü ausgeklappt habe sind die Wörter :Blumen Garten, Gebäude usw. so weit auseinander. Könnte man die Spalten etwas kleiner machen, also von der Höhe. Wenn ja wo finde ich das. Möchte nicht wahllosprobierenund vielleicht wieder alles zunichte machen!
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8337
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Navigation im Servietten Flohmarkt

Beitrag von moni »

Guten morgen Karin ...

die leiste hast gut eingebaut und vom Funktion her klappt das schon mal gut , was man noch ändern muss sind die Abstände ..und zu überdenken auch das Schrift Color in den -Unterseiten ...so sieht alles einheitlich aus ..

Bild

versuche es noch mal mit den css und tausche den um ..

Code: Alles auswählen

/* Klapp menu  */
.menutitle{
cursor:pointer;
background-color: none;
border-bottom: 1px dotted #7C704E;
color:#0000CC;
width:160px;
text-align:left;
font-weight:bold;

}

.submenu{
margin-bottom: 0.5em;
}
/* Ende klap menu */

es soll so ein Ergebnis sein ..

Bild
Viele Grüße ...Monika
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7528
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Navigation im Servietten Flohmarkt

Beitrag von Butterblume »

Hallo Moni,

ich habe das jetzt so eingegeben, die Blumen sind gut, nur die anderen stehen noch zu weit entfernt

http://www.servietten-flohmarkt.de

Sieh mal
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8337
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Navigation im Servietten Flohmarkt

Beitrag von moni »

Ja wie ich vermutet habe ist gleich geblieben ...muss an die CSS ran und endweder austesten und anpassen oder kleinen style dazu schreiben :E
Oder eine Liste dazwieschen Scheiben ... Die <br> hinten jede link macht s große Lücken ...nur erstaunlicher weiße an meine Demo sind sie nicht entstanden :E
Kann erst Abend mich damit beschäftigen ...melde mich dann :X
Viele Grüße ...Monika
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7528
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Navigation im Servietten Flohmarkt

Beitrag von Butterblume »

Hallo Monika,
ich hatte mal versucht die <br/> weg zu nehmen aber dann geht's nicht mehr.
Keine Ahnung warum das so ist. Verändert hab ich nichts. :E

Ich kann auch erst heute Abend. Ich kann ja mal drüber nach denken woran es liegen könnte. Oft ist es so das
es beim zweiten mal klappt.
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8337
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Navigation im Servietten Flohmarkt

Beitrag von moni »

.will nur Bescheid sagen ..habe mir das deisng aus unseren Archiv geholt und morgen mache ich weiter ...
Viele Grüße ...Monika
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7528
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Navigation im Servietten Flohmarkt

Beitrag von Butterblume »

moni hat geschrieben:.will nur Bescheid sagen ..habe mir das deisng aus unseren Archiv geholt und morgen mache ich weiter ...

Allse klar Moni, vielen Dank!
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Gesperrt

Zurück zu „Fragen zu HTML & Programmiersprachen“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 16 Gäste