Results 1 to 2 of 2

Thread: How can I fix/make This Navbar?

  1. #1
    Join Date
    Jan 2018

    How can I fix/make This Navbar?

    Hey everyone!

    I'm new to the forums but came in search for an answer to my issue that I just can't figure out no matter what I try or where I search.
    I'm trying to make a transparent navbar where you can only see the buttons floating on either side of the logo in the center with a hr
    tag right below everything. I've tried numerous things on my own including splitting my nav bar's width in half then inserting 4 default bootstrap buttons
    inside the nav tag and trying to move them in to place with no luck. I found this template that was close to what I wanted, aside from it having two nav bars.
    I thought I could tinker around with it myself and get what I wanted but i can't even center the buttons!

    here is my HTML:

    HTML Code:
    <nav class="navbar navbar-default navbar-trans navbar-fixed-top">
    			<nav class="navbar navbar-top hidden-xs">
    				<div class="container">
    					<div class="buttons1">
    						<ul class="nav navbar-nav">
    						<li><a href="">Home</a></li>
    						<li><a href="">Contact</a></li>
    						<li><a href="">Packages</a></li>
    						<li><a href="">About</a></li>
    Once I center those buttons everything else I should be able to figure out. As you can see I threw a div around the buttons inside of the container in hopes that it would specifically target the list and allow me to move it freely but obviously that didn't work. Any help would be much appreciated! As I stated above i've searched for hours and tested various things but there was always something wrong. Posting this seemingly simple question is my last resort! Please bare with me <3

  2. #2
    Join Date
    Mar 2012
    Hi, and sorry for the delay in responding to your post. Firstly, HTML was originally a page description language, which defined the content of the web page, and how it was arranged. However, now-a-days it is used almost exclusively to define the content of the web page, not how it is arranged. The layout is defined using CSS. What you have posted is the HTML, so it is impossible to answer your query from this alone.

    The CSS can be put in a separate file, or in a <style> statement in the <head> of the html, or in line with the style property of html statements. Note: The latter is generally frowned upon (with good reason) so I would strongly suggest that you should never use it. Of the other two, a separate CSS file has advantages in multi-page sites (where you want the style to be consistent across the site), but embedding it in the <head> is useful when prototyping a page design, particularly for learners, as it avoids the issues that can arise if the css file is incorrectly linked into the html page, (or is accidentally moved or deleted).

    I hope that helps you...

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center



X vBulletin 4.2.2 Debug Information

  • Page Generation 0.08622 seconds
  • Memory Usage 2,848KB
  • Queries Executed 15 (?)
More Information
Template Usage (33):
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (1)bbcode_html
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (2)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (2)postbit
  • (2)postbit_onlinestatus
  • (2)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (73):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates