Element (navigation bar) position

  • morgendorffer

    (@morgendorffer)


    20 years ago

    At first… I hope you can understand my poor english :S
    I’m a rookie trying to adapt one template (AA from http://chenu-j.net/other/themes/aa/) for an Educational site.
    But I have a problem, I want to put an horizontal navigation bar (I guess its from here too) inside the header, at his bottom. But as you can see…
    it appears in the middle. The CSS-HTML-PHP Mix Up has me confused… So, How can I manage the position for this element inside the header?

    Here’s the header php:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head profile="http://gmpg.org/xfn/11"&gt;
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>

    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

    <?php wp_get_archives('type=monthly&format=link'); ?>

    <?php wp_head(); ?>
    </head>

    <body>
    <div id="rap">
    <div id="header" onclick="location.href='<?php bloginfo('url'); ?>';" style="cursor: pointer;"><h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
    <p><?php bloginfo('description'); ?></p>
    <div id="navmenu">
    <ul>
    <li><a href="<?php echo get_settings('home'); ?>">HOME</a></li>
    <li><a href="http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/">SOBRE CONEXIONES EDUCATIVAS</a></li>
    <li><a href="http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/">CONTACTO</a></li&gt;
    <li><a href="http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/">blah blah</a></li>
    <li><a href="http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/">blah blah</a></li>
    <li><a href="http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/">blah blah</a></li>
    </ul>
    </div>
    </div>

    and the Navigation bar aka navmenu CSS:

    #navmenu ul {
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    bottom: 0px;
    }

    #navmenu li {
    display: inline;
    }

    #navmenu ul li a {
    background-color: #ffcc33;
    color: #d90000;
    font-family: Arial;
    font-size: x-small;
    font-stretch: unchanged;
    font-weight: bold;
    margin: 4px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    text-decoration: none;
    }

    #navmenu ul li a:hover {
    color: purple;
    }

Viewing 1 replies (of 1 total)
  • Thread Starter morgendorffer

    (@morgendorffer)

    20 years ago

    Sorry,I forget to put the URL. You can see the site at
    http://demowp.conexioneseducativas.cl/

Viewing 1 replies (of 1 total)

The topic ‘Element (navigation bar) position’ is closed to new replies.

Tags