Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag21.08.2011 um 19:10 (UTC)    
Titel: Unterseiten in den oberen 5 Butten ???

Hallo,
wer kann mir bei dem Code helfen? Ich habe schon div. verschiedene im Forum gefunden, aber dann landen die 5 Butten bei mir immer oben links!!!

Hier mein Code.

<style type="text/css"><!--


/*Design Copyright by Dirk Wagner*/


/* Nullformatierung für alle Browser */
*{margin:0px; padding:0px;}


/* Das Design mittig - zentriert ausrichten */
table.edit_main_table { margin: auto; }


/*NAVIGATION*/
td.nav{text-decoration: none; color:#XXXXXX; width: 185px;height: 33px;background-image:url(http://img.webme.com/pic/w/wagner-bottrop/hpbutten1neu.jpg);background-color:#XXXXXX;border: 1px solid #ffffff;}

td.nav:hover{text-decoration: none;color: #XXXXXX ; width: 185px;height: 33px;background-image:url(http://img.webme.com/pic/w/wagner-bottrop/hpbutten2neu.jpg);border: 1px solid #ffffff;}


/*DESIGN*/

td.edit_content_top{height: 31px;
background-image:url(
);transparent;background-color:#XXXXXX;}
td.edit_content{height: 32px;background-image:url();transparent;}
td.edit_content_bottom{background-image:url();transparent;background-color:#XXXXXX;}
td.edit_content_bottom2{background-image:url(h);transparent;}
td.edit_rechts_sbg{background-image:url();transparent;}
td.edit_navi_headbg{background-image:url();transparent;border: 0px solid #E98300;}
td.edit_rechts_cbg{background-image:url();transparent;}
td.edit_rb_footer{background-image:url();transparent;}
td.edit_below_nav{visibility:hidden;transparent;}
td.nav_heading{background-image:url();transparent;border: 0px solid #E98300;}
td.edit_content{background-image:url();
background-transparent;border: 0px solid #e7860a;}
td.edit_rechts_bottom{background-image: url();background;transparent;}
td.headline{visibility:hidden;}
td.headline2{font-weight: bold;color:#ffffff;}


/*BOXEN*/

td.shouty{background-image:url();background-color:transparent;border: 1px solid #126A10;background-color:transparent;}
td.shouty2{background-image:url();background-color:transparent;border: 1px solid #126A10;background-color:transparent;}
td.shouty3{background-image:url();background-color:transparent;border: 1px solid #126A10;background-color:transparent;}
td.shouty4{background-image:url();background-color:transparent;border: 1px solid #126A10;background-color:transparent;}
td.shouty5{background-image:url();background-color:transparent;border: 1px solid #126A10;background-color:transparent;}

td.nav_heading{ width: 185px; height: 33px; background-image: url(http://img.webme.com/pic/w/wagner-bottrop/hpbutten3neu.jpg);
background-color:#000000; font-weight: bold; font-size: 15px; text-decoration: none;border:1px solid #FFFFFF;}

td.sidebar_heading{width: 185px; height: 33px; background-image:
url(http://img.webme.com/pic/w/wagner-bottrop/hpbutten1neu.jpg);background-color: #000000;border:1px solid #FFFFFF;}


/*LINKER STREIFEN*/

td.edit_navi_headbg{background-image: url();background-color: #XXXXXX;}
td.edit_below_nav {visibility: hidden;width: 0px;}
/*rechter streifen*/
td.edit_rechts_bottom{background-image: url();background-color: #XXXXXX;}


/*HEADER*/

td.edit_header_full{
width: 100% !important;
background-repeat:no-repeat;
background-position:center center;
background-image: url(http://img.webme.com/pic/w/wagner-bottrop/headerhp21082011.jpg);height: 200px;border: 5px solid #126A10;
background-color: #126A10;}


/*HGB*/
body{background-image: url(http://img.webme.com/pic/w/wagner-bottrop/hphgbneu.jpg);background-position: center center;background-attachment: fixed;background-color:#383434;border: 0px solid #000000;}

td{font-weight: bold;}


/* Design verbreitern */

table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}

</head>

<body>

<FONT color="white"><style type="text/css">
div.epdesign a{position:absolute;top:9px;right:80px;color:#ffffff;}

td#nav_leer{visibility:hidden;height:3px;}
td#nav_leer2{visibility:hidden;height:3px;}
td#nav_leer3{visibility:hidden;height:3px;}

/* FELD FÜR DIE 5 MENUES */

#Menu_Box {
width: 650px; /* Breite */
position: absolute;
left: 50%; /* = NICHT ÄNDERN ! */
margin-left: -310px; /* nach LINKS + RECHTS verschieben */
margin-top: 270px; /* nach OBEN + UNTEN verschieben */
overflow: hidden;}

/* DIE 5 DIV FELDER */
#link_1, #link_2, #link_3, #link_4, #link_5 {
float: left; /* Buttons nebeneinander */
text-align: center;
margin-right: 15px; /* Abstand zwischen Buttons */
overflow: hidden; }

/* DAS AUSSEHEN DER 5 LINKS */
#link_1 a, #link_2 a, #link_3 a, #link_4 a, #link_5 a {
display: block; /* = Verlinkung füllt Feld aus */
width: 100px; /* = Breite des Button */
height: 20px; /* = Höhe des Button */
line-height:20px; /* = muss Höhe bekommen, die auch height hat */
margin-top: 30px; /* = nur notwendig, wenn Hover-Effekt verwendet wird */
color: #ffffff; /* = Linkfarbe */
font-size: 14px; /* = Link Textgroeße */
font-family: arial; /* = Link Schriftart */
text-decoration: none; /* = Link nicht unterstrichen */
background-color: #126A10; /* = Hintergrundfarbe Link */
border: 1px solid #ffffff; /* = Rahmen */
-moz-border-radius-topleft: 5px; /* = abgerundete Ecke oben links */
-moz-border-radius-topright: 5px; /* = abgerundete Ecke oben rechts */
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;}

/* DER HOVER EFFEKT FUER DIE LINKS */
#link_1 a:hover, #link_2 a:hover, #link_3 a:hover, #link_4 a:hover, #link_5 a:hover {
font-size:15px;
margin-top: 20px;
padding-top: 5px;
padding-bottom: 5px;
color: #ffffff;
font-weight: bold;
background-color: #4C664C; }


--></style>


/* DER ADRESSEN FUER DIE LINKS */
<div id="Menu_Box">
<div id="link_1"> <a href="http://www.vfl-grafenwald.de">VfL Home</a> </div>
<div id="link_2"> <a href="http://.htm">Kalender</a> </div>
<div id="link_3"> <a href="http://htm">Galerie</a> </div>
<div id="link_4"> <a href="http://htm">Bundesliga</a> </div>
<div id="link_5"> <a href="http://htm">Kontakt</a> </div>
</div>
----------------------------------------------------------

Danke für eure Hilfe.

So sieht die Seite im Moment aus.

http://www.wagner-bottrop.de.tl
Beitrag27.10.2011 um 09:34 (UTC)    
Titel:

Passt ja alles
Beitrag27.10.2011 um 09:40 (UTC)    
Titel:

Sogar im IE passt alles-Chrome funzt auch.
Beitrag27.10.2011 um 09:52 (UTC)    
Titel:

Hallo,

der TO hatte ja auch 2 Monate Zeit das Problem selbst zu lösen. Falls er noch interesse an diesem Thread hat, kann er sich bei mir melden. Solange:

- CLOSED -
______________
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
Beiträge der letzten Zeit anzeigen:   


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