Seite 1 von 4

design nicht richtig mittig

Verfasst: Mi 12. Sep 2012, 20:08
von ulli
und schon nervt Ulli wieder...!! :G Bin ja dabei meine Pokerlady aufzuhüpschen. Nun ärgert es mich schon lange das es nicht ganz mittig sitzt...will sagen die Navileisten rechts und links sind ungleich...wie kann ich das ändern?? Ich fände es auch schöner wenn die Navileisten ziemlich weit aussen wären...aber Ulliken kann datt nicht....wer ist so lieb und hilft mir ...büdde???

Danke schonmal

LG vonne Ulli :X

Re: design nicht richtig mittig

Verfasst: Mi 12. Sep 2012, 22:52
von Jasko
Hallo

In deinem Header gibt es diesen Code:

Code: Alles auswählen

   #aussen {
           width: 1045px;
           margin-right: auto;
           margin-left: auto;

           background-color: orange;
           background-image: url(http://file1.npage.de/006517/99/bilder/hgherbst5.jpg);
           background-attachment: fixed;
           background-repeat: repeat;
           background-position: center center;
           border :  ridge 0px #7A1405;
        }
Bei width: 1045px; stellt man die breite des Design ein, also damit es Breiter wird die zahl 1045 erhoehen, wenn di ganze Breite des Bildschirms genutzt werden soll einfach width:100%; angeben mein Tip aber ist eine breite zwischen 92 und 98 Prozent zu benutzen wegen der estetik, also einfach mal width: 98%; anstatt width: 1045px; und schauen wie es dan aussieht.

MFG

Re: design nicht richtig mittig

Verfasst: Do 13. Sep 2012, 07:09
von ulli
Moin...ich bin hin und wech...es hat geklappt. Habe es auf 96% gestellt da 98 ein wenig zu breit war, nun ist aber der Teil in der Mitte nicht mehr richtig...also der Inhalt ist nun nach links gerutscht....was kann ich da machen??

LG vonne Ulli :X

Re: design nicht richtig mittig

Verfasst: Do 13. Sep 2012, 08:05
von Jasko
Hallo;

Hier die Loesung. Du hast Disen Code in deinem Style-Header, irgendwo ziemlich weit unten:

Code: Alles auswählen

<table class="mceItemTable" summary="" border="0" cellpadding="3" cellspacing="3" width="550">
mache mal daraus das hier:

Code: Alles auswählen

<table class="mceItemTable" summary="" border="0" cellpadding="3" cellspacing="3" width="*">
Das sollte den ganzen Mitleren Teil immer an die jeweilige Bildschirm Groesse anpassen waerend die Navis Links und rechts immer eine Breite von 160px haben.

So noch ein Tipp, in dem Code ist diese Klasse zu sehen class="mceItemTable", das kannst du wenn du magst loeschen, das ist vom nPage System eigefuegter Code der nur Verwirung stifftet, aber wenn es dich nicht stoert kannst es auch drin lassen.

MFG

Re: design nicht richtig mittig

Verfasst: Do 13. Sep 2012, 08:12
von ulli
muss ich in dem Header gucken oder wo finde ich das??? Oder was meinst du mit Style Header??

Re: design nicht richtig mittig

Verfasst: Do 13. Sep 2012, 08:15
von Jasko
Ja genau im Header. Mit Style-Header meine Ich in deinem Design Header, da die eigenen Designs bei nPage mit Style bezeichnet werden und man diese auch so speichert dachte ich ist es logisch wenn ich Style-Header schreibe, damit der teil deines designs gemeint ist der vor den Textseiten kommt :E

MFG

Re: design nicht richtig mittig

Verfasst: Do 13. Sep 2012, 08:21
von ulli
also wenn ich von der Pokerlady den Quelltext anschaue finde ich die Stelle...aber wenn ich den Header Bereich anschaue ist er nicht da...hm...wo muss ich gucken?? Mit diesem CSS Kram kenn ich mich garnicht aus...

Re: design nicht richtig mittig

Verfasst: Do 13. Sep 2012, 08:30
von Jasko
Na das ist auch kein CSS das ist reines HTML.

OK,wenn Du es im Quellcode sehen kannst muss es ja von irgendwo her kommen, die ueblichen verdechtigen sind:

- Style-Header
- Sidewide Header und
- Textseite

Also es kann noch im Sidewide Header gespeichert sein und auch direckt in den Textseiten, aber ich denke mal es muss im Style-Header sein, einfach nochmal nachschauen.

MFG

Re: design nicht richtig mittig

Verfasst: Do 13. Sep 2012, 08:34
von ulli
ohje...im Quellcode kann ich ja nix ändern. Wo ist denn der Sidewide Header??

das ist der Code vom Style Header...

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>
     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>~~~pokerlady~~~</title>

    <style type="text/css">
      <!--

    a:link {font-family:segoe print,serif; ;color:#7A1405 ;font-size:15px;text-decoration:none}
a:visited {font-family: segoe print,serif; ,color:#7A1405;font-size:15px;text-decoration:none}
a:active {font-family:segoe print,serif; color: #7A1405;font-size:15px;text-decoration:none}
a:hover {font-family: segoe print,serif; color:#7A1405;font-size:15px;text-decoration:none}

textarea {color:#7A1405;font-size:15px;font-family:segeo print,serif;}
    h1 {font-family:segoe print,serif;
        color:#7A1405;
        font-weight:normal;
      font-size:24px;
        text-align:left;
        text-decoration:none;
        }
    h2 {
        color:#7A1405;
        font-weight:normal;
        font-family:segoe print,serif;
        font-size:18px;
        text-align:left;
          }

    h3 {

        font-weight:normal;
      color:#7A1405;
        font-size:16px;
        text-align:left;
     font-family:segoe print,serif;

        }

    body {

            font-family:segoe print,serif;
       color:#7A1405 ;
       font-size:15px;
       text-decoration:none
           background-color:orange ;
           background-image: url( http://file1.npage.de/006517/99/bilder/hgherbst5.jpg);
           background-attachment: fixed;
           background-repeat: repeat;
           background-position: center center;



        }
    #aussen {
           width: 96%;
           margin-right: auto;
           margin-left: auto;

           background-color: orange;
           background-image: url(http://file1.npage.de/006517/99/bilder/hgherbst5.jpg);
           background-attachment: fixed;
           background-repeat: repeat;
           background-position: center center;
           border :  ridge 0px #7A1405;
        }
    #header {


     width: 1027px;
      height: 189px;
           background-color: transparent;  /*LOGO HIER*/
           background-image: url(http://file1.npage.de/006517/99/bilder/logo.png);
             background-repeat: no-repeat;

border :  double px#7A1405 ;




        }

    #balken {
       float:left;
           width: 100%;
      margin:10px;
           background-color:transparent;
             background-image: url();
      background-repeat: repeat;
           height: 30px;

       }

 /*navi Oben */



.menuoben {
display: block;
width: 140px;
height: 30px;
line-height:25px;
text-align: center;
text-decoration: none;
font-family: segoe print,sans-serif;
font-size:14px;
color: #7A1405;
background-color:transparent;
background-image: url();
border: solid 1px #7A1405;

}
.menuoben:hover {
display: block;
width: 140px;
height: 30px;
line-height: 25px;
text-align: center;
text-decoration: none;
font-family: segoe print,sans-serif;
font-size: 14px;
color: black;
background-color: ##7A1405;
background-image: url();
border: solid 1px #7A1405;
margin-bottom: 0px;
}


/*ende navi oben*/


    #navilinks {
          float:left;
          width: 170px;
     padding-top: 10px;
          padding-right: 0px;
          padding-bottom: 0px;
          padding-left: 15px;

        border:solid px #7A1405;
          background-color: transparent;
          background-image: url();
          background-repeat: repeat;


        }

     /*____________________________________________*/


     /*navi Links*/
ul#Navigation {
width: 10em;
margin: 0; padding: 0.2em 0.2em 0.2em;
border: 0px solid black;
background-color: transparent;
}
* html ul#Navigation { /* Korrekturen fuer IE 5.x */
width: 11.6em;
width: 10em;
padding-left: 0;
padding-left: 0.0em;
font-size: 0.9em;
}
ul#Navigation li {
list-style: none;
margin: 0.1em; padding: 0;
}

ul#Navigation a, ul#Navigation span, ul#Navigation h2 {
display:block;
padding: 0.2em;
text-decoration: none; font-weight: normal;
font-size: 0.9em;
text-align: center;
border: 1px solid #7A1405 ;

color:#7A1405; background-image: url();
}
* html ul#Navigation a, * html ul#Navigation span, * html ul#Navigation h2 {
width: 100%; /* Breitenangabe fuer IE 5.x */
width: 8.8em; /* Breitenangabe fuer IE 6 */
}
ul#Navigation a:hover, ul#Navigation span {
border-color:black;
font-size: 0.9em;

color:black; background-image: url();
}
ul#Navigation h2 {
font-size: 0.9em;
margin: 0.5em 0 0;
border-color:#7A1405;
color: #808080; background-image:url(http://file1.npage.de/006517/99/bilder/red.jpg);
}


    #navirechts {
          float:right;
          width: 170px;


          padding-top: 10px;
          padding-right: 0px;
          padding-bottom: 0px;
          padding-left: 10px;

       border:solid px #7A1405;
          background-color:transparent;
          background-image: url();
     background-repeat: repeat;

        }

    #inhalt {
           float:left;
             width:615px;
             padding-top: 30px;
          padding-right: 10px;
          padding-bottom: 20px;
          padding-left: 10px;
           background-color:transparent;
      background-image: url();
      background-repeat: repeat;

       border:double px #7A1405;



     }
    #footer {
           float: right;

           width: 100%;
           height: 50px;
           color:#FFFF44;
           background-image:url();
        background-repeat: repeat;
          border:solid px #7A1405;

        }

      /*navi fuss */
.menunten {
display: block;

text-align: center;
font-family: segoe print,sans-serif;
font-size:14px;
color:#7A1405;


}


.menunten:hover {
display: block;

text-align: center;
font-family: segoe print,sans-serif;
font-size: 14px;
color: #7A1405;


}


/*ende navi unten*/



    .clear {
           clear: both;
        }

               =-->
            </style>
        <!--[if IE]>
<style type="text/css" media="screen">
#menu ul li {float: left; width: 100%;}
</style>
<![endif]-->

<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {behavior: url(karsten.bplaced.net/htc/csshover.htc); font-size: 100%;}
#menu ul li a {height: 1%;}
}
</style>
<![endif]-->


    </head>

    <body>

      <div id="aussen"> <a name="top"></a>
            <div id="header">
</div>
            <div id="balken"> <table align="center" border="0">
<tbody>
<tr>
<td><a class="menuoben" href="http://pokerlady.npage.de/willkommen__69290761.html">Home</a></td>
<td><a class="menuoben" href="pinnwand.html">Pinnwand</a></td>
<td><a class="menuoben" href="linkliste.html">Linkliste</a></td>
<td><a class="menuoben" href="http://freundesbuch.de/book/insertulli007_6494193/">Freundesbuch</a></td>
<td><a class="menuoben" href="news_42853217.html">News</a></td>
<td><a class="menuoben" href="guestbook.html">Gästebuch</a></td>
<td><a class="menuoben" href="meine_banner_64889274.html">Meine Banner</a></td>



</tr>
</tbody>
</table>

             </div>
        <table border="0" align="center" cellpadding="2" cellspacing="2" width="100%">
    <tr>
      <td width="180" valign="top">
        <div id="navilinks"><ul id="Navigation">
<li><h2>Über Mich</h2></li>
 <li><a href="meine_wenigkeit_98508030.html">Meine Wenigkeit</a></li>
  <li><a href="meine_familie_77018957.html">Meine Familie</a></li>
   <li><a href="das_h%C3%B6re_ich_gerne_388927.html">Lieblingsmusik</a></li>
   <li><a href="hobbys_35440975.html">Hobbys</a></li>
   <li><a href="mein_reken_9127090.html">Meine Heimat</a></li>
  <li><a href="abnehmtagebuch.html">Abnehmtagebuch</a></li>
<li><a href="teil-2-april-2012.html">Teil 2 April 12</a></li>




<li><h2>Tiere</h2></li>
<li><a href="wellies_16994928.html">Wellies</a></li>
 <li><a href="hasen_56405104.html">Hasen</a></li>
  <li><a href="schildkröten_21833317.html">Schildkröten</a></li>

          <li><h2>Unser Haus</h2></li>
<li><a href="unser_haus_15319289.html">Unser Haus</a></li>
 <li><a href="umbau_98598370.html">Umbau</a></li>
  <li><a href="umbau_teil_2_23029396.html">Umbau Teil 2</a></li>
  <li><a href="umbau_teil_3_39989913.html">Umbau Teil 3</a></li>
  <li><a href="umbau_teil_4_78723289.html">Umbau Teil 4</a></li>
  <li><a href="">Seite</a></li>

          <li><h2>PSP - Schule</h2></li>
          <li><a href="psp-schule_67621945.html">PSP Schule</a></li>
<li><a href="rahmen_37142922.html">Rahmen</a></li>
 <li><a href="vector_73256186.html">Vektor</a></li>
  <li><a href="blends_61970891.html">Blends</a></li>
  <li><a href="http://pokerlady.npage.de/galerie299633.html">Animationen</a></li>
 <li><a href="http://pokerlady.npage.de/galerie299761.html">Fortgeschritten</a></li>
  <li><a href="zeugnisse_77045241.html">Zeugnisse</a></li>
  <li><a href="">Seite</a></li>

  <li><h2>Bastelseite PSP</h2></li>
          <li><a href="http://ullis-bastelstube.npage.de/willkommen_40335998.html">Ullis Bastelstube</A></LI>


<li><h2>Frontpageschule</h2></li>
<li><a href="wichtig-bevor-ihr-anfangt.html">Bevor ihr anfangt</a></li>
 <li><a href="grundschule.html">Grundschule</a></li>
  <li><a href="hauptschule.html">Hauptschule</a></li>
  <li><a href="realschule.html">Realschule</a></li>
  <li><a href="gymnasium.html">Gymnasium</a></li>
  <li><a href="">Seite</a></li>

</ul>
 <object data="http://www.e-reveal.de/uhr/digitaluhr.swf" type="application/x-shockwave-flash" width="150" height="100">
<param name="movie" value="http://www.e-reveal.de/uhr/digitaluhr.swf" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="bgcolor" value="orange" />
<param name="wmode" value="transparent" />
</object><Br>
 <h3><center>
     <a href="http://www.surfmusik.de/radios/radioauswahl.htm" onclick="window.open(this.href,'radio','width=530,height=480,resizable=no,scrollbars=no,title=radio'); return false;"><img src="http://www.surfmusik.de/logo88x62.gif"> <alt="Surfmusik Live Radio"></a>
</h3>


<p><center> <a id="1289738538" href="http://www.karriere-job-infos.de">Job und Karriere</a><script type="text/javascript" language="JavaScript" src="http://www.counter-go.de/counter_js.php?account=1289738538"></script><noscript><a href="http://www.counter-go.de/" target="_blank"><img border=0 src="http://www.counter-go.de/counter.php?account=1289738538"/></a></noscript></p>
<center><a href="http://www.wieistmeineip.de/cometo/?de"><img width="150" height="120" border="0" src="http://www.wieistmeineip.de/ip-adresse/?size=125x125" alt="IP" /></a><br><br>

</a><p> <center><a href="http://www6.topsites24.de/ts/ts.cgi?klick=15&tl=werbeportal" target="_blank"><img src="http://file1.npage.de/001972/06/bilder/werbeportalbanner_vote.gif" alt="Werbeportal Topliste" border="0"></a>
 <br><br><SCRIPT language=JavaScript src="http://www.bauernregeln.net/service.js"></SCRIPT>

 <br></p>
 <td valign="top"><div id="inhalt">

Re: design nicht richtig mittig

Verfasst: Do 13. Sep 2012, 08:36
von ulli
jetzt wo ich geschrieben habe ist mir eingefallen wo der Sitewide ist...der ist aber leer....