Ga naar inhoud
Log in om dit te volgen  
sefaxd

Navbar bugt?

Aanbevolen berichten

Hallo mensen van One2xs,

Ik zit met een probleem, heb een leuk themplate gekocht en ben er beetje mee aan het kloten met php en ben bezig geweest met include om de Header+Footer apart in mapjes voor overzicht en makkelijkheid,

Alleen dit heb ik gedaan alleen als je na beneden scrolt dan zie je de image-slider weer een stuk lager gaan. en dit is best irritant hoe kan ik dit fixen? En dit is bij elke page..

Code: Index
Codeblok:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
           <!-- START: Image Slider -->
            <div class="nk-image-slider" data-autoplay="8000">


                <div class="nk-image-slider-item">
                    <img src="assets/images/slide-1-thumb.jpg" alt="" class="nk-image-slider-img" data-thumb="assets/images/slide-1-thumb.jpg">

                    <div class="nk-image-slider-content">

                        <h3 class="h4">As we Passed, I remarked</h3>
                        <p class="text-white">As we passed, I remarked a beautiful church-spire rising above some old elms in the park; and before them, in the midst of a lawn, chimneys covered with ivy, and the windows shining in the sun.</p>
                        <a href="#" class="nk-btn nk-btn-rounded nk-btn-color-white nk-btn-hover-color-main-1">Read More</a>

                    </div>

                </div>

                <div class="nk-image-slider-item">
                    <img src="assets/images/slide-2-thumb.jpg" alt="" class="nk-image-slider-img" data-thumb="assets/images/slide-2-thumb.jpg">

                    <div class="nk-image-slider-content">

                        <h3 class="h4">He made his passenger captain of one</h3>
                        <p class="text-white">Now the races of these two have been for some ages utterly extinct, and besides to discourse any further of them would not be at all to my purpose. But the concern I have most at heart is for our Corporation of Poets, from whom I am preparing a petition to your Highness, to be subscribed with the names of one...</p>
                        <a href="#" class="nk-btn nk-btn-rounded nk-btn-color-white nk-btn-hover-color-main-1">Read More</a>

                    </div>

                </div>

                <div class="nk-image-slider-item">
                    <img src="assets/images/slide-3.jpg" alt="" class="nk-image-slider-img" data-thumb="assets/images/slide-3-thumb.jpg">

                </div>

                <div class="nk-image-slider-item">
                    <img src="assets/images/slide-4.jpg" alt="" class="nk-image-slider-img" data-thumb="assets/images/slide-4-thumb.jpg">

                    <div class="nk-image-slider-content">

                        <h3 class="h4">At length one of them called out in a clear</h3>
                        <p class="text-white">TJust then her head struck against the roof of the hall: in fact she was now more than nine feet high...</p>
                        <a href="#" class="nk-btn nk-btn-rounded nk-btn-color-white nk-btn-hover-color-main-1">Read More</a>

                    </div>

                </div>

                <div class="nk-image-slider-item">
                    <img src="assets/images/slide-5.jpg" alt="" class="nk-image-slider-img" data-thumb="assets/images/slide-5-thumb.jpg">

                    <div class="nk-image-slider-content">

                        <h3 class="h4">For good, too though, in consequence</h3>
                        <p class="text-white">She gave my mother such a turn, that I have always been convinced I am indebted to Miss Betsey for having been born on a Friday. The word was appropriate to the moment.</p>
                        <p class="text-white">My mother was so much worse that Peggotty, coming in with the teaboard and candles, and seeing at a glance how ill she was, - as Miss Betsey might have done sooner if there had been light enough, - conveyed her upstairs to her own room with all speed; and immediately dispatched Ham Peggotty, her nephew, who had been for some days past secreted in the house...</p>
                        <a href="#" class="nk-btn nk-btn-rounded nk-btn-color-white nk-btn-hover-color-main-1">Read More</a>

                    </div>

                </div>

            </div>
                <!-- END: Image Slider -->

                            <!-- infoboxuitleg-->

                                   <div class="nk-gap-2"></div>
            <div class="nk-blog-grid">
                <div class="row multi-columns-row">


                  <div class="col-md-6 col-lg-3">
        
                        <!-- END: Post -->
                    </div>

                </div>
            </div>

                <h3 class="nk-decorated-h-2">
                <span>
                    <span class="text-main-1">Welcome on </span>CauldronnNtwork</span>
            </h3>
            <div class="nk-gap"></div>
            <div class="row vertical-gap text-white">
                        <div class="col-lg-9">
                    <div class="nk-box-2 bg-dark-2">
                        <h2>Ook plotseling locomobiel onderwoeld per het wedijveren</h2>

                        <p>Aan matig enkel wie raakt zeven zeker allen mag. Ten zielen zin diepte dreigt aan kwamen kleine weg rubben. Vaartuigen den ondernemer dag krachtiger buitendien. Zoo toppen zes invoer kleine ver enkele schuld slotte zij. Haar op dekt ze tien. Toch half de mijn in toen op. Enkelen tin des gewicht slechts aardige had. Goudmijnen als dik intusschen bij dal aanplanten productief. Na leerling kolonien de rekening loopbaan de nu golconda.</p>

                        <p>Te er ptolomaeus mislukking mijnwerker. Ketting zoo maanden streken voldoen zes rechten. Te arabische schroeven gomboomen afscheidt in. Dag bezorgden mei wellesley volledige nabijheid dik. Sap ellen gif anson bezet voort een beide reeds. Overal hoewel aan poeloe bakken sap noemen gas liever zij. Meester vervoer malakka men donkere aan zekeren.</p>

                        <p>Binnen parijs dit streng die leiden alleen leener. Wij der archimedes dik agentschap zou chineesche kongostaat. De te er kriang ze zonder gedaan aantal varens. Een schaffen loopbaan tot district vijftien rug dag voorzien. Daar oog stad ver toen met ipoh. Zou meter kinta far wordt den dus. Bij tembun dienen sedert oosten aan.</p>

                        <p>Af bespaart nu ze krachten opdrogen boringen al verkocht. Zesde zeker steun vogel wonde het uit heb bonte. Ouden dient langs nu zelfs dikte zulke na. En honderden producten ik verzameld de na. Mont de alle aard vast en meer meer ad in. Bescheiden mijnwerker ongunstige mei ten. Schors voeten slecht er op. Het inwoners was gesticht bladeren. Ontgonnen al om behoorden te perzische beteekent en. Ging nam drie was werk moet lang wel dekt.</p>

                        <p>Ongeveer elk gif sembilan gebeuren per zes. Er reeds zeker hitte af onder. Gebracht rug dag wildrijk sembilan. Ons opgebracht dal aan der goudmijnen europeesch. Koopers aan toegang afneemt koelies met. Bezit wegen ficus ieder zoo wilde was tin. Later men zware zee voort per ugong. Dag aldus vrouw gayah zou hij.</p>

                        <p>Voorzorg lot upasboom het onnoodig wel. Zit perak gif leven wonde toe lange spijt. Wording heb doelang pagoden honderd des dit. Gif treffen luister gedaald planter zou waarmee toe gevoerd. Dus wel bovendien britschen vertoonen beteekent aardschok nog. De verbruik eromheen in in gebouwen boringen millioen minstens.</p>

                        <p>Verwoede vroegere verkocht opdrogen mei dat eveneens bedraagt. Vermengd tusschen plantage wie geringer het aan sap. Ad is zekere nieuwe mollen in liever nu lijnen. Of al treden al wouden duurde karank kunnen bakken. Losmaken ongeveer roestige des negritos het trouwens. Volledige zoo dan nog arbeiders eigenaars ook. Wegwerpen maleische toe mineralen had gelukkige perzische hun.</p>

                        <p>Woords vloeit het mei lossen elders noodig heb nog. Are verbonden wellesley tin voldoende. Er er want sago zelf en. Dat echte staat spijt met tot geluk waren men geeft. Bordeaux de om pyrieten werkzaam. Iets zou vast bak werd. Ontdaan menigte woonden geweest ik de er slechts tinmijn. Geheelen het met als rivieren dichtbij gebruikt een. Twaalf te voeten soegei de af dertig moeite.</p>

                        <p>In grond ijzer in na gayah er. Ze bereiding gewijzigd nu hoofdzaak. Ging ter het zee thee zijn kant zoon laag. Men tot mont dure stof. Vooral treden het gif kregen buizen steden far loopen. Of uitrollen nu weerstand op prachtige in. Roestige scheppen de nadering bedraagt in.</p>


                    </div>
                </div>
</div>


                                   <div class="nk-gap-2"></div>
            <div class="nk-blog-grid">
                <div class="row multi-columns-row">


                  <div class="col-md-6 col-lg-3">
        
                        <!-- END: Post -->


Code: Top.php

Codeblok:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
</head>


<!--
    Additional Classes:
        .nk-page-boxed
-->

<body>





    <!--
    Additional Classes:
        .nk-header-opaque
-->
    <header class="nk-header nk-header-opaque">



        <!-- START: Top Contacts -->
        <div class="nk-contacts-top">
            <div class="container">
                <div class="nk-contacts-left">
                    <ul class="nk-social-links">
                        <li>
                            <a class="nk-social-facebook" href="#">
                                <span class="fa fa-facebook"></span>
                            </a>
                        </li>
                        <li>
                            <a class="nk-social-twitter" href="https://twitter.com/" target="_blank">
                                <span class="fa fa-twitter"></span>
                            </a>
                        </li>
                        <!-- Additional Social Buttons
                    <li><a class="nk-social-behance" href="#"><span class="fa fa-behance"></span></a></li>
                    <li><a class="nk-social-bitbucket" href="#"><span class="fa fa-bitbucket"></span></a></li>
                    <li><a class="nk-social-dropbox" href="#"><span class="fa fa-dropbox"></span></a></li>
                    <li><a class="nk-social-dribbble" href="#"><span class="fa fa-dribbble"></span></a></li>
                    <li><a class="nk-social-deviantart" href="#"><span class="fa fa-deviantart"></span></a></li>
                    <li><a class="nk-social-flickr" href="#"><span class="fa fa-flickr"></span></a></li>
                    <li><a class="nk-social-foursquare" href="#"><span class="fa fa-foursquare"></span></a></li>
                    <li><a class="nk-social-github" href="#"><span class="fa fa-github"></span></a></li>
                    <li><a class="nk-social-instagram" href="#"><span class="fa fa-instagram"></span></a></li>
                    <li><a class="nk-social-linkedin" href="#"><span class="fa fa-linkedin"></span></a></li>
                    <li><a class="nk-social-medium" href="#"><span class="fa fa-medium"></span></a></li>
                    <li><a class="nk-social-odnoklassniki" href="#"><span class="fa fa-odnoklassniki"></span></a></li>
                    <li><a class="nk-social-paypal" href="#"><span class="fa fa-paypal"></span></a></li>
                    <li><a class="nk-social-reddit" href="#"><span class="fa fa-reddit"></span></a></li>
                    <li><a class="nk-social-skype" href="#"><span class="fa fa-skype"></span></a></li>
                    <li><a class="nk-social-soundcloud" href="#"><span class="fa fa-soundcloud"></span></a></li>
                    <li><a class="nk-social-slack" href="#"><span class="fa fa-slack"></span></a></li>
                    <li><a class="nk-social-tumblr" href="#"><span class="fa fa-tumblr"></span></a></li>
                    <li><a class="nk-social-vimeo" href="#"><span class="fa fa-vimeo"></span></a></li>
                    <li><a class="nk-social-vk" href="#"><span class="fa fa-vk"></span></a></li>
                    <li><a class="nk-social-wordpress" href="#"><span class="fa fa-wordpress"></span></a></li>
                    <li><a class="nk-social-youtube" href="#"><span class="fa fa-youtube-play"></span></a></li>
                -->
                    </ul>
                </div>
              

                    </ul>
                </div>
            </div>
        </div>
        <!-- END: Top Contacts -->

     <!--
        START: Navbar

        Additional Classes:
            .nk-navbar-sticky
            .nk-navbar-transparent
            .nk-navbar-autohide
    -->
        <nav class="nk-navbar nk-navbar-top nk-navbar-sticky">
            <div class="container">
                <div class="nk-nav-table">

                    <a href="index.php" class="nk-nav-logo">
                        <img src="assets/images/.png" alt="lll" width="199">
                    </a>

                    <ul class="nk-nav nk-nav-right hidden-md-down" data-nav-mobile="#nk-nav-mobile">
                           <li> <a href="index444444444">Home</a> </li>
                           <li> <a href="#">LiveMap</a> </li>
                           <li> <a href="#">Forum </a> </li>
                           <li> <a href="vote534342434332">Vote</a> </li>
                           <li> <a href="#">servers</a> </li>
                           <li> <a href="team">Team</a> </li>
                           <li> <a href="#">Store</a> </li>

                    <ul class="nk-nav nk-nav-right nk-nav-icons">

                        <li class="single-icon hidden-lg-up">
                            <a href="#" class="no-link-effect" data-nav-toggle="#nk-nav-mobile">
                                <span class="nk-icon-burger">
                                    <span class="nk-t-1"></span>
                                    <span class="nk-t-2"></span>
                                    <span class="nk-t-3"></span>
                                </span>
                            </a>
                        </li>

                            </ul>
                           </ul>
                          </ul>
                         </ul>
                        </ul>
                      </ul>
                    </ul>
                </div>
            </div>
        </nav>
        <!-- END: Navbar -->

    </header>



    <!--
    START: Navbar Mobile

    Additional Classes:
        .nk-navbar-left-side
        .nk-navbar-right-side
        .nk-navbar-lg
        .nk-navbar-overlay-content
-->
<header>
    <div id="nk-nav-mobile" class="nk-navbar nk-navbar-side nk-navbar-right-side nk-navbar-overlay-content hidden-lg-up">
        <div class="nano">
            <div class="nano-content">
                <a href="index.html" class="nk-nav-logo">
                    <img src="assets/images/logo.png" alt="" width="120">
                </a>
                <div class="nk-navbar-mobile-content">
                    <ul class="nk-nav">
                        <!-- Here will be inserted menu from [data-mobile-menu="#nk-nav-mobile"] -->
                    </ul>
                </div>
            </div>
        </div>
    </div>
</header>
    <!-- END: Navbar Mobile -->

Let niet op die te vaak </html> </body>
Website: http://cauldronnetwork.net/index444444444.php
Alvast bedankt,

Deel dit bericht


Link naar bericht
Delen op andere sites
Het probleem zit niet in de HTML maar ergens in je Javascript.
Je code ziet er nu uit als een rotzooitje en ik raad je aan om alles opnieuw te verdelen in stukjes.

Deel dit bericht


Link naar bericht
Delen op andere sites
Stef (link):
Het probleem zit niet in de HTML maar ergens in je Javascript.
Je code ziet er nu uit als een rotzooitje en ik raad je aan om alles opnieuw te verdelen in stukjes.


Je hebt indd gelijk smiley

Deel dit bericht


Link naar bericht
Delen op andere sites

Maak een account aan of log in om te reageren

Je moet lid zijn om een reactie te kunnen achterlaten

Account aanmaken

Maak een account aan in onze gemeenschap. Het is makkelijk!

Registreer een nieuw account

Aanmelden

Ben je al lid? Meld je hier aan.

Nu aanmelden
Log in om dit te volgen  

×