Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag13.04.2011 um 11:01 (UTC)    
Titel: Hilfe bei Navigation und Hintergrundbild / Design Iceblue

Huhu,

suche hier schon Stunden - finde aber nichts passendes- leider.

Problem 1: Beim Scollen läuft die Navigation mit und der Text verschiebt sich.
Die Lösung wäre das nur im Text also "edit content" gescrollt werden könnte und alles andere fest stehenbleibt. Wenn man bei Body das "attachment fixed" rausnimmt wiederholt sich das Bild und das sieht auch nicht schön aus.

Problem 2 : Die Navigation "klebt" am Text. Ich möchte es so haben, dass die Navigation mit dem grünen Hintergrund abschliesst und der Text dann mit etwas Abstand in der MItte steht, halt so dass es gut zum Hintergrund passt.

Hat vielleicht jemand von Euch eine Idee wie ich das hinbekomme?
Vielen Dank schon mal im Voraus
LG Kerstin




hier könnt Ihr sehen wie es derzeit aussieht www.adjuthera.de






<style type="text/css">
<!--
table.edit_main_table{width: 90% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_main_table, table[height="102"]{margin: 0 auto;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width:100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 5% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 5% !important;}
td.edit_rechts_cbg{width:100%;}
td.headline{visibility:hidden;}
td.headline2{visibility:hidden;}
td.shouty {visibility:hidden;width 0px}
td.nav_heading {visibility:hidden;}
td.edit_content_top {visibility:hidden;}

td.edit_main_tr{height: 0px !important;}
td.edit_rechts_cbg{height: 0px !important;}
td.edit_rechts_bottom{height: 0px !Important;}
td.edit_navi_headbg{height: 0px !important;}


td.nav:hover{background-image: url("http://img.webme.com/pic/a/adjuthera/nav3.png");width:
100px;height: 25px;border: 0px solid #3e7c1d;}

td.nav{background-image: url("http://img.webme.com/pic/a/adjuthera/nav3.png");width:
100px;height: 25px;border: 0px solid #3e7c1d;}

tr.checked_menu td{background-image:url("http://img.webme.com/pic/a/adjuthera/nav2.png");
background-repeat:no-repeat;
background-color:#ffffff;
width: 100px;height: 25px; border: 1px solid
#3e7c1d;}

td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url();
background-position: center top;background-repeat: no-repeat;}

td.edit_content{background-image:url("http://img.webme.com/pic/a/adjuthera/rahmen1.png");background-color:#ffffff;border: 0px solid #5C9700;background-repeat: no-repeat; background-position: right;background-attachment:fixed}

td.edit_rechts_cbg{background-image:url(URL);background-color:#XXXXXX;border: 0px solid #ffffff;}
body {background-image:url("http://img.webme.com/pic/a/adjuthera/webseite04042header2.png");background-color:#ffffe0;}
body { background-attachment:fixed;border: 0px solid #2F2F2F;}



td.edit_navi_headbg{background-image:url(URL);background-color:#XXXXXX;border: 0px solid #ffffff;}

td.edit_rechts_sbg{background-image:url(URL);background-color:#XXXXXX;border: 0px solid #ffffff;}

td.edit_rechts_bottom{background-image:url(URL);background-color:#XXXXXX;border: 0px solid #ffffff;}

td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background-image:url();
background-repeat:repeat;
font-family: arial;font-size: 12px;color: #5C9700;
background-color:#ffffe0;
border: 0px solid
#5C9700;widht: 0px;
overflow: hidden;}

td.edit_content_top{background-image:url(http://666kb.com/i/bk5l9jkpcd1eme2mb.png);height:

10px;background-color:#XXXXXX;background-repeat: repeat;border: 0px solid #ffffff;}

td.edit_content_top:hover{background-image:url(http://666kb.com/i/bk5l9jkpcd1eme2mb.png);height:

10px;background-color:#90ee90;background-repeat: repeat;border: 0px solid #ffffff;}

td.nav_heading{background-image:url(http://666kb.com/i/bk5lvlgjixpf4bikj.png );height:

10px;background-color:#XXXXXX;border::#DEDBC4;border: 2px ;}

td.edit_rb_footer{display:none;height: 0px;}

td.edit_content_bottom2{background-image:url();height: 26px;background-position: center top;background-color:#XXXXXX;
border: 0px solid #ffffff;background-repeat: no-repeat;}

td.edit_content_bottom{background-image:url();height: 0px;background-color:#XXXXXX;border: 0px solid #ffffff;}

td.nav_heading{color: #000000;font-size: 12px;font-weight:;padding-left:25px;text-align: left;}

td.sidebar_heading{background-image:url();height:
0px;background-color:#a7bd7a;border: 0px solid #a7bd7a;}
td.sidebar_heading{color: #a7bd7a;font-size: 0px;font-weight:;text-align: top;}


td.nav a{font-family: Arial;font-size: 13px;color: #2a4918;font-weight:;text-align: center;}
td.nav a:hover{font-family: Arial;font-size: 13px;color: #2a4918;font-weight:;text-align: center;text-decoration: underline;}
tr.checked_menu td a{font-family: Arial;font-size: 13px;color: #2a4918;font-weight:;text-align: center;text-decoration: underline;}

td.edit_content_main div{overflow: hidden!important;}

td.edit_header_full{background-image:url();
width: 908;height: 253px;background-repeat: no-repeat; background-position: center;border:border: 0px solid #5C9700;}

-->
</style>
Beitrag13.04.2011 um 15:12 (UTC)    
Titel:

ich würde an deiner stelle auf das scrollen im content (textfeld) verzichten.

Zitat:
td.edit_content_main div{overflow: hidden!important;}


dieser teil des codes beseitigt den überflüssigen scrollbalken im content, denn der internetexplorer 8 zeigt diesen an, obwohl er funktionslos ist.

solltest du jetzt diesen befehl entfernen und das textfeld scrollbar machen, hättest du dann 2 scrollbalken auf der rechten seite des textfeldes, was natürlich schlimm aussieht.

eventuell solltest du dir ein css design erstellen lassen, oder hoffen, dass es trotzdem eine lösung dafür gibt.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag13.04.2011 um 16:38 (UTC)    
Titel:

Vielen Dank schon mal für die Antwort
Smile
gibts vielleicht eine andere Möglichkeit - mir gehts ja nur darum das sich die Navi und das Textfeld nicht über das Logo etc. schieben.

Hier hab ich eine Webseite gefunden bei der sich das HIntergrundbild einfach mit dem Text verlängert - so würde es ja auch gehen.
http://www.prinz-von-hessen.de/de/bezugsquellen.htm

Gibts da vielleicht einfach einen Code für?

Und dann hab ich ja noch das problem das ich das textfeld nicht von der Navigation wegbekomme. :-S
Beiträge der letzten Zeit anzeigen:   


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