Suche im Forum:
Suchen


Autor Nachricht
Beitrag14.07.2011 um 15:39 (UTC)    
Titel: brauch mal schnell einen Tipp

Hallo,

ich hab ein Design von Hpbk-templateworld.de.tl genommen und bisschen bearbeitet und nun krieg ich die Textbox nicht zentriet. Kann mir mal einer Helfen.

Code:
<div id="templatemo_wrapper_outer">
<div id="templatemo_wrapper_inner">
<div id="templatemo_banner"> </div>
<div id="titel">World of Games</div>
<!-- end of banner -->
<div id="templatemo_menu">
<ul>
   <li><a href="/News.htm">News</a></li>
   <li><a href="/Games.htm">Games</a></li>
   <li><a href="/G.ae.stebuch.htm">Gästebuch</a></li>
   <li><a href="/Partner.htm">Partner</a></li>
   <li><a href="/kontakt.htm">Kontakt</a></li>
</ul>
</div>
<!-- end of menu -->
<div id="templatemo_content_wrapper">
</div>
</div>
<div class="templatemo_content margin_right_10">
<div class="content_section">

Code:
</div>
</div>
<!-- end of content -->
</div>
</div>
<!-- end of right side bar -->
<div class="cleaner"> </div>
</div>
<!-- end of content wrapper --></div>
</div>
<div id="templatemo_footer">Copyright © 2011 <a href="http://nenegames.de.tl">NeneGames</a> | <a target="_parent" href="http://www.iwebsitetemplate.com">Website Templates</a> by <a target="_parent" href="http://www.templatemo.com">Free CSS Templates</a> | Coding: <a href="http://HpBk-TemplateWorld.de.tl">HpBk-TemplateWorld</a> and <a href="http://project-4sp.de.tl/">Project-4sp</a></div>
<!-- end of footer -->
<div class="margin_bottom_10"> </div>
<div class="content_section">
Code:
#extraDiv2 {
display:none;
}

#extraDiv3 {
display:none;
}

#extraDiv4 {
display:none;
}

#extraDiv5 {
display:none;
}

#extraDiv6 {
display:none;
}

#pre_header {
display:none;
}

#post_header {
display:none;
}

#pre_content {
display:none;
}

#nav_heading {
display:none;
}

#nav {
display:none;
}

div.header {
display:none;
}

h1#title {
display:none;
}

h2#title span {
display:none;
}

td[height="102"] {
position:absolute;
left:50%;
margin-left:-384px;
}

/*
CSS Credit: http://www.templatemo.com
*/

body {
   margin: auto[b];[/b]
        width:900px;
   padding: 0;
   line-height: 1.5em;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #999;
   background: #272525 url(http://www.loaditup.de/files/570621.jpg) repeat-x;
}

#titel {
        margin-top:-250px;
        margin-left: 350px;
        margin-bottom:212px;
   width: 500px;
   padding: 20px 19px 0 19px;
        font-size: 30px;
   font-weight: bold;
   color: #ffffff;
}

a:link, a:visited { color: #FFFFFF; text-decoration: none; font-weight: normal; }
a:active, a:hover { color: #99FF00; text-decoration: underline; }

p {
   margin: 0px;
   padding: 0px;
   text-align: justify;
}

img {
   margin: 0px;
   padding: 0px;
   border: none;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;   }
.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;   }
.margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;   }
.margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;   }
.margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;   }
.margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;   }

.margin_right_10 { margin-right: 10px; }
.margin_right_60 { margin-right: 60px; }

.horizontal_divider {
   background: url(images/templatemo_horizontal_divider.jpg) bottom repeat-x;
}

.border_bottom {
   border-bottom: 1px dashed #000;
}

.fl {
   float: left;
}

.fr {
   float: right;
}

.rc_btn_01 a {
   clear: both;
   display: block;
   width: 120px;
   height: 25px;
   padding: 5px 0 0 0;
   font-size: 12px;
   text-align: center;
   color: #000000;
   text-decoration: none;
   border: none;
   background: url(http://www.loaditup.de/files/570622.png) no-repeat;
}

#templatemo_wrapper_outer {
   width: 100%;
   margin: 0 auto;
}

#templatemo_wrapper_inner {
   width: 980px;
   margin: 0 auto;
   padding: 0 5px;
   background: url(http://www.loaditup.de/files/570623.png) repeat-y;
}

#templatemo_banner {
   width: 980px;
   height: 250px;
   background: url(http://www.loaditup.de/files/570624.jpg) no-repeat;
}

/* menu */

#templatemo_menu {
   clear: both;
   width: 500px;
   height: 65px;
   padding: 0 240px;
   background: url(http://www.loaditup.de/files/570625.jpg) no-repeat;
}

#templatemo_menu ul {
   width: 500px;
   margin: 0px;
   padding: 20px 0 0 15px;
   list-style: none;
}

#templatemo_menu ul li {
   display: inline;
}

#templatemo_menu ul li a {
   float: left;
   padding: 0 20px;
   text-align: center;
   font-size: 12px;
   text-align: center;
   text-decoration: none;
   color: #ffffff;   
   font-weight: bold;
}

/* end of menu*/

#templatemo_content_wrapper {
   clear: both;
   width: 960px;
   padding: 10px;
}

.templatemo_content {
   float: center;
        margin-left: 162px;
        margin-bottom:20px;
   width: 900px;
   padding: 20px 19px 0 19px;
   background: #1b1919;
   border: 1px solid #363434;

}

.header_01 {
   padding: 0 0 5px 0;
   margin: 0 0 10px 0;
   font-size: 14px;
   font-weight: bold;
   color: #ffffff;
   /*color: #e40b0b;*/
}


.header_02 {
   padding: 0 0 5px 0;
   margin: 0 0 10px 0;
   font-size: 18px;
   font-weight: bold;
   color: #ffffff;
   /*color: #e40b0b;*/
}

.header_03 {
   padding: 0 0 5px 0;
   font-size: 12px;
   font-weight: bold;
   color: #ffffff;
   /*color: #99be29;*/   
}

.header_03 a { color: #ffffff; text-decoration: none; }
.header_03 a:hover { color: #99FF00; }


#search_field {
   padding: 5px 0 0 0;
   height: 20px;
   width: 175px;
   margin-bottom: 10px;
}

#search_button {
   float: right;
   width: 120px;
    height: 30px;
   padding: 0;
   margin: 0;
   cursor: pointer;
   font-size: 12px;
   text-align: center;
   white-space: pre;
   background: url(http://www.loaditup.de/files/570626.png) no-repeat;
   color: #000000;
   border: none;
}

.content_section {
   clear: both;
   padding: 0 0 0 0;
}

.content_section p span {
   color: #ffffff;
}

.image_wrapper_01 {
   float: left;
   position: relative;
   margin: 3px 20px 0 0;
   background: #131212;
   padding: 4px;
}

.image_wrapper_01 img {
   border: 1px solid #363434;
}

.image_wrapper_02 {
   position: relative;
   margin: 0 0 10px 0;
   background: #131212;
   padding: 4px;
}

.image_wrapper_02 span {
   position: absolute;
   width: 20px;
   height: 20px;
   bottom: 10px;
   right: 10px;
   background: url(http://www.loaditup.de/files/570627.jpg) no-repeat;
}

.image_wrapper_02:hover span {
   background: url(http://www.loaditup.de/files/570628.jpg) no-repeat;
}

.image_wrapper_02 img {
   border: 1px solid #363434;
}

.image_wrapper img {
   border: 1px solid #363434;
}

.latest_news {
   clear: both;
   padding-bottom: 10px;
}

#templatemo_footer {
   clear: both;
   width: 990px;
   height: 40px;
   margin: 0 auto;
   padding: 20px 0 0 0;
   text-align: center;
   background: url(http://www.loaditup.de/files/570629.jpg) no-repeat;
}


Mit freundlichem Gruß und einem Danke im vorraus.

EWOG


Zuletzt bearbeitet von nenegames am 14.07.2011, 16:41, insgesamt einmal bearbeitet
Beitrag14.07.2011 um 15:47 (UTC)    
Titel:

Bei mir ist die Textbox mittig: Welchen Browser benutzt du ?

Du könntest mal hier nen bischen rumprobieren
Code:
.templatemo_content {
   float: center;
        margin-left: 162px;
        margin-bottom:20px;
   width: 900px;
   padding: 20px 19px 0 19px;
   background: #1b1919;
   border: 1px solid #363434;
}


Bei margin-left
______________
Gruß Pexxi
Beitrag14.07.2011 um 15:53 (UTC)    
Titel:

also ich bin nutze firefox 5

und margin-left/-bottom hab ich auf meinem notebook eingestellt
das hat sich aber jetzt verändert.

also bei einer auflösung von 1024-768
ist der content mittig

aber bei einer auflösung von 1600-1200
ist der content weiter links
Beitrag14.07.2011 um 16:00 (UTC)    
Titel:

Dann nimm mal margin-left komplett raus. Theoretisch müsste das Design ja zentriert sein.
______________
Gruß Pexxi
Beitrag14.07.2011 um 16:11 (UTC)    
Titel:

ok mach ich mal
Beitrag14.07.2011 um 16:16 (UTC)    
Titel:

nop klapp auch nicht
Beitrag14.07.2011 um 19:44 (UTC)    
Titel:

Bitte nächstes mal die Edit-Funktion benutzen

Mmh dann weiß ich auch nicht
______________
Gruß Pexxi
Beiträge der letzten Zeit anzeigen:   


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