Autor |
Nachricht |
-
zax66
|
31.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;
}
|
|
↑
|
|
|
-
bannerland
|
31.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
|
|
↑
|
|
|
-
zax66
|
31.05.2010 um 16:34 (UTC) Titel: |
|
|
Ja, da bin ich auch schon drauf gekommen Aber dadurch verschiebt sich die ganze Sidebar.... |
|
↑
|
|
|
-
bannerland
|
31.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
|
|
↑
|
|
|
-
zax66
|
31.05.2010 um 16:53 (UTC) Titel: |
|
|
Klappt irgendwie alles net. |
|
↑
|
|
|
-
bannerland
|
|
↑
|
|
|
|