Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag09.07.2011 um 18:59 (UTC)    
Titel: Schwarze Umrandung an den Bildern nach Desgin wecksel

Hallo ich habe ein anders Desgin eingefügt und jetzt habe ich auf ein mal eine schwarze Umranung an den Bildern nur warum?

Zitat:

<!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>free website template - templatemo.com</title>
<meta name="keywords" content="free templates, website templates, CSS, HTML" />
<meta name="description" content="free website template provided by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="templateo_container">
<div id="templatemo_top_panel">
<div id="site_title">
<a href="#">MK-Bahn
<span>Modellbahn & Eisenbahn Fan</span>
</a>
</div>

<div id="header_menu_section">
<div class="header_menu home_menu">
<a href="http://mk-bahn.de.tl/"></a>
</div>
<div class="header_menu contact_menu">
<a href="http://mk-bahn.de.tl/Kontakt.htm"></a>
</div>

</div><!-- end of header mneu section -->

<div class="cleaner"></div>
</div> <!-- end of top panel -->

<div id="templatemo_menu_banner_panel">

<div id="templatemo_menu_wrapper">
<div id="templatemo_menu">
<ul>
<li><a href="http://mk-bahn.de.tl/">Home</a></li>

<li><a href="http://mk-bahn.de.tl/Kontakt.htm">Kontakt</a></li>

<li><a href="http://mk-bahn.de.tl/G.ae.stebuch.htm" target="_parent">Gästebuch</a></li>

<li><a href="http://mk-bahn.de.tl/Impressum.htm">Impressium</a></li>

<li><a href="http://www.youtube.com/user/mobavideo1">YouTup Kanal</a></li>

<li class="last"><a href="#">Contact Us</a></li>
</ul>
</div> <!-- end of menu -->
</div> <!-- end of menu wrapper -->


<div id="templatemo_banner">

<div class="header_02"> </div>
<p> </a></p>

</div> <!-- end of banner -->

<div class="cleaner"></div>
</div> <!-- end of menu & banner panel -->

<div id="templatemo_content_wrapper">


<div id="templatemo_content">

<div id="templatemo_side_column">

<div class="header_01">News/Termine</div>

<div class="side_column_content">
<div class="news_section">
<div class="news_date"> 23.07.2011</div>
<div class="news_title">MBC-Düsseldorf</div>

<p>Fahrtag auf dem Vereinsgelände für besucher und Gastfahrer, von 11:00 bis 18:00Uhr <a href="http://www.mbc-duesseldorf.de/MBC-Fahrtage2011.html">weitere Termine</a></p>
</div>

<div class="news_section">
<div class="news_date">07.08.2011</div>
<div class="news_title">Dampfbahn Leverkusen e.V. </div>
<p>Fahrtag in Leverkusen jeden
von 11.00 bis 17.00 Uhr
<a href="http://www.dampfbahn-leverkusen.de/home.html">Weitere Termine</a></p>

</div>

<div class="news_section">
<div class="news_date">OCT 16, 2048</div>
<div class="news_title">. </div>
<p>. <a href="http://mk-bahn.de.tl/"></a></p>
</div>

<div class="button_01"><a href="http://mk-bahn.de.tl/Termine.htm">W. Termine</a></div>

</div>

<div class="margin_bottom_40"></div>

<div class="header_01">Validators</div>
<div class="side_column_content">
<a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>
</div>

</div> <!-- end of side column -->


<div id="templatemo_main_content_column">


Zitat:
<div class="section_w600">
<div class="cleaner"></div>
</div>
<div class="margin_bottom_30"></div>
<div class="section_w280 fl margin_right_40">
<div class="section_w280_content">
<ul class="content_list_01">
<div class="margin_bottom_20"></div>

</div>
</div>

<div class="section_w280 fl">
<div class="section_w280_content">

</div>

</div>

<div class="cleaner"></div>
</div> <!-- end of main content column -->

<div class="cleaner"></div>
</div> <!-- end of content -->

</div> <!-- end of content wrapper -->

<div id="templatemo_footer">
Copyright © 2011 <a href="#">MK-Bahn</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>| <a href="" target="_parent">Coding:</a><a href="http://www.hpbk-templateworld.de.tl" target="_parent">HpBk-TemplateWorld</a>

</div> <!-- end of footer -->
</div> <!-- end of container -->
</body>
</html>


Zitat:
<style type="text/css">
<!--
.bild {
float: left;
width: 130px;
padding: 5px;
margin: 10px;
border: 1px solid #343434; }
/* Themenbox */
.themabox {
width: 480px;
padding: 10px;
overflow: hidden;
margin: auto;
background-color: #EEEEEE;
border: 1px solid #c9c9c9;
-moz-box-shadow: 5px 5px 5px #565656;
-webkit-box-shadow: 5px 5px 5px #565656;
box-shadow: 5px 5px 5px #565656;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=135, Strength=7); }

/* Aussehen Titel in der Box */
.themabox h2 {
width: 480px;
font-size: 16px;
font-family: georgia, arial;
color: #343434;
margin-bottom: 8px; }

/* Feld für das Bild */
.themabild {
width: 150px;
float: left;
overflow: hidden; }

/* Feld für den Text */
.thematext {
width: 310px;
float: right;
overflow: hidden;
font-size: 12px;
font-family: arial;
color: #000000; }
-->
</style>


Zitat:
#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;
}



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

body {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
color: #dbdada;
background: #333333;
}

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

p {
margin: 0px;
padding: 0px;
}

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_15 { clear: both; width: 100%; height: 15px; 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_40 { margin-right: 40px; }
.margin_right_70 { margin-right: 70px; }

.fl { float: left; }
.fr { float: right }

.em_text {
color: #ffffff;
}

.button_01 a {
display: block;
width: 95px;
height: 21px;
padding: 5px 25px 0 0;
background: url(http://www.loaditup.de/files/593081.jpg) no-repeat;


color: #dcdada;
font-size: 11px;
font-weight: bold;
text-align: center;
text-decoration: none;
}

.header_01 {
clear: both;
height: 27px;
padding: 8px 0 0 10px;
margin-bottom: 20px;
background: #161616 url() center right no-repeat;
font-size: 20px;
color: #ffffff;
}

.header_02 {
clear: both;
padding-bottom: 20px;
margin-bottom: 15px;
font-size: 22px;
color: #ffffff;
}

#templateo_container {
width: 960px;
padding: 0 10px;
margin: 0 auto;
}

/* top panel */

#templatemo_top_panel {
clear: both;
width: 960px;
height: 110px;
padding: 10px 0;
}

#site_logo {
float: left;
width: 450px;
height: 110px;
}

#site_logo a {
outline: none;
}

#site_title {
float: left;
width: 450px;
margin-top: 30px;
font-size: 40px;
padding: 10px 0;
color: #e8e8e8;
}

#site_title a {
color: #e8e8e8;
text-decoration: none;
}

#site_title span {
display: block;
margin-left: 70px;
margin-top: 20px;
font-size: 16px;
color: #767676;
}

#header_menu_section {
float: right;
width: 210px;
}

.header_menu a {
float: left;
display: block;
width: 90px;
height: 110px;
outline: none;
}

.home_menu a { background: url(http://img.webme.com/pic/m/mk-bahn/593083.jpg) no-repeat; margin-right: 30px; }
.home_menu a:hover { background: url(http://img.webme.com/pic/m/mk-bahn/593086.jpg) no-repeat; }

.contact_menu a { background: url(http://img.webme.com/pic/m/mk-bahn/593084.jpg) no-repeat; }
.contact_menu a:hover { background: url(http://img.webme.com/pic/m/mk-bahn/593085.jpg) no-repeat; }

/* end of top panel */

/* menu & banner panel */

#templatemo_menu_banner_panel {
clear: both;
height: 280px;
padding: 10px;
background: #3c3b3b;
overflow: hidden;
}

/* menu */

#templatemo_menu_wrapper {
float: left;
width: 278px;
height: 278px;
background: #000000;
padding: 1px;
overflow: hidden;
}

#templatemo_menu {
padding: 14px 28px;
border: 1px solid #313131;
background: #262626;
overflow: hidden;
}

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

#templatemo_menu ul li {
width: 200px;
height: 38px;
padding: 0 0 0 20px;
margin: 0px;
background: #161616;
margin-bottom: 4px;
}

#templatemo_menu ul li:hover {
background: #0d0d0d;
}

#templatemo_menu ul li a {
display: block;
width: 170px;
height: 28px;
padding: 10px 0 0 30px;
color: #9fa2a4;
font-size: 16px;
text-decoration: none;
font-weight: normal;
background: url(http://www.loaditup.de/files/593088.jpg) left center no-repeat;
outline: none;
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
color: #ffffff;

}

#templatemo_menu .last {
margin-bottom: 0px;
}

/* end of menu*/

#templatemo_banner {
float: right;
width: 550px;
height: 180px;
padding: 50px;
overflow: hidden;
background: url(http://img.webme.com/pic/m/mk-bahn/593089.jpg) no-repeat;
}

#templatemo_banner p {
font-size: 14px;
color: #ffffff;
}

#templatemo_banner a {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

/* end of menu & banner panel */

#templatemo_content_wrapper {
clear: both;
width: 940px;
background: #3c3b3b;
padding: 10px;
margin-top: 10px;
}

#templatemo_content {
padding: 30px;
background: #262626;
}

#templatemo_side_column {
float: left;
width: 220px;
}

.side_column_content {
clear: both;
padding: 0 10px;
}

.news_section {
clear: both;
margin-bottom: 20px;
}

.news_date {
color: #ffffff;
font-weight: bold;
}

.news_title {
font-size: 12px;
color: #5b93ef;
font-weight: bold;
}

#templatemo_main_content_column {
float: right;
width: 600px;
}

.section_w600 {
padding: 0 10px;
}

#templatemo_main_content_column p {
margin-bottom: 15px;
}

#templatemo_main_content_column img {
border: 10px solid #000000;
margin-bottom: 5px;
}

.fl_image {
float: left;
margin: 3px 15px 5px 0;
}

.section_w280 {
width: 280px;
}

.section_w280_content {
padding: 0 10px;
}

.content_list_01 {
margin: 0 0 0 40px;
padding: 0px;
}

.content_list_01 li {
margin: 0px;
padding: 0 0 5px 0;
list-style: decimal-leading-zero;
}

/* end of content */

/* footer */
#templatemo_footer {
clear: both;
width: 940px;
padding: 20px 10px;
text-align: center;
}

#templatemo_footer a {
color: #ffffff;
text-decoration: none;
}
/* end of footer */


Zuletzt bearbeitet von mk-bahn am 09.07.2011, 22:57, insgesamt einmal bearbeitet
Beitrag09.07.2011 um 22:13 (UTC)    
Titel: Re: Schwarze Umrandung an den Bildern nach Desgin wecksel

mk-bahn hat Folgendes geschrieben:
#templatemo_main_content_column img {
border: 10px solid #000000;
margin-bottom: 5px;
}

Der Grund!

Am besten einfach den ganzen Block entfernen oder du gestaltest es so, wie du es möchtest.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag09.07.2011 um 22:22 (UTC)    
Titel:

Danke schön.
Beiträge der letzten Zeit anzeigen:   


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