benötige dringend hilfe......:-(

Beitrag von **Patrick** » Mi 16. Nov 2011, 13:04

Hallo zusammen,

da ich eigentlich vor hatte einen shop zu erstellen und das komplizierter ist als gedacht, benötige ich jetzt dringen Hilfe fürm
eine HP.

Mein Vorhaben.
Die jetzige seite ist so wie sie ist absolut TOP und gefällt mir genau so wie sie ist! Jetzt benötige ich das selbe nur mit ein paar
kleinen änderungen nochmal.

So soll es aussehen:
1. Die Navigation neben dem Hauptbereich (die vertikale) soll weg, so dass ich mehr platz habe für den Text.

2. Eine neue Navigation (ohne Buttons einfach nur Schrift villeicht mit einem mo effekt!) links neben dem Hauptfenster. Quasi da wo die jetzige ist nur nach
links verschieben.

Und so hätte ich gerne die Neue Navi:

Kategorie 1
> Artikel 1
> Artikel 2
> Artikel 3
> Artikel 4
> Artikel 5

Kategorie 2
> Artikel 6
> Artikel 7
> Artikel 8
> Artikel 9

Kategorie 3
> Artikel 10
> Artikel 11
> Artikel 12

Wer kann mir das bitte, bitte machen *fleh*

Hier der Code

Code: Alles auswählen

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                                 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

            <html xmlns="http://www.w3.org/1999/xhtml">
    <head>

        <title>PatschWorks</title>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />

<style type="text/css">
          
* {
margin: 0;
padding: 0;
}
          
h1 {
h1 font-family: 'Buda', arial, serif;
font-size: 20px;
color: #FFF111;
}
          
h2 {
font-family: 'Buda', arial, serif;
font-size: 20px;
color: #000000;
}

a:link {
font-family: 'Buda', arial, serif;
color:#B19667;
font-size:16px;
text-decoration:none
}

a:visited {
font-family: 'Buda', arial, serif;
color:#B19667;
font-size:16px;
text-decoration:none
}

a:active {
buda;color:#775121;
font-size:16px;
text-decoration:none
}

a:hover {
font-family: 'Buda', arial, serif;
color:#9b1515;
font-size:16px;
text-decoration:none
}

body {
background-image:url(http://file1.npage.de/009238/11/bilder/hg_braun1.gif);
background-repeat: repeat;
background-attachment: fixed;
background-position: center center;
background-color: #D1CCBD;
font-family: 'Buda', arial, serif;
font-size: 16px;
}

p {
margin: 0 0 18px
}

#wrapper {
width: 900px;
margin: 0 auto;
margin-left: auto;
background-color:transparent;
background-repeat: repeat;
}
          
    /* Header
    -----------------------------------------------------------------------------*/
          
#header {
height: 220px;
width: 100%;
background-color:transparent;
background-image: url(http://file1.npage.de/009238/11/bilder/header_2011.gif);
color: #CCC;
margin-top: 30px;
margin-bottom: 0px;
border-width: 5px;
border-style: solid;
border-color: #775121;
padding: 0px;
}
          
#balken {
height: 30px;
background-color: #D1CCBD;
background-image: url(http://file1.npage.de/009238/11/bilder/hg_braun1.gif);
background-repeat: repeat;
}
          
#balken1 {
height: 30px;
background-color: #D1CCBD;
background-image: url(http://file1.npage.de/009238/11/bilder/hg_braun1.gif);
background-repeat: repeat;
}
          
    /* navi  Oben
    ---------------------------------------------------------------*/

.menuoben {
display: block;
width: 147px;
height: 30px;
line-height: 25px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 14px;
color: #999999;
background-color: #775121;
background-image: url();
border: solid 1px #B19667;
}

.menuoben:hover {
display: block;
width: 147px;
height: 30px;
line-height: 25px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 14px;
color: #775121;
background-color: #B19667;
background-image:  url(http://file1.npage.de/008528/63/bilder/button_gross_2.png);
border: solid 1px #775121;
margin-bottom: 0px;
}
          
    /* Navi Links
    -------------------------------------- */
          
#navi {
float: left;
width: 150px;
background-color: transparent;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
font-size: 1px;
color: #775121;
margin-left: 10px;
}

#menulink {
display: block;
width: 150px;
height: 30px;
line-height:25px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 14px;
color: #B19667;
background-color: #775121;
background-image: url();
border: solid 1px #B19667;
}

#menulink:hover {
display: block;
width: 150px;
height: 30px;
line-height: 25px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 14px;
color: #775121;
background-color: #B19667;
background-image:  url();
border: solid 1px #775121;
}
          
    /* Middle
    -----------------------------------------------------------------------------*/
          
#middle {
width: 100%;
height: 1%;
position: relative;
border-width: 5px;
border-style: solid;
border-color: #775121;
background-image: url(http://file1.npage.de/009238/11/bilder/hg_2.jpg);
background-repeat: repeat;
}
          
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
          
#container {
width: 100%;
float: left;
overflow: hidden;
}
          
#content {
padding: 0 0 0 190px;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
}


    /* Sidebar Left
    -----------------------------------------------------------------------------*/
#sideLeft {
float: left;
width: 180px;
margin-left: -100%;
position: relative;
background:transparent;

    }

    /* Footer
    -----------------------------------------------------------------------------*/

#footer {
width: 900px;
height: 60px;
font-family: 'Buda', arial, serif;
font-size: 16px;
color: #775121;
background-color: transparent;
background-image: url(http://file1.npage.de/009238/11/bilder/hg_2.jpg);
border-width: 5px;
border-style: solid;
border-color: #775121;
margin-bottom: 35px;
padding: 0px;
}

</style>
</head>

<body>
  
<div id="wrapper">

<div id="header">
  
</div>
                         <!-- #header-->
<div id="balken2">
                        
<table align="center" border="0">
  
<tbody>

<tr>
  
<td><a class="menuoben" href="http://patschwork.npage.de/willkommen_85001094.html">Start</a></td>
  
<td><a class="menuoben" href="http://patschwork.npage.de/wir_sind_52795711.html">wir sind...</a></td>
  
<td><a class="menuoben" href="http://patschwork.npage.de/shopübersicht_51055577.html">zum Shop</a></td>
  
<td><a class="menuoben" href="http://patschwork.npage.de/guestbook.html">Gästebuch</a></td>
  
<td><a class="menuoben" href="http://patschwork.npage.de/kontakt.html">Kontakt</a></td>
  
<td><a class="menuoben" href="http://patschwork.npage.de/impressum_51977037.html">Impressum</a></td>
</tr>
  
</tbody>
  
</table>
                        
</div>
        
<div id="balken">
            
</div>
        
<div id="middle">
  
<div id="container">
  
<div id="content">

 <!-- Hier das Skript Teillen  -->

</div>
                            <!-- #content-->
</div>
                            <!-- #container-->

<div class="sidebar" id="sideLeft">
              
<div id="navi">

<table width="152" align="center" border="0" cellpadding="0" cellspacing="0">

<tr><td><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">Start</a></td></tr>

<tr><td><a href="http://patschwork.npage.de/wir_sind_52795711.html" id="menulink">wir sind...</a></td></tr>

<tr><td><a href="http://patschwork.npage.de/shopübersicht_51055577.html" id="menulink">Zum Shop</a></td></tr>

<tr><td><a href="http://patschwork.npage.de/referenzen_64918541.html" id="menulink">Kundenfeedback</a></td></tr>

<tr><td><a href="http://patschwork.npage.de/informationen_4305309.html" id="menulink">Informationen</a></td></tr>
<!--
<tr><td><a href="http://patschwork.npage.de/bezahlen_1502047.html" id="menulink">Bezahlen</a></td></tr>

<tr><td><a href="http://patschwork.npage.de/versandkosten_57824005.html" id="menulink">Versandkosten</a></td></tr>

<tr><td><a href="http://patschwork.npage.de/wie_geht_was-_14549435.html" id="menulink">wie geht was?</a></td></tr>
-->
<tr><td><a href="http://patschwork.npage.de/spenden_22214824.html" id="menulink">Spenden</a></td></tr>

<tr><td><a href="http://patschwork.npage.de/agbs_80310202.html" id="menulink">AGBs</a></td></tr>

<tr><td><a href="http://patschwork.npage.de/linkliste.html" id="menulink">Links</a></td></tr>
<!--
<tr><td><a href="http://patschwork.npage.de/impressum_51977037.html" id="menulink">Impressum</a></td></tr>
-->


</table>
</div>
  </div>
                          <!-- .sidebar#sideLeft -->
  </div>

                          <!-- #middle-->
<div id="balken1">
  </div>
  <div id="footer">  <center>
            <br>
              <a href="http://patschwork.npage.de/willkommen_85001094.html" style="color: #775121">PatschWorks</a> | <a href="http://patschwork.npage.de/kontakt.html" style="color: #775121">Kontakt</a> | <a href="http://patschwork.npage.de/impressum_51977037.html" style="color: #775121">Impressum</a>
            </center>
            </div><!-- #footer -->

</div><!-- #wrapper -->

</body>
</html>

Ich würde mich sehr freuen, wenn man mir schnell helfen könnte.

Lieben Dank schonmal im voraus!

LG

Beitrag von **goefi-chiangmai** » Mi 16. Nov 2011, 18:15

hallo Patrik,

ich find im momment der link auf deine seite nicht.

aber dieses Design das du reingestellt hast, hat keinen Butongrafik, ausser der hover beim oberen menü!!!!! (Was ja kein sinn macht nur der Hover)

dein seitliches menü hat alles in Buton in Tabelle mit hintergrund und Borderfarbe.

background-color: #775121;
background-image: url();
border: solid 1px #B19667;

wenn das weghaben willst, schreib einfach, anstelle des farbcodes transparent
background-color: transparent;

und border auf null, oder farbe auf transparent.
dein vertikales menü heist in der css: menulink, also musst diese CSS ändern

versuch mal, ich habe erst am Wochenende richtig Zeit, dir das sonnst zusammenzubasteln

Beitrag von **moni** » Mi 16. Nov 2011, 19:45

Die Navigation neben dem Hauptbereich (die vertikale) soll weg, so dass ich mehr platz habe für den Text.

Hallo Patrick...
Danke für deine PN.. werd versuche dir zu helfen ...

also zu erst zu deine aussage oben...was für Text willst dort Platzieren ?

die Navi leiste oben ist in einen Balken1 Bereich.....und der ist 30 px hoch ...also es ist kein Inhalt Bereich (content) ...
so neben bei habe ich einen Fehler gefunden... <div id="balken2"> den Balken 2 gibt es nicht

ist ja dumm von mir weil selbst das geschrieben hatte

So aber jetzt ist ja auch Wurst weil den Balken ist überflüssig und hatte den weggemacht ...

hier ist dein skript so wie du sich gewünscht hast...Hoffe ich das alles richtig ist ...

Code: Alles auswählen

                  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                                     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

                <html xmlns="http://www.w3.org/1999/xhtml">
        <head>

            <title>PatschWorks</title>

    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />

    <style type="text/css">

    * {
    margin: 0;
    padding: 0;
    }

    h1 {
    h1 font-family: 'Buda', arial, serif;
    font-size: 20px;
    color: #FFF111;
    }

    h2 {
    font-family: 'Buda', arial, serif;
    font-size: 20px;
    color: #000000;
    }
    h4{
    font-family: 'Buda', arial, serif;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    height: 25px;
    }
    a:link {
    font-family: 'Buda', arial, serif;
    color:#B19667;
    font-size:16px;
    text-decoration:none
    }

    a:visited {
    font-family: 'Buda', arial, serif;
    color:#B19667;
    font-size:16px;
    text-decoration:none
    }

    a:active {
    buda;color:#775121;
    font-size:16px;
    text-decoration:none
    }

    a:hover {
    font-family: 'Buda', arial, serif;
    color:#9b1515;
    font-size:16px;
    text-decoration:none
    }

    body {
    background-image:url(http://file1.npage.de/009238/11/bilder/hg_braun1.gif);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center center;
    background-color: #D1CCBD;
    font-family: 'Buda', arial, serif;
    font-size: 16px;
    }

    p {
    margin: 0 0 18px
    }

    #wrapper {
    width: 900px;
    margin: 0 auto;
    margin-left: auto;
    background-color:transparent;
    background-repeat: repeat;
    }

        /* Header
        -----------------------------------------------------------------------------*/

    #header {
    height: 220px;
    width: 100%;
    background-color:transparent;
    background-image: url(http://file1.npage.de/009238/11/bilder/header_2011.gif);
    color: #CCC;
    margin-top: 30px;
    margin-bottom: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: #775121;
    padding: 0px;
    }

    #balken {
    height: 30px;
    background-color: #D1CCBD;
    background-image: url(http://file1.npage.de/009238/11/bilder/hg_braun1.gif);
    background-repeat: repeat;
    }



        /* Navi Links
        -------------------------------------- */

    #navi {
    float: left;
    width: 150px;
    background-color: transparent;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    font-size: 1px;
    color: #775121;
    margin-left: 10px;
    }

    #menulink {
    display: block;
    width: 150px;
    height: 20px;
    line-height:18px;
    text-align: left;
    text-decoration: none;
    font-family: 'Buda', arial, serif;
    font-size: 14px;
    color: #800000;
    background-color: ;
    background-image: url();
    border: solid 0px #B19667;
    }

    #menulink:hover {
    display: block;
    width: 150px;
    height: 20px;
    line-height: 18px;
    text-align: left;
    text-decoration: none;
    font-family: 'Buda', arial, serif;
    font-size: 14px;
    color: #000000;
    background-color:;
    background-image:  url();
    border: solid 0px #775121;
    }

        /* Middle
        -----------------------------------------------------------------------------*/

    #middle {
    width: 100%;
    height: 1%;
    position: relative;
    border-width: 5px;
    border-style: solid;
    border-color: #775121;
    background-image: url(http://file1.npage.de/009238/11/bilder/hg_2.jpg);
    background-repeat: repeat;
    }

    #middle:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    }

    #container {
    width: 100%;
    float: left;
    overflow: hidden;
    }

    #content {
    padding: 0 0 0 190px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    }


        /* Sidebar Left
        -----------------------------------------------------------------------------*/
    #sideLeft {
    float: left;
    width: 180px;
    margin-left: -100%;
    position: relative;
    background:transparent;

        }

        /* Footer
        -----------------------------------------------------------------------------*/

    #footer {
    width: 900px;
    height: 60px;
    font-family: 'Buda', arial, serif;
    font-size: 16px;
    color: #775121;
    background-color: transparent;
    background-image: url(http://file1.npage.de/009238/11/bilder/hg_2.jpg);
    border-width: 5px;
    border-style: solid;
    border-color: #775121;
    margin-bottom: 35px;
    padding: 0px;
    }

    </style>
    </head>

    <body>

    <div id="wrapper">

    <div id="header">

    </div>
                             <!-- #header-->
    <div id="balken">

    </div>

    <div id="middle">

    <div id="container">

    <div id="content">

    <!-- Hier das Skript Teillen  -->

    </div>
                                <!-- #content-->
    </div>
                                <!-- #container-->

    <div class="sidebar" id="sideLeft">

    <div id="navi">
         <h4>Kategorie 1</h4>
        <a href="" id="menulink">Artikel</a>
         <a href="" id="menulink">Artikel</a>
           <a href="" id="menulink">Artikel</a>
             <a href="" id="menulink">Artikel</a>
              <a href="" id="menulink">Artikel</a>

                 <h4>Kategorie 1</h4>
         <a href="" id="menulink">Artikel</a>
           <a href="" id="menulink">Artikel</a>
             <a href="" id="menulink">Artikel</a>
              <a href="" id="menulink">Artikel</a>

                 <h4>Kategorie 1</h4>
         <a href="" id="menulink">Artikel</a>
           <a href="" id="menulink">Artikel</a>
             <a href="" id="menulink">Artikel</a>

                  <h4>Kategorie 1</h4>
              <a href="" id="menulink">Artikel</a>
         <a href="" id="menulink">Artikel</a>
           <a href="" id="menulink">Artikel</a>
             <a href="" id="menulink">Artikel</a>




    </div>[b]
      </div>
                              <!-- .sidebar#sideLeft -->
      </div>

                              <!-- #middle-->
    <div id="balken">
      </div>
      <div id="footer">  <center>
                <br>
                  <a href="http://patschwork.npage.de/willkommen_85001094.html" style="color: #775121">PatschWorks</a> | <a href="http://patschwork.npage.de/kontakt.html" style="color: #775121">Kontakt</a> | <a href="http://patschwork.npage.de/impressum_51977037.html" style="color: #775121">Impressum</a>
                </center>
                </div><!-- #footer -->

    </div><!-- #wrapper -->

    </body>
    </html>

aha und solltest du eine andere Schrift Farbe haben wollen oder auch Schrift Größe da ändere das in den css Bereich und zwar hier (rot markiert )

#menulink {
display: block;
width: 150px;
height: 20px;
line-height:18px;
text-align: left;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 14px;
color: #800000;
background-color:transparent ;

}

#menulink:hover {
display: block;
width: 150px;
height: 20px;
line-height: 18px;
text-align: left;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 14px;
color: #000000;
background-color:transparent;

und das Kategorie Bereich

h4{
font-family: 'Buda', arial, serif;
font-size: 15px;
font-weight: bold;
color: #000000;
height: 25px;

Height habe ich hier auf 25 px gemacht..es ist das abstand ...je nach wunsch kannst das auch ändern !

ju denke das ist alles

Beitrag von **Patrick** » Mi 16. Nov 2011, 20:41

huhu moni,

danke! Ist aber nicht genauso wie ich es haben wollte

. Die obere Navi sollte schon bleiben

.
Die Neue Navi sollte ausserhalb von dem Kasten stehen. Also links daneben......

mom., ich bearbeite das mal eben mit photoshop, damit es besser und verständlicher ist

..........ich arbeite......so, schau mal hier

http://file1.npage.de/009238/11/bilder/ ... nsicht.jpg

Beitrag von **moni** » Mi 16. Nov 2011, 21:17

Sorry Patrick stimmt...Vertikal hast doch geschrieben...und die navi oben ist horizontal...

wie es aussieht ist etwas mehr abreibt ...werd da basteln...
+++++++++++++
glaub hier braucht man komplett neuen Design weil die Navi links in aushen Bereich sich befinden sollen ...und auf dem body Hintergrund geht es doch nicht

da muss man so ein Design basteln wo das Bereich transparent ist und Rest so wie es ist.....

bisschen Zeit wird das schon dauern ....muss dich gedulden Patrick

Beitrag von **Patrick** » Mi 16. Nov 2011, 21:38

Oh mein gott, das hätte ich jetzt nicht gedacht dass das soviel arbeit ist:JJ
dachte man müsse nur etwas löschen und austauschen. Ist es denn generell möglich das so hinzu bekommen wie auf dem bild?
Es darf sich nicht von dem original großartig absetzen. So wie auf dem Bild wäre *perfekt*.

die schriftfarbe und die vom mo ist völlig egal, welche das ist! Das kann ich auch dann selber machen

Mir ist halt nur der aufbau wichtig, dass das flott geht. Alle anderen änderungen kann ich dann selber tätigen und werde mal eine Nachtschicht einlegen

Dank dir schonmal für deine Unterstützung!!! Der Dank kommt von Herzen!

lg

Beitrag von **moni** » Mi 16. Nov 2011, 21:53

möglich ist alles nur dafür muss man zeit haben....wen ich was fertig habe da melde mich...heute bin schon KO und kann nicht klar denken

Beitrag von **Patrick** » Mi 16. Nov 2011, 21:55

jo, dann leg jetzt mal die füße hoch und entspanne dich

. Ich danke dir schonmal für deine mühen!
lg

Beitrag von **moni** » Do 17. Nov 2011, 08:28

habe das Skript mit absolute Position gemacht ....weil es mir am einfachsten war.....

.so sieht das aus

Code: Alles auswählen



</style><style type="text/css">
    h1 {
    h1 font-family: 'Buda', arial, serif;
    font-size: 20px;
    color: #FFF111;
    }

    h2 {
    font-family: 'Buda', arial, serif;
    font-size: 20px;
    color: #000000;
    }

    a:link {
    font-family: 'Buda', arial, serif;
    color:#B19667;
    font-size:16px;
    text-decoration:none
    }

    a:visited {
    font-family: 'Buda', arial, serif;
    color:#B19667;
    font-size:16px;
    text-decoration:none
    }

    a:active {
    buda;color:#775121;
    font-size:16px;
    text-decoration:none
    }

    a:hover {
    font-family: 'Buda', arial, serif;
    color:#9b1515;
    font-size:16px;
    text-decoration:none
    }

   body {
    background-image:url(http://file1.npage.de/009238/11/bilder/hg_braun1.gif);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center center;
    background-color: #D1CCBD;
    font-family: 'Buda', arial, serif;
    font-size: 16px;
   padding: 10px;
   margin: 0;
   }

#header {
    height: 220px;
    width: 100%;
    background-color:transparent;
    background-image: url(http://file1.npage.de/009238/11/bilder/header_2011.gif);
    color: #CCC;
     border-width: 5px;
    border-style: solid;
    border-color: #775121;
   padding: 0;
   margin: 0 100px 60px 200px;
   }

#main {

    border-width: 5px;
    border-style: solid;
    border-color: #775121;
    background-image: url(http://file1.npage.de/009238/11/bilder/hg_2.jpg);
    background-repeat: repeat;
    padding: 0;
    margin: 10px 100px 30px 200px;
   }
#fuss{

    font-family: 'Buda', arial, serif;
    font-size: 16px;
    color: #775121;
    background-color: transparent;
    background-image: url(http://file1.npage.de/009238/11/bilder/hg_2.jpg);
    border-width: 5px;
    border-style: solid;
    border-color: #775121;
    padding: 0;
   margin: 10px 100px 10px 200px;
   }
}
#left {
   background-color:transparent;
   padding: 0;
   border: 0px solid #f09;
   margin: 10px;
   width: 180px;
   position: absolute;
   top: 280px;
   left: 0;
   }

 /* navi  Oben
        ---------------------------------------------------------------*/

    .menuoben {
    display: block;
    width: 147px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    font-family: 'Buda', arial, serif;
    font-size: 14px;
    color: #999999;
    background-color: #775121;
    background-image: url();
    border: solid 1px #B19667;
    }

    .menuoben:hover {
    display: block;
    width: 147px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    font-family: 'Buda', arial, serif;
    font-size: 14px;
    color: #775121;
    background-color: #B19667;
    background-image:  url(http://file1.npage.de/008528/63/bilder/button_gross_2.png);
    border: solid 1px #775121;
    margin-bottom: 0px;
    }

        /* Navi Links
        -------------------------------------- */

    #navi {
    float: left;
    width: 150px;
    background-color: transparent;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    font-size: 1px;
    color: #775121;
    margin-left: 10px;
    }

    #menulink {
    display: block;
    width: 150px;
    height: 30px;
    line-height:25px;
    text-align: center;
    text-decoration: none;
    font-family: 'Buda', arial, serif;
    font-size: 14px;
    color: #B19667;
    background-color: #775121;
    background-image: url();
    border: solid 1px #B19667;
    }

    #menulink:hover {
    display: block;
    width: 150px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    font-family: 'Buda', arial, serif;
    font-size: 14px;
    color: #775121;
    background-color: #B19667;
    background-image:  url();
    border: solid 1px #775121;
    }


</style>

<body>

<div id="left"> Hier kommt die navi vertikal
...
</div>



<div id="header">

</div>

<div id="main"> inhalt
...
</div>
<div id="fuss">fuss</div>
</body>

nur noch die navis müssen rein.....und Feinheiten
leider muss gleich weg und erst später eventuell zeit..

wenn es so sein soll da kannst aber schon damit weiter arbeiten und erweitern !

Beitrag von **Patrick** » Do 17. Nov 2011, 09:58

huhu Moni,

ich arbeite gerade daran. Wird wohl für mich eine megaaufgabe. Die obere Navi ist ja schon wieder weg

. Und wenn ich das richtig verstehe,
willst du dass ich diese über den header anlege?! Die soll unter dem header

ich warte lieber, wenn du zeit für mich hast.

danke schonmal

HomepageHelfer.org

benötige dringend hilfe......:-(

benötige dringend hilfe......:-(

Re: benötige dringend hilfe......:-(

Re: benötige dringend hilfe......:-(

Re: benötige dringend hilfe......:-(

Re: benötige dringend hilfe......:-(

Re: benötige dringend hilfe......:-(

Re: benötige dringend hilfe......:-(

Re: benötige dringend hilfe......:-(

Re: benötige dringend hilfe......:-(

Re: benötige dringend hilfe......:-(

Wer ist online?