Hallo zusammen,
ich habe auf einer Testseite
www.testilluminat.de.tl das Design geändert. Navigation oben, die am linken Rand ausgeblendet, rechte Boxen breiter usw:
<style type="text/css">
<!--
* {padding:0px; margin: 0px; }
/* Werbung auf Header platziert */
table[height="102"] {
position: absolute;
left: 50%;
top:17px;
margin-left: -240px; }
/* Hintergrund mit Grafik */
body {
background-color: #EEEEEE;
background-image: url(http://img.webme.com/pic/r/red-test/blau_1.png);
background-repeat: repeat-x; }
/* Design mittig */
table.edit_main_table {
width: 980px!important;
margin: auto;
margin-bottom: 50px; }
/* zweite Tabelle um Icblue */
table.edit_second_table {
width: 980px!important; }
/* dritte Tabelle um Iceblue */
table.edit_third_table {
width: 980px!important;
margin-top: 110px; }
td.edit_main_tr {
height: 50%!important; }
td.edit_header_full table[width="921"] {
width: 980px!important; }
/* --- Headerfeld für Logo ----*/
td.edit_header_full {
background-image: url(Logo-Grafik);
background-repeat: no-repeat; }
/* Titel im Header entfernt */
td.headline {display:none;}
/* Linke Navigation entfernt mit */
td.edit_navi_headbg { display:none; }
td.edit_rechts_cbg {
height: 50%!important;
background-image: url(); }
/* Erste Tabelle um Seiteninhalt */
td.edit_rechts_cbg table[width="100%"] {
width: 680px!important; }
/* Zweite Tabelle um Seiteninhalt */
table.edit_rechts_tabelle {
width: 680px!important;
background-color:#EEEEEE;
margin-right: 30px; }
td.edit_content {
background-color: #EEEEEE;
background-image: url(); }
/* Titelfeld Seiteninhalt */
td.edit_content_top {display:none; }
/* Titel Seiteninhalt */
td.headline2 {display:none; }
/* DIV Feld mit Seiteninhalt */
td.edit_content_main div {
overflow: hidden!important; }
td.edit_content_left_spacer , td.edit_content_right_spacer {
display:none; }
/* Abschluss im Seiteninhalt unten */
td.edit_content_bottom {
background-image: url(); }
/* Counterfeld entfernt */
td.edit_content_bottom2 {display:none;}
/* rechte Boxen 1-5 */
#sidebar_heading_1, #sidebar_heading_2,
#sidebar_heading_3, #sidebar_heading_4, #sidebar_heading_5 {
width: 260px!important;
margin-bottom: 20px;
border: 1px solid #c9c9c9; }
/* Titelfeld über Boxen */
td.sidebar_heading {
font-size:12px!important;
color: #ffffff;
background-color: #202020;
background-image: url(); }
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
padding: 15px!important;
font-size: 13px!important;
background-repeat: repeat-x; }
/* Abschluss unter den Boxen */
td.edit_rb_footer {display: none; }
td.edit_rechts_bottom {
background-image: url();}
/* Streifen rechts im Design entfernt */
td.edit_rechts_sbg { display:none; }
/* Schriftart + Schriftgroesse Seiteninhalt */
div, td {
font-family: arial;
font-size: 14px; }
/* Linkfarbe + Linkgroeße Seiteninhalt */
div a {
color: #000080;
font-size: 14px;
text-decoration: none; }
/* Linkfarben HOVER Seiteninhalt */
div a:hover {
color: #800000;
font-size: 14px;
text-decoration: underline; }
/* ------ Beginn Navigation oben -------- */
/* Feld der Naviagtion */
.navigation {
position: absolute;
left: 50%;
top: 163px;
margin-left: -480px;
width: 970px; }
/* Links Navi oben */
.navigation a {
float: left;
color: #FFFFFF;
text-decoration: none;
margin-right: 40px; }
/* Hover-Link Navi oben */
.navigation a:hover {
color: orange;
text-decoration: none; }
-->
</style>
<div class="navigation">
<a href="/Home.htm">Home</a>
<a href="/Titel.htm">Seite 2</a>
<a href="/Titel.htm">Seite 3</a>
<a href="/Titel.htm">Seite 4</a>
<a href="/Titel.htm">Seite 5</a>
<a href="/Kontakt.htm">Kontakt</a>
<a href="/G.ae.stebuch.htm">Gästebuch</a>
<a href="/Impressum.htm">Impressum</a>
</div>
Bevor ich jetzt auf meiner aktuellen Seite anfange herum zu expiremntieren, wollte ich gerne noch die ein oder andere Frage noch an das Forum richten. Wichtig ist vor allem, wir kann ich eine Verlinkung zu einem Navigationspunkt hinterlegen und wie bekomme ich Unterseiten optisch dort dargestellt.
Es würde mich sehr freuen, wenn Ihr mich unterstützen könnt.
Viele Grüße
Stonie