Sudden spacing in navigation

  • Resolved loepzuiver

    (@loepzuiver)


    14 years, 5 months ago

    I’ve updated some plugins on my dashboard and all of a sudden my navigation (wich shows 3 pages; home, route, contact) are standing aprox.250px apart.

    Where can i re-arange the spacing between the words? And what code am I looking for?

    Allready tried changing 150px into a lower amount (style.css below), but that didn’t do the trick.

    ul.menu li ul
{
	position: absolute;
	left:0px;
	top: 10px;
	padding:0;
	margin:0;
	display:none;
	width:150px;
	background:#cabf72;
	list-style:none;
}

Viewing 4 replies - 1 through 4 (of 4 total)

  • ooh I hate absolute styling (I’m not good with them) but if you could point me to the problem I can help.

    Thread Starter loepzuiver

    (@loepzuiver)

    My site/blog; https://www.loepzuiver.net/blog/

    the three textbuttons used to sit on top of the three darkblue bars. (wich is an background picture)

    Now only HOME stands correct, and DE ROUTE + CONTACT are placed to the right with spacing.

    My header.php

    <div class="wrap">
    <div class="header">
        <ul class="menu" id="nav">

            <?php wp_list_pages('hide_empty=0&title_li='); ?>

        </ul>
    </div>
        <div class="content">
        	<div class="content_left">
                <div class="content_right">

    My Styls.css

    ul.menu
{
	margin:0px;
	padding:0px;
	list-style:none;
	position:absolute;
	top:20px;
	left:30px;
}

ul.menu li
{
	float:left;
	font:bold 15px/15px Arial, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#ffffff;
	padding:0 21px 0 0;
	margin:0;
	position:relative;
}
ul.menu li a, ul.menu li a:visited
{
	color:#ffffff;
}
ul.menu li a:hover
{
	color:#bb334d;
}

ul.menu li ul
{
	position: absolute;
	left:0px;
	top: 10px;
	padding:0;
	margin:0;
	display:none;
	width:150px;
	background:#cabf72;
	list-style:none;
}

ul.menu li ul li
{
	float:none;
	padding:5px 0 5px 5px;
	display:block;
	margin:0;
	position:relative;
	border-bottom:1px dashed #71691c;
}
ul.menu li ul li ul
{
	position: absolute;
	left:150px;
	top:0px;
	display:none;
	padding:0px 0 0 0;
	list-style:none;
}

ul.menu li:hover ul, ul.menu li.over ul { display: block; }
ul.menu li:hover ul li ul, ul.menu li.over ul li ul { display: none; }
ul.menu li ul li:hover ul, ul.menu li ul li.over ul { display: block; }

    add
    width:auto;
    to

    ul.menu li {
color:#FFFFFF;
float:left;
font:bold 15px/15px Arial,"Times New Roman",Times,serif;
margin:0;
padding:0 21px 0 0;
position:relative;
text-transform:uppercase;
width:auto;
}

    line number 357

    Thread Starter loepzuiver

    (@loepzuiver)

    Whooohooo its works!! Thanks bhu!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Sudden spacing in navigation’ is closed to new replies.