Hi Leute ich danke euch auf alle fälle schon mal vorab und endschuldige wenn ich einen vermeintlich passenden Threat noch nicht gelesen habe.
Folgende Problematik!
Auf jeder Seite habe ich das Problem, dass die Werbung am rechten Rand meine Bilder oder den Taxt verdeckt. Ich hab selbst schon nen bisl probiert und gemacht - ich kriegs aber nur für meinen eigenen Pc optimiert und nicht für fremde Pc. Kann mir irgendwer helfen?
Bitte nicht böse sein, dass ich den ganzen Code einstelle - ich weiß nur leider nicht mehr weiter!
Hier erstmal die Seite:
http://siamkatzen-im-oderbruch.de.tl/Katzenfamilie.htm
Text über dem Design:
</head>
<body>
<div id="templatemo_outer_wrapper">
<div id="templatemo_wrapper">
<div id="templatemo_sidebar">
<div id="templatemo_menu">
<ul>
<li><a href="http://siamkatzen-im-oderbruch.de.tl/">Home</a></li>
<li><a href="http://siamkatzen-im-oderbruch.de.tl/Katzenfamilie.htm">Katzenfamilie</a></li>
<li><a href="http://siamkatzen-im-oderbruch.de.tl/W.ue.rfe.htm">Würfe</a></li>
<li><a href="http://siamkatzen-im-oderbruch.de.tl/Galerie/index.htm">Galerie</a></li>
<li><a href="http://siamkatzen-im-oderbruch.de.tl/Kontakt.htm" class="last">Kontakt</a></li>
</ul>
</div> <!-- end of templatemo_menu -->
<div class="sidebar_box">
<h2>Our News</h2>
<ul id="news_box">
<li>
<de class="date">13.Okt.2013</de>
<h6><a href="#"></a>Websiteaufbau</h6>
<p>Website befindet sich im Aufbau! Wir bitten
um etwas Geduld!</p>
</li>
<li>
<de class="date">13.Oktober 2013</de>
<h6><a href="#">Websiteaufbau!</a></h6>
<p>Wir bitten um Geduld</p>
</li>
<li>
<de class="date">13.Oktober 2013</de>
<h6><a href="#">Websiteaufbau</a></h6>
<p>Wir bitten um Geduld</p>
</li>
</ul>
<a href="#" class="more">Read all<de>»</de></a>
</div>
</div> <!-- end of sidebar -->
<div id="templatemo_main">
<div id="templatemo_header">
<div id="site_title"><a
href="">Siamkatzen - Hobbyzucht<br>
im<br>
Oderbruch</a></div>
<!-- end of site_title -->
<div class="cleaner"></div>
</div> <!-- end of header -->
<div id="templatemo_content">
<div class="content_box">
Text unter dem Design:
</div>
<div class="content_bx">
<div class="cleaner"></div>
<div class="col_w300 float_l">
</div>
<div class="cleaner"></div>
</div>
</div>
</div> <!-- end of main -->
<div class="cleaner"></div>
</div> <!-- end of wrapper -->
</div> <!-- end of outer wrapper -->
<div id="templatemo_footer_wrapper">
<div id="templatemo_footer">
<a href="index.html">Home</a> | <a href="about.html">About Us</a> | <a href="services.html">Services</a> | <a href="blog.html">Blog</a> | <a href="contact.html">Contact</a> <br /><br />
Copyright © 2013 <a href="#">Your Company Name</a> | <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a> | Coding:<a href="http://hpbk-templateworld.de.tl/">HpBk-TemplateWorld</a>
<div class="cleaner"></div>
</div>
</div>
</body>
</html>
CSS ohne Style-Tags:
#extraDiv1 {display: none;}
#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; }/*
Credit:
http://www.templatemo.com
*/
body {
margin: 0px;
padding: -0px;
color: #dbd4c6;
font-family: Ariel, Geneva, sans-serif;
font-size: 10px;
line-height: 2.0em;
background-color: #ffffff;
background-image: url(http://img.webme.com/pic/h/hpbk-templateworld/grungebody.jpg);
background-repeat: repeat;
background-position: top;
}
a, a:link, a:visited { color: #fff; text-decoration: underline; }
a:hover { text-decoration: none; }
p { margin: 0; padding: 0; }
img { border: none; }
h1, h2, h3, h4, h5, h6 { color: #fff; }
h1 { font-size: 34px; font-weight: normal; margin: 0 0 30px 0; padding: 5px 0; }
h2 { font-size: 28px; font-weight: normal; margin: 0 0 20px 0; padding: 0; }
h3 { font-size: 21px; margin: 0 0 15px; padding: 0; font-weight: normal; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0; }
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }
.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }
a.more { color: #181717; font-weight: bold; text-decoration: none; /* text-shadow: 1px 1px 1px #7b7977 */}
a.more span { font-weight: bold; font-size: 18px }
a.more:hover { text-decoration: none; }
a.more:hover span { font-weight: bold; margin-left: 10px; }
.float_l { float: left; }
.float_r { float: right; }
.image_wrapper { display: inline-block; border: 1px solid #221e14; padding: 4px; background: #49412f; margin-bottom: 5px; }
.image_fl { float: left; margin: 3px 15px 0 0; }
.image_fr { float: right; margin: 3px 0 0 15px; }
blockquote { font-style: italic; margin-left: 10px;}
cite { font-weight: bold; color:#000; }
cite span { color: #333; }
em { color: #fff; }
.tmo_list {
margin: 20px 0 20px 20px;
padding: 0;
list-style: none;
}
.tmo_list li {
color:#fff;
background: transparent url(http://img.webme.com/pic/h/hpbk-templateworld/grungelist.png) no-repeat scroll 0 3px;
margin:0 0 10px;
padding: 3px 0 3px 25px;
line-height: 1em;
}
.tmo_list li a { color: #fff; }
.tmo_list li a:hover { color: #fff; }
#templatemo_outer_wrapper { width: 80%; background: url(http://img.webme.com/pic/h/hpbk-templateworld/templatemo_outer_wrapper.png) top repeat-x }
#templatemo_wrapper { width: 954px; padding: 0 20px; margin: 0 auto; background: url(http://img.webme.com/pic/h/hpbk-templateworld/site_header.png) no-repeat center 15px scroll }
#templatemo_sidebar { float: left; width: 260px; margin-top: 160px; padding-bottom: 40px }
/* use this for sidebar bg
#templatemo_wrapper { width: 940px; padding: 0 20px; margin: 0 auto; background: url(http://img.webme.com/pic/h/hpbk-templateworld/templatemo_sidebar_top.png) no-repeat scroll 20px 140px }
#templatemo_sidebar { float: left; width: 260px; margin-top: 160px; padding-bottom: 40px; background: url(http://img.webme.com/pic/h/hpbk-templateworld/templatemo_sidebar.jpg) scroll 0 20px repeat-y }
*/
#templatemo_menu {
width: 260px;
height: 405px;
margin-top: -60px;
margin-bottom: 40px;
background: url(http://img.webme.com/pic/h/hpbk-templateworld/menu_bg.png) top center no-repeat
}
#templatemo_menu ul {
margin: 0;
padding: 130px 70px 0;
list-style: none
}
#templatemo_menu ul li {
padding: 0;
margin: 0;
}
#templatemo_menu ul li a {
display: block;
font-family: Georgia, "Ariel", Times, serif;
width: 120px;
text-align: center;
padding-bottom: 12px;
border-bottom: 1px dotted #7c745f;
margin-bottom: 12px;
font-size: 14px;
text-decoration: none;
color: #a39668;
font-weight: bold;
background: url(images/templatemo_menu.png) no-repeat left center
}
#templatemo_menu ul li a:hover, #templatemo_menu ul .current { color: #e0dacb; }
#templatemo_menu ul .last { border: none; }
.sidebar_box { padding: 0 20px; }
.sidebar_box h4 { color: #0f3252 }
.sbb_last { border-bottom: none }
#news_box {
margin: 0;
padding: 0;
list-style: none
}
#news_box li {
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px dashed #000
}
#news_box li .date {
color: #ccc;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px
}
#news_box .last {
margin-bottom: 0;
padding: 0;
border-bottom: none
}
#news_box p { margin-bottom: 0 }
#news_box h6 a {
color: #fff;
font-weight: normal
}
#news_box h6:hover { text-decoration: underline }
#templatemo_main { float: right; width: 640px }
#templatemo_header { height: 140px; margin-bottom: 40px; }
#site_title a {
float: left;
display: block;
width: 254px;
height: 77px;
font-size: 20px;
padding-top: 25px;
margin: 15px 0 0 45px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #fff
}
#site_title span {
display: block;
color: #fff;
font-size: 14px;
margin-top: 8px;
font-weight: normal
}
#site_title a:hover { text-decoration: none }
#rss a {
display: block;
float: right;
background: none no-repeat right center;
padding-right: 30px;
margin-top: 40px;
width: 128px;
height: 128px;
}
#templatemo_content { clear: both; padding-bottom: 40px }
#templatemo_content h2 { line-height: 30px }
#templatemo_content p { margin-bottom: 15px }
#content_title_box { clear: both; color: #fff; font-size: 16px; line-height: 24px; margin-bottom: 80px; }
#content_title_box h2 { color: #fff }
.content_box { margin-bottom: 40px; padding-bottom: 20px }
.cb_last { margin-bottom: 0; padding-bottom: 0; border-bottom: none }
.col_w300 { width: 300px }
.home_newsbox { margin-bottom: 20px; }
.post_section {
clear: both;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px dashed #3a3323
}
.post_section h1 {
margin: 0 0 5px 0;
padding: 10px 0 5px 0;
line-height: 34px;
background: url(images/templatemo_header.png) no-repeat bottom left;
}
.post_section .post_content {
clear: both;
margin: 20px 0 0;
}
.post_content .left {
float: left;
width: 140px;
}
.post_content .left img {
width: 120px;
height:120px;
}
.post_content .right {
float: right;
width: 480px;
}
.post_section p {
padding-bottom: 5px;
margin-bottom: 8px;
}
.post_section .comment_tab {
padding: 10px 0;
margin: 40px 0 20px 0;
border-bottom: 1px dashed #666;
font-size: 20px;
font-weight: bold;
}
.service_box {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px dashed #ccc
}
.sb_last {
padding: 0;
margin: 0;
border: none
}
.service_box img {
float: left;
width: 128px;
height: 128px
}
.service_box .right {
float: right;
width: 480px
}
.service_box ol li {
list-style: decimal-leading-zero;
margin-bottom: 5px
}
/* Contact Form */
#contact_form {
float: left;
padding: 0;
}
#contact_form form {
margin: 0;
padding: 0;
width: 462px;
}
#contact_form form .input_field {
width: 450px;
padding: 5px;
color: #d5d0c5;
background: #554d3a;
border: 1px solid #2b271d;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
}
#contact_form form label {
display: block;
color: #d5d0c5;
width: 100px;
margin-top: 10px;
margin-bottom: 5px;
font-size: 14px;
}
#contact_form form textarea {
width: 450px;
height: 200px;
color: #d5d0c5;
padding: 5px;
background: #554d3a;
border: 1px solid #2b271d;
font-family: Ariel, Geneva, sans-serif;
font-size: 12px;
}
#contact_form form .submit_btn {
margin: 10px 0px;
padding: 8px 14px;
background-color: #554d3a;
color: #FFFFFF;
border: 1px solid #2b271d;
}
#templatemo_footer_wrapper {
clear: both;
width: 100%;
border-top: 5px solid #5c4a22;
background: #1d180c;
}
#templatemo_footer {
width: 940px;
padding: 20px;
margin: 0 auto;
text-align: center;
color: #7a6e52;
}
#templatemo_footer a { color: #c4bdac }
Ich danke euch von ganzem Herzen!
Liebe Grüße Katja
