Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag31.05.2010 um 16:21 (UTC)    
Titel: Problem mit dem Content

So ich habe ein kleines Problem mit dem Content, schaute es euch hier an: http://zax66-test.de.tl/home.htm


Hier ist der Code den ihr wahrscheinlich braucht, Text über dem Design:
Code:

<div id="header">
   <div id="topmenu">
      <ul>

         <li><a href="#" id="topmenu1" accesskey="1" title="">Home</a></li>
         <li><a href="#" id="topmenu3" accesskey="3" title="">Contact</a></li>
         <li><a href="#" id="topmenu2" accesskey="2" title="">Sitemap</a></li>
      </ul>
   </div>
   <div id="logo">
      <h1><a href="#">AtomoHost</a></h1>

      <h2><a href="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2>
   </div>
</div>
<div id="menu">
   <ul>
      <li class="first"><a href="#" title="">About Us</a></li>
      <li><a href="#" title="">Products</a></li>
      <li><a href="#" title="">Services</a></li>

      <li><a href="#" title="">Clients</a></li>
      <li><a href="#" title="">Support</a></li>
   </ul>
</div>
<div id="content">
   <div id="main">


Text unter dem Design:

Code:



</div>

   <div id="sidebar">
      <div id="updates" class="boxed">
         <h2 class="title">Links</h2>
         <div class="content">
            <ul>
               <li>
                  <h3>March 5, 2007</h3>
                  <p><a href="#">In posuere eleifend odio quisque semper augue mattis wisi maecenas…</a></p>

               </li>
               <li>
                  <h3>March 3, 2007</h3>
                  <p><a href="#">Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh…</a></p>
               </li>
               <li>
                  <h3>February 28, 2007</h3>

                  <p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum…</a></p>
               </li>
               <li>
                  <h3>February 25, 2007</h3>
                  <p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam nequea…</a></p>
               </li>
            </ul>

         </div>
      </div>
      <div id="partners" class="boxed">
         <h2 class="title">Partner</h2>
         <div class="content">
            <ul>
               <li><a href="#">Donec Dictum Metus</a></li>
               <li><a href="#">Etiam Rhoncus Volutpat</a></li>

               <li><a href="#">Integer Gravida Nibh</a></li>
               <li><a href="#">Maecenas Luctus Lectus</a></li>
               <li><a href="#">Mauris Vulputate Dolor</a></li>
               <li><a href="#">Nulla Luctus Eleifend</a></li>
               <li><a href="#">Posuere Augue Sit Nisl</a></li>
            </ul>

         </div>
      </div>
   </div>
</div>
<div id="footer">
   <p id="legal">Copyright © 2007 AtomoHost. All Rights Reserved. Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
   <p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>

</div>



Und der CSS Code:
Code:



h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element checked_menu{display:none;}
li.nav_element subpage{display:none;}
li.nav_element{display:none;}
#nav_container{display:none;}
#sidebar_container{display:none;}
#counter{display:none;}


table[height="102"] {
margin: 0px auto;
}


img {
border: 0px; }



/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
   margin: 0;
   padding: 0;
}

body {
   background: #FFFFFF url(http://www.fotos-hochladen.net/image01jziyhmdq.png) repeat-x;
   font: normal small Arial, Helvetica, sans-serif;
   color: #999999;
}

form {
}

fieldset {
   border: none;
}

legend {
   display: none;
}

h1, h2, h3 {
   margin: 0;
   color: #11A6D4;
}

h2 {
   margin-bottom: .5em;
   font-size: 1.8em;
}

h3 {
   margin-bottom: 1em;
   font-size: 1em;
}

p, blockquote, ul, ol {
   margin-bottom: 1.5em;
   line-height: 1.8em;
}

p {
}

blockquote {
}

ul {
   margin-left: 2em;
   list-style: square;
}

ul li {
}

ol {
   margin-left: 2em;
   list-style: lower-roman;
}

ol li {
}

a {
   color: #EA672E;
}

a:hover {
   text-decoration: none;
   color: #11A6D4;
}

img {
   border: none;
}

/* Boxed Style */

.boxed {
   margin-bottom: 1em;
   background: #F7F7F7 url(http://www.fotos-hochladen.net/img07bqwanckz.gif) repeat-x;
   border: 1px solid #CCCCCC;
}

.boxed .title {
   height: 29px;
   padding: 11px 0 0 27px;
   background: url(http://www.fotos-hochladen.net/img08pr9jg3sz.gif) no-repeat 10px 50%;
   text-transform: uppercase;
   font-size: 1.2em;
   color: #FFFFFF;
}

.boxed .content {
   padding: 10px;
}

/* Header */

#header {
   width: 700px;
   height: 130px;
   margin: 0px auto;
   background: url(http://www.fotos-hochladen.net/img02behpd9f7.jpg) no-repeat;
        margin-top: -6px;
}

/* Header > Logo */

#logo {
   float: left;
   padding: 65px 0 0 0;
}

#logo h1 {
   text-transform: uppercase;
   font-size: 2em;
}

#logo h2 {
   margin: 0;
   text-transform: uppercase;
   font-size: 1.2em;
}

#logo a {
   text-decoration: none;
   color: #FFFFFF;
}

/* Header > Top Menu */

#topmenu {
   float: right;
}

#topmenu ul {
   margin: 0;
   padding: 100px 0 0 0;
   list-style: none;
   line-height: normal;
}

#topmenu li {
   display: inline
}

#topmenu a {
   display: block;
   float: left;
   margin: 0 0 0 20px;
   padding: 0 0 0 15px;
   text-transform: uppercase;
   text-decoration: none;
   font-size: x-small;
   font-weight: bold;
   color: #FFFFFF;
}

#topmenu a:hover {
   text-decoration: underline
}

#topmenu1 {
   background: url(http://www.fotos-hochladen.net/img03aflzh256.gif) no-repeat left center;
}

#topmenu2 {
   background: url(http://www.fotos-hochladen.net/img04kbvjpga9.gif) no-repeat left center;
}

#topmenu3 {
   background: url(http://www.fotos-hochladen.net/img053kvgnicl.gif) no-repeat left center;
}

/* Menu */

#menu {
   width: 700px;
   height: 40px;
   margin: 0 auto;
}

#menu ul {
   margin: 0;
   list-style: none;
   line-height: normal;
}

#menu li {
   display: inline;
}

#menu a {
   display: block;
   float: left;
   height: 26px;
   padding: 14px 18px 0 20px;
   background: url(http://www.fotos-hochladen.net/img06we7o3rl5.gif) no-repeat;
   text-transform: uppercase;
   text-decoration: none;
   font-weight: bold;
}

#menu a:hover {
   text-decoration: underline;
}

#menu .first a {
   padding-left: 0;
   background: none;
}

/* Content */

#content {
   width: 700px;
   margin: 0 auto;
   padding: 20px 0;
}


/* Content > Main */

#main {
   float: left;
   width: 360px;
}

/* Content > Main > Example */

#example {
}

/* Content > Main > Welcome */

#welcome {
   margin: 0 0 3em 0;
   padding: 10px 0 1.5em 0;
   border-bottom: 1px solid #CCCCCC;
}

/* Content > Sidebar */

#sidebar {
   float: right;
   width: 220px;
}


/* Content > Sidebar > Updates*/

#updates {
}

#updates ul {
   margin: 0;
   list-style: none;
}

#updates li {
   margin-bottom: 1em;
}

#updates h3 {
   margin: 0;
   padding: 0 0 0 10px;
   background: url(http://www.fotos-hochladen.net/img09n52af7m4.gif) no-repeat left center;
   font-size: x-small;
}

#updates p {
   margin: 0;
   padding: 0 0 0 10px;
   line-height: normal;
   font-size: .85em;
}

#updates a {
   text-decoration: none;
}

/* Content > Sidebar > Partners*/

#partners {
}

/* Footer */

#footer {
   clear: both;
   width: 700px;
   margin: 0 auto 2em auto;
   background: #F7F7F7 url(http://www.fotos-hochladen.net/img07bqwanckz.gif) repeat-x;
   border: 1px solid #CCCCCC;
}

/* Footer > Legal */

#legal {
   margin: 0;
   padding: 8px;
   text-align: center;
   color: #FFFFFF;
}

#legal a {
   font-weight: bold;
   color: #FFFFFF;
}

/* Footer > Links */

#links {
   margin: 0;
   padding: 10px;
   text-align: center;
}



Beitrag31.05.2010 um 16:29 (UTC)    
Titel:

Hallo Zaxx66,

du könntest dein Content verkleinern ändere diesen Teil im Code um

Code:
/* Content */

#content {
  width: 670px; /*Breite des Contents*/
   margin: 0 auto;
   padding: 20px 0;
}


Verändere die zahl bis es passt
______________


Mehr infos über mich hier klicken: http://www.about-pc.de/profil/Maxim


Zuletzt bearbeitet von bannerland am 31.05.2010, 17:30, insgesamt einmal bearbeitet
Beitrag31.05.2010 um 16:34 (UTC)    
Titel:

Ja, da bin ich auch schon drauf gekommen Very Happy Aber dadurch verschiebt sich die ganze Sidebar....
Beitrag31.05.2010 um 16:42 (UTC)    
Titel:

Hast du versucht die Sidebar auch zu verschieben oder sie zu entfernen und das Content vergrößern
______________


Mehr infos über mich hier klicken: http://www.about-pc.de/profil/Maxim


Zuletzt bearbeitet von bannerland am 31.05.2010, 17:44, insgesamt einmal bearbeitet
Beitrag31.05.2010 um 16:53 (UTC)    
Titel:

Klappt irgendwie alles net.
Beitrag31.05.2010 um 17:02 (UTC)    
Titel:

Dann weis ich es nicht
______________


Mehr infos über mich hier klicken: http://www.about-pc.de/profil/Maxim
Beiträge der letzten Zeit anzeigen:   


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