Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag01.02.2010 um 12:58 (UTC)    
Titel: Navihintergrund und bewegliche Navi

Hallo!

Ich hab ja einen Navihintergrund. Jetzt ist es aber so, dass der komplett so lang ist, wie die Text seite.
Ich hätte jetzt aber gerne, dass der Navihintergrund nur so lange geht, wie die Navi ist. Also die Länge aller Textlinks. Muss sich aber verändern, weil ich manchmal auch einige Unterseiten habe, die dann ja noch dazu kommen.
Kann mir da vielleicht jemand weiter helfen?
Und wo ich schon dabei bin. Gibt es eine Möglichkeit, die Navigation beweglich zu machen. Sprich wenn ich eine lange Textseite habe, dass die dann mit runter rutscht, so bald jemand weiter unten etwas liest und die Navigation sonst verschwinden würde?
Wäre nett, wenn mir jemand die Codes dafür sagen würde und auch wo ich sie eintragen muss...
Hier mal mein Design-Code
Code:
<div align="center">
<table border="0" width="70%" id="table1">
<tr>
<td>
<style type="text/css">
<!--

/* Hintergrund hinter Design */
body {
background-color:#000000;
background-image:url(http://img.webme.com/pic/n/niemandkind/hintergrund2.png);
background-repeat: repeat;
text-align:center; }

/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#000000;
font-size:14px;
text-align:left;
font-family: Tahoma; }

/* Linkfarben + Größen auf Seiten */
a:link {
color:#FF00FF;
font-size:14px;
font-family:Tahoma;
text-decoration:none; }

/* besuchte Links */
a:visited {
color:#6600B2 ;
font-size:14px;
font-family:Tahoma;
text-decoration:none;}

/*Hover-Effekt bei Links*/
a:hover{
color:#FFFFFF;
font-size:14px;
font-family:Tahoma;
text-decoration:none;}

/* Header oben */
td.edit_header_full {
background-color:#FFFFFF;
background-image:url(http://img.webme.com/pic/n/niemandkind/vertippseltheader.gif);
background-repeat:no-repeat;
border:1px solid #000000;
width: 921px; height: 200px;}

/* Titel im Header entfernen */
td.headline {visibility:hidden;}

/* Titel über Navigation */
td.nav_heading {
color:#FF00FF;
font-size:14px;
font-family:Tahoma;
text-align:center;
height:29px;
background-color:#000000;
background-image:url();
border:1px solid #6600B2; }

/* Navigation Buttons */
td.nav {
background-color:#;
background-image: url(http://img.webme.com/pic/n/niemandkind/button1-v2.png);
border:1px solid #6600B2;
text-align: center;}

/* Hover-Effekt Navigation Buttons */
td.nav:hover {
background-color:;
background-image:url(http://img.webme.com/pic/n/niemandkind/button2-v2.png);
border:1px solid #FF00FF;
text-align: center;}

/* Textlinks in Navigation */
td.nav a {
color:#6600B2;
font-size:14px;
font-family:Tahoma;
text-decoration:none;
text-align:left; }

/* Hover-Effekt Textlinks */
td.nav a:hover{
color:#000033;
font-size:14px;
font-family:Tahoma;
text-decoration:none;
text-align:left; }

/* Bild unter Navigation entfernt */
td.edit_below_nav {display:none;}

/* Feld hinter Navigation / Kein Scrollbalken mehr bei Seiten mit wenig Inhalt */
td.edit_main_tr {
height: 50% !important; }

/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%;
background-color:#XXXXXX ;
background-image:url(http://img.webme.com/pic/n/niemandkind/navihintergrund2.png);
border:0px solid #FF0000; }

/* Balken über Textfeld */
td.edit_content_top {
height:29px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/n/niemandkind/cont_top2.png);
border:0px solid #000000; }

/* Seitentitel über Textfeld */
td.headline2 {
color:#FFFFFF;
font-size:14px;
font-family:Tahoma;
text-align:center; }

/* Textfeld */
td.edit_content {
padding-top:0px;
padding-bottom:0px;
background-color:#FFFFFF;
background-image: url(http://img.webme.com/pic/n/niemandkind/content_neu1.png);
border:0px solid #000000;
width: 568px; height: 600px;}


/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:0px;
background-color:#000000;
background-image: url(http://img.webme.com/pic/n/niemandkind/cont_bottom2.png);
border:0px solid #000000;
width: 568; height: 31;}

/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }

/* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
font-family:Tahoma;
font-size:12px;
background-color:#000000;
border:1px solid #FF0000; }

/* große Feld unter Textfeld */
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image: url();
border:0px solid #000000; }

/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}

/* Titel über rechter Box */
td.sidebar_heading {
color:#;
font-size:14px;
font-family:Tahoma ;
text-align:center;
height:29px;
background-color:#000000;
background-image: url();
border:1px solid #6600B2; }

/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#6600B2 ;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#FF00FF;
background-image: url();
border:1px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none; }

/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }

body {background-image: url(http://img.webme.com/pic/n/niemandkind/hintergrund2.png); background-attachment: fixed;}

-->
</style>



LG Niemandkind
Beitrag02.02.2010 um 07:59 (UTC)    
Titel:

du könntest versuchen deine navi mit

position:fixed;


zu positionieren, dann würde sich "mitscrollen".

lg k0ryz^^
______________
||__Pure-gfx__||
{"..Design your own world.."}
!!!! AUFTRÄGE/WÜNSCHE BITTE NICHT PER PM! Bitte Über das Kontaktformular!!!!
Support gebe ich per PM!



Beitrag04.02.2010 um 20:13 (UTC)    
Titel:

Ähm... Kannst du mir das näher erklären? Ich hab keine Ahnung.
Und an welche Stelle müsste dann der genaue Code?
Beitrag10.02.2010 um 20:58 (UTC)    
Titel:

Kann mir keiner helfen ?
Beiträge der letzten Zeit anzeigen:   


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