Navibutton mittig setzen

Beitrag von **Patrick** » Do 9. Feb 2012, 17:19

Huhu,
arbeite gerade ein einem projekt, was ich später auch vorstellen werde. Dachte eigentlich ich würde es diesmal ganz alleine hinbekommen

.

Nun zu meiner Frage, wie bekomme ich die Navibutton mittig ausgerichtet, so dass rechts und links gleich ist?

http://i42.tinypic.com/95mmwj.jpg

Code: Alles auswählen

.menuoben {
display: block;
  float: middle;
width: 159px;
height: 30px;
line-height: 29px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 15px;
color: #FDF6E4;
background-color: #C6AB90;
background-image: url();
border: solid 1px #000000;
}

.menuoben:hover {
display: block;
width: 159px;
height: 30px;
line-height: 29px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 16px;
color: #FDF6E4;
background-color: #C6AB90;
background-image:  url(bil);
border: solid 1px #FFFFFF;
margin-bottom: 0px;
}

lg

Beitrag von **moni** » Do 9. Feb 2012, 19:19

versuche es Patrick ein padding-right zugeben ob es weiter hilft ... padding-right:2px; ...
oder das auch das float besser raus nehme...

am besten wäre das komplette Skript sich anzuschauen ..

Beitrag von **Patrick** » Do 9. Feb 2012, 19:41

na so ganz will es nicht funktionieren. rutscht zuviel rüber bei 2. Und bei 1 passiert nichts

lasse das script mal hier. Ist aber nur der obere Teil "Header".

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:#FDF6E4;
font-size:15px;
text-decoration:none
}

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

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

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

body {
background-image:url(http://file1.npage.de/011193/61/bilder/zunge_1.gif);
no-repeat fixed left top #5C739F;
background-attachment: fixed;
background-position: center center;
background-color: #6E8CC5;
font-family: 'Buda', arial, serif;
font-size: 16px;
}

p {
margin: 0 0 18px
}

#wrapper {
width: 990px;
margin: 0 auto;
margin-left: auto;
background-color: #FFFFFF;
background-repeat: repeat;
}
          
    /* Header
    -----------------------------------------------------------------------------*/
          
#header {
height: 140px;
width: 980px;
background-color:#FDF6E4;
background-image: url(http://file1.npage.de/011193/61/bilder/header_oben.gif);
background-repeat: no-repeat;  
color: #FDF6E4;
margin-top: 30px;
margin-bottom: 0px;
border-width: 5px;
border-style: solid;
border-color: #FFFFFF;
padding: 0px;
}
          
#balken {
width: 980px;
background-color: #FFFFFF;
background-image:url();
background-repeat: ;
background-attachment: ;
margin-top: 0px;
margin-bottom: 10px;
border-width: 1px;
border-style: solid;
border-color: #FFFFFF;
padding: 0px;
}
          
#balken1 {
height: 30px;
width: 990px;
background-color: #FFFFFF;
background-image:url();
  margin-top: 5px;
background-repeat: repeat;
background-attachment: fixed;
}
          
    /* navi  Oben
    ---------------------------------------------------------------*/

.menuoben {
display: block;
padding-right: 2px;
width: 159px;
height: 30px;
line-height: 29px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 15px;
color: #FDF6E4;
background-color: #C6AB90;
background-image: url();
border: solid 1px #000000;
}

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

#menulink {
display: block;
width: 150px;
height: 30px;
line-height:29px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 15px;
color: #FDF6E4;
background-color: #C6AB90;
background-image: url();
margin-bottom: 4px;
border: solid 1px #000000;
}

#menulink:hover {
display: block;
width: 150px;
height: 30px;
line-height: 29px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 16px;
color: #FDF6E4;
background-color: #C6AB90;
background-image:  url();
border: solid 1px #000000;
}
  */
          
    /* Middle
    -----------------------------------------------------------------------------*/
          
#middle {
width: 980px;
height: 1%;
position: relative;
border-width: 5px;
border-style: solid;
border-color: #FFFFFF;
background-image: url();
color: #FDF6E4;
background-color: #FDF6E4;
background-repeat: repeat;
}
          
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
          
#container {
width: 100%;
float: left;
overflow: hidden;
}
          
#content {
background-color: #E0D3B8;
padding: 0 0 0 0px;
padding-top: 15px;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 15px;
  width: 980px;
}


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

  }*/

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

#footer {
width: 980px;
height: 60px;
font-family: 'Buda', arial, serif;
font-size: 16px;
color: #775121;
background-color: #EEDCBE;
background-image: url();
border-width: 5px;
border-style: solid;
border-color: #FFFFFF;
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://patschworks.npage.de/willkommen.html">Start</a></td>
  
<td><a class="menuoben" href="URL">eins</a></td>
  
<td><a class="menuoben"a href="URL">zwei</a></td>
  
<td><a class="menuoben" href="URL">drei</a></td>
  
<td><a class="menuoben" href="URL">vier</a></td>
  
<td><a class="menuoben" href="URL">fünf</a></td>
</tr>
  
</tbody>
  
</table>
                        
</div>
        
<div id="balken">
            
</div>
        
<div id="middle">
  
<div id="container">
  
<div id="content">

<!—HIER TRENNEN -->

Beitrag von **moni** » Do 9. Feb 2012, 20:35

also an meinen Editor sieht schon mal normal aus...was meinst du mit dem rutschen

habe einige Fehler behoben in den Skript... einige Kommentare war das ende zu weit */

Hier das noch mal

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 {
    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:#FDF6E4;
    font-size:15px;
    text-decoration:none
    }

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

    a:active {
     font-family: 'Buda', arial, serif;
    color:  #000000;
    font-size: 15px;
    text-decoration: none
    }

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

    body {
    background-image:url(http://file1.npage.de/011193/61/bilder/zunge_1.gif);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-color: #6E8CC5;
    font-family: 'Buda', arial, serif;
    font-size: 16px;

    }

    p {
    margin: 0 0 18px
    }

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

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

    #header {
    height: 140px;
    width: 980px;
    background-color:#FDF6E4;
    background-image: url(http://file1.npage.de/011193/61/bilder/header_oben.gif);
    background-repeat: no-repeat;
    color: #FDF6E4;
    margin-top: 30px;
    margin-bottom: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: #FFFFFF;
    padding: 0px;
    }

    #balken {
    width: 980px;
    background-color: #FFFFFF;
    background-image:url();
    background-repeat: ;
    background-attachment: ;
    margin-top: 0px;
    margin-bottom: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #FFFFFF;
    padding: 0px;
    }

    #balken1 {
    height: 30px;
    width: 990px;
    background-color: #FFFFFF;
    background-image:url();
    margin-top: 5px;
    background-repeat: repeat;
    background-attachment: fixed;
    }

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

    .menuoben {
    display: block;
    padding-right: 2px;
    width: 159px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    text-decoration: none;
    font-family: 'Buda', arial, serif;
    font-size: 15px;
    color: #FDF6E4;
    background-color: #C6AB90;
    background-image: url();
    border: solid 1px #000000;

    }

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

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

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

    #menulink {
    display: block;
    width: 150px;
    height: 30px;
    line-height:29px;
    text-align: center;
    text-decoration: none;
    font-family: 'Buda', arial, serif;
    font-size: 15px;
    color: #FDF6E4;
    background-color: #C6AB90;
    background-image: url();
    margin-bottom: 4px;
    border: solid 1px #000000;
    }

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


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

    #middle {
    width: 980px;
    height: 1%;
    position: relative;
    border-width: 5px;
    border-style: solid;
    border-color: #FFFFFF;
    background-image: url();
    color: #FDF6E4;
    background-color: #FDF6E4;
    background-repeat: repeat;
    }

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

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

    #content {
    background-color: #E0D3B8;
    padding: 0 0 0 0px;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
      width: 980px;
    }


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

      }

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

    #footer {
    width: 980px;
    height: 60px;
    font-family: 'Buda', arial, serif;
    font-size: 16px;
    color: #775121;
    background-color: #EEDCBE;
    background-image: url();
    border-width: 5px;
    border-style: solid;
    border-color: #FFFFFF;
    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://patschworks.npage.de/willkommen.html">Start</a></td>

    <td><a class="menuoben" href="URL">eins</a></td>

    <td><a class="menuoben"href="URL">zwei</a></td>

    <td><a class="menuoben" href="URL">drei</a></td>

    <td><a class="menuoben" href="URL">vier</a></td>

    <td><a class="menuoben" href="URL">fünf</a></td>
    </tr>

    </tbody>

    </table>

    </div>

    <div id="balken">

    </div>

    <div id="middle">

    <div id="container">

    <div id="content">
     <!-- —HIER TRENNEN  -->

Beitrag von **Patrick** » Do 9. Feb 2012, 21:08

och ne, moni, das mit den "*/" kommentaren habe ich mit absicht so gemacht, weil ich
die linke Navi nicht brauche und so nur ausblenden wolle

Aber nicht schlimm, hab das original ja noch

Finds aber voll lieb, dass du nach fehlern geguckt hast

Es geht wirklich nur um die obere Navileiste. Die sitzt nicht mittig, wie oben auf dem bild zu sehen ist.
Ich habe dass dann mit dem 2px padding gemacht, und dann ging sie rechts raus. Das selbe habe ich mit 1px gemacht
und da boleibt es unverändert

lg

Beitrag von **moni** » Do 9. Feb 2012, 21:27

..könntest einfach die navi links ausscheidenden ...

schau mir morgen genau nach...muss noch telefonieren gleich ..
soll überhaupt keine linke Seite Bereich... #sideLeft { sein an deine HP ?
wenn ja da braucht ein anständigen Skript von vorne ein !!

Beitrag von **Patrick** » Fr 10. Feb 2012, 22:04

huhu moni,

Ich entferne sie mit absicht nicht, weil es mir dann leichter fällt wenn ich doch mal wieder eine navi haben möchte

irgendwie bekomme ich das nicht gebacken mit dem mittig setzen

Hier mal meine nigelnagelneue hp url

Dort kannst du direkt das problem mit der navi sehen.

http://patschworks.npage.de/willkommen.html

Das script lasse ich dir gerne mal da

header

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:#FDF6E4;
font-size:15px;
text-decoration:none
}

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

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

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

body {
background-image:url(http://file1.npage.de/011193/61/bilder/katzenauge_hg.gif);
no-repeat fixed left top #5C739F;
background-attachment: fixed;
background-position: center center;
background-color: #6E8CC5;
font-family: 'Buda', arial, serif;
font-size: 16px;
}

p {
margin: 0 0 18px
}

#wrapper {
width: 990px;
margin: 0 auto;
margin-left: auto;
background-color: #EED9FE;
background-repeat: repeat;
}
          
    /* Header
    -----------------------------------------------------------------------------*/
          
#header {
height: 200px;
width: 980px;
background-color:#E0ABEF;
background-image: url(http://file1.npage.de/011193/61/bilder/header_lila1_kopie.gif);
background-repeat: no-repeat;  
color: #FDF6E4;
margin-top: 30px;
margin-bottom: 0px;
border-width: 5px;
border-style: solid;
border-color: #EED9FE;
padding: 0px;
}
  /*---kann für zusätzliche grafik unter der navi genutzt werden       
#balken {
width: 980px;
background-color: #EED9FE;
background-image:url();
background-repeat: ;
background-attachment: ;
margin-top: -5px;
margin-bottom: 10px;
border-width: 1px;
border-style: solid;
border-color: #EED9FE;
padding: 0px;
  }*/
          
#balken1 {
height: 30px;
width: 990px;
background-color: #EED9FE;
background-image:url();
margin-top: 5px;
background-repeat: repeat;
background-attachment: fixed;
}
          
    /* navi  Oben
    ---------------------------------------------------------------*/

.menuoben {
display: block;
padding-right: 0px;
width: 159px;
height: 30px;
line-height: 29px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 15px;
color: #FDF6E4;
background-color: #7E428F;
background-image: url();
border: solid 1px #000000;
}

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

#menulink {
display: block;
width: 150px;
height: 30px;
line-height:29px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 15px;
color: #FDF6E4;
background-color: #7E428F;
background-image: url();
margin-bottom: 4px;
border: solid 1px #000000;
}

#menulink:hover {
display: block;
width: 150px;
height: 30px;
line-height: 29px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 16px;
color: #FDF6E4;
background-color: #7E428F;
background-image:  url();
border: solid 1px #000000;
}
  */
          
    /* Middle
    -----------------------------------------------------------------------------*/
          
#middle {
width: 980px;
height: 1%;
position: relative;
border-width: 5px;
border-style: solid;
border-color: #EED9FE;
background-image: url();
color: #7E428F; /* Schrriftfarbe im Hauptfenster */
background-color: #FDF6E4;
background-repeat: repeat;
}
          
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
          
#container {
width: 100%;
float: left;
overflow: hidden;
}
          
#content {
background-color: #E0ABEF;
padding: 0 0 0 0px;
padding-top: 15px;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 15px;
  width: 980px;
}


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

  }*/

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

#footer {
width: 980px;
height: 60px;
font-family: 'Buda', arial, serif;
font-size: 16px;
color: #775121;
background-color: #E0ABEF;
background-image: url();
border-width: 5px;
border-style: solid;
border-color: #EED9FE;
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://patschworks.npage.de/willkommen.html">Start</a></td>
  
<td><a class="menuoben" href="url">zwei</a></td>
  
<td><a class="menuoben"a href="url">drei</a></td>
  
<td><a class="menuoben" href="url">vier</a></td>
  
<td><a class="menuoben" href="URL">fünf</a></td>
  
<td><a class="menuoben" href="URL">sechs</a></td>
</tr>
  
</tbody>
  
</table>
                        
</div>
        
<div id="balken">
            
</div>
        
<div id="middle">
  
<div id="container">
  
<div id="content">

<!—HIER TRENNEN -->

footer

Code: Alles auswählen

<!-- Hier das Skript Teillen  -->

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

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



</table>
</div>
  </div>

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

    
    <!--
    <a href="http://www.denkmalerei.de" target="_blank">
<img src="http://file1.npage.de/009238/11/bilder/signatur.gif" alt="denmalerei" height="130" width="600"
border="0"></a>-->
    
            </center>
            </div><!-- #footer -->

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

</body>
</html>

PS.: Weisst du zufällig wie ich in der tabelle auf der startseite dir rechte spalter erzwingen kann, dass sie nach oben rutscht?

lg
Patrick

Beitrag von **moni** » Sa 11. Feb 2012, 11:37

@ Patrick
am Abend schau mir das genau an

oder haste das schon hin bekommen ?

Beitrag von **Patrick** » Sa 11. Feb 2012, 13:00

hallo moni,

nein, ich bekomme es nicht hin. ich kann machen was ich will, doch es klppt einfach nicht

lg

Beitrag von **moni** » Sa 11. Feb 2012, 18:54

Soll die etwas so aussehen Patrick ?
http://blicke1.npage.de/hp-patrick-neu.html

dein alten Skript hab ich mit einen anderen ersetze... Dort war zu oft was umgebaut und war mir zu aufwendig das Fehler zu suchen...

wenn es OK für dich ist da hier das ganze ...
was ich dort ändern würde ist das Schrift bei A..Link bearbeiten ... und für die Navi leiste in footer Bereich auch ein extra navi css basteln ...weil sie abhänig vom abgaben A..link ist ....... kann mich nicht richtig ausdrücken wie ich das meine :JJ

Code: Alles auswählen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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="keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" href="" type="text/css" media="screen, projection" />
<style type='text/css'>
body {
    padding: 0px;
    margin: 0px;
       background-image:url(http://file1.npage.de/011193/61/bilder/katzenauge_hg.gif);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    font-family: 'Buda', arial, serif;
    font-size: 16px;
    color: #7E428F;
}
h1 {
    font-family: 'Buda', arial, serif;
    font-size: 20px;
    color: #7E428F;
    }

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

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

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

    a:active {
    font-family: 'Buda', arial, serif;
    color: #FDF6E4;
    font-size: 15px;
    text-decoration: none
    }

    a:hover {
    font-family: 'Buda', arial, serif;
    color:#B19667;
    font-size:16px;
    text-decoration:none
    }
.wrapper{
   margin: 0px auto;
   width: 990px;
   background-color: #EED9FE;

   }
.header{
   float: left;
   width: 980px;
   height: 200px;
   background-color:transparent;
   background-color:#E0ABEF;
    background-image: url(http://file1.npage.de/011193/61/bilder/header_lila1_kopie.gif);
    background-repeat: no-repeat;
    border-width: 5px;
    border-style: solid;
    border-color:#EED9FE ;
    margin-top: 30px;
}
.balken {
    float: left;
    height: 35px;
    width: 988px;
    background-color: #EED9FE;
    margin-top: 5px;
    text-align: center;
    padding-left:2px;


}
/* Navi Oben----------------------------------------------------------- */
 .menuoben {
    display: block;
     width: 159px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    text-decoration: none;
    font-family: 'Buda', arial, serif;
    font-size: 15px;
    color: #FDF6E4;
    background-color: #7E428F;
    border: solid 1px #000000;
    }
.menuoben:hover {
    display: block;
    width: 159px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    text-decoration: none;
    font-family: 'Buda', arial, serif;
    font-size: 16px;
    color: #FDF6E4;
    background-color: #7E428F;
    border: solid 1px #EED9FE;

    }
.content{
    float: left;
    width: 960px;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    font-family: 'Buda', arial, serif;
    font-size: 16px;
    color: #7E428F;
    background-color: #EED9FE;

}
.footer{
    float: left;
    width: 980px;
    height: 60px;
    background-color: #E0ABEF;
    border-width: 5px;
    border-style: solid;
    border-color: #EED9FE;
    margin-bottom: 35px;
    font-family: 'Buda', arial, serif;
    font-size: 16px;
    color: #7E428F;
    padding-top: 35px;
    text-align: center;
}
</style>
</head>
<body>
<div class="wrapper"> <a name="top"></a>
    <div class="header"></div>
   <div class="balken">
      <table width="990" border="0" cellpadding="0" cellspacing="0" summary="">
    <tr>
        <td><a class="menuoben" href="url">zwei</a></td>
        <td><a class="menuoben" href="url">zwei</a></td>
        <td><a class="menuoben" href="url">zwei</a></td>
        <td><a class="menuoben" href="url">zwei</a></td>
        <td><a class="menuoben" href="url">zwei</a></td>
        <td><a class="menuoben" href="url">zwei</a></td>
    </tr>
</table> </div>
    <div class="content">
    <!-- hier teillen -->

    </div>
    <div class="footer"> <a href="http://patschworks.npage.de/willkommen.html" style="color: #7E450C">PatschWorks |</a>
     <a href="http://patschwork.npage.de/kontakt.html" style="color: #7E450C">Kontakt |</a>
     <a href="http://patschwork.npage.de/impressum_51977037.html" style="color: #7E450C">Impressum</a>


    </div>
</div>
</body>
</html>

HomepageHelfer.org

Navibutton mittig setzen

Navibutton mittig setzen

Re: Navibutton mittig setzen

Re: Navibutton mittig setzen

Re: Navibutton mittig setzen

Re: Navibutton mittig setzen

Re: Navibutton mittig setzen

Re: Navibutton mittig setzen

Re: Navibutton mittig setzen

Re: Navibutton mittig setzen

Re: Navibutton mittig setzen

Wer ist online?