Hallo! ich habe nun schon eine Menge an meinem Iceblue-Design geändert und bin trotzdem noch relativ am Anfang.. ich rätsel schon seit Längerem wie ich am Besten einen Rahmen um den weißen Bereich meiner Homepage mache! Der weiße Bereich besteht aus Textcontent und den rechten Boxen und es soll direkt darum ein Rahmen entstehen! Die Grafiken sind kein Problem, doch wie ändere ich am besten meinen Code? Ich poste ihn einfach mal und hoffe ihr könnt mir helfen!
<style type="text/css">
<!--
/* Nullformatierung für alle Browser */
*{margin:0px; padding:0px;}
/* Hintergrund hinter Design */
body {
background-color:#;
background-image:url(http://img.webme.com/pic/p/pin-it/hintergrundohne.png);
background-repeat:repeat;
background-attachment:fixed;}
/* Werbung über Design mittig */
table[height="102"] { margin: auto; }
/* Icblue Tabelle um Design */
table.edit_main_table {
margin:auto;
margin-bottom: 50px;
width: 960px;}
/* zweite Tabelle um Iceblue */
table.edit_second_table {
width: 960px !important; }
td.edit_main_tr {
width: 960px;
height: 50% !important;
background-image: url(); }
/* Header oben */
td.edit_header_full {
height: 130px;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/p/pin-it/headervorlage.png);
background-repeat: no-repeat;}
/* Titel im Header entfernen */
td.headline {visibility: hidden;}
/* Hintergrund Navigation */
td.edit_navi_headbg {display:none;}
/* ---- FUER NAVI IN RECHTER BOX ------- */
td.nav a{
display:block;
height: 33px;
line-height: 33px;
text-decoration: none;
font-size: 14px;
font-family: arial;
color: #000000;
padding-left: 15px;
background-color: #FFFFFF;}
/* AUSSEHEN DER HOVER-BUTTONS HIER */
td.nav a:hover {
background-color: #800000;
color: #FFFFFF;}
td.nav {
padding-left: 0px!important;
background-color: ;
background-image: url();
border-left: 1px solid #c9c9c9;
border-right: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;}
/* Linkfarbe aktuell offene Seite */
tr.checked_menu td a{
color: #FFFFFF;
background-color:#5281a7;}
/* ---------- ENDE NAVI RECHTE BOX -------- */
/* Erstes Feld hinter Seiteninhalt */
td.edit_rechts_tabelle {
width: 100%!important; }
/* Feld hinter + unter Seiteninhalt */
td.edit_rechts_cbg {
width: 100%!important;
background-color: #ffffff;
background-image: url();
height: 50%!important; }
/* Tabelle ohne Klasse - Seiteninhalt */
.edit_rechts_cbg table[width="100%"] {
width: 790px!important; }
/* Balken über Textfeld */
td.edit_content_top {
height: 34px!important;
background-color: #;
background-image: url(); }
/* Titel über Seiteninhalt */
td.headline2 {display: none;}
/* Seiteninhalt */
td.edit_content {
background-color: ;
background-image: url();}
/* Tabelle MIT dem Seiteninhalt */
td.edit_content_main {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px; }
/* Streifen unten im Seiteninhalt */
td.edit_content_bottom {display:none;}
/* Balken unter dem Seiteninhalt mit Counter */
td.edit_content_bottom2 {display: none; }
/* Titel der Box */
td.sidebar_heading {
font-size: 14px;
font-family: arial;
color: #FFFFFF;
height: 24px!important;
background-color:#343434;
background-image: url(http://img.webme.com/pic/t/table-test/balken_grau.jpg); }
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
background-color: #ffffff;
background-image: url(); }
/* Abschluss der Boxen 1-5 entfernt mit */
td.edit_rb_footer {
background-image: url(http://img.webme.com/pic/p/pin-it/rebox-footer168.png);
height: 4px;}
/* Feld hinter + unter den Boxen */
td.edit_rechts_bottom {
height: 50%!important;
background-color: #c9c9c9;
background-image: url();}
/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}
/* Textgröße + Textfarbe im Seiteninhalt */
td, div {
font-size: 14px;
font-family: arial;
color: #000000; }
/* Feld für Menue oben, auf Header platziert */
#Menu_Box {
width: 650px; /* = Breite des Feldes */
position: absolute;
left: 50%; /* = NICHT ÄNDERN ! */
margin-left: -483px; /* = hier Feld nach LINKS oder RECHTS verschieben */
margin-top:150px; /* = hier Feld nach OBEN oder UNTEN verschieben */
overflow: hidden;}
/* 4 Felder haben unsere Links als Inhalt */
#link_1, #link_2, #link_3, #link_4 {
float:left; /* = durch float:left; platzieren sich Buttons nebeneinader */
overflow: hidden;
margin-right: 8px; /* = Abstand zwischen den Buttons */
text-align: center;}
/* das Aussehen der 4 Links */
#link_1 a, #link_2 a, #link_3 a, #link_4 a {
display: block; /* = Verlinkung füllt das DIV Feld aus */
width: 148px; /* = Breite des Button */
height: 20px; /* = Höhe des Button */
line-height:20px; /* = muss die Höhe bekommen, die auch height hat */
margin-top: 30px; /* = nur notwendig, wenn Hover-Effekt verwendet wird */
color: #cccccc; /* = Linkfarbe */
font-size: 14px; /* = Link Textgroeße */
font-family: arial; /* = Link Schriftart */
text-decoration: none; /* = Link nicht unterstrichen */
background-color: #555555; /* = Hintergrundfarbe Link */
border-top: 1px solid #bbbbbb; /* = Rahmen oben */
border-right: 1px solid #bbbbbb; /* = Rahmen Rechts */
border-left: 1px solid #bbbbbb; /* = Rahmen Links */
-moz-border-radius-topleft: 10px; /* = abgerundete Ecke oben links */
-moz-border-radius-topright: 10px; /* = abgerundete Ecke oben rechts */
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}
/* Der Hover Effekt fuer die Links */
#link_1 a:hover, #link_2 a:hover, #link_3 a:hover, #link_4 a:hover {
font-size:15px;
line-height:20px;
text-decoration:none;
margin-top: 20px;
padding-top: 5px;
padding-bottom: 5px;
color: #ffffff;
font-weight: bold;
text-align:center;
background-color: #6f8ac4;
background-image: url(oder hier BILD-URL); }
-->
</style>
<div id="Menu_Box">
<div id="link_1"> <a href="HIER DEIN LINK">TEXT</a> </div>
<div id="link_2"> <a href="HIER DEIN LINK">TEXT</a> </div>
<div id="link_3"> <a href="HIER DEIN LINK">TEXT</a> </div>
<div id="link_4"> <a href="HIER DEIN LINK">TEXT</a> </div>
</div>
