как да преместя това меню в центъра

diqna · 29 Май 2009

ето това е хедъра ми

Код:

<!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" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">

    <meta
        http-equiv="Content-Type"
        content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>"
    />

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

    <meta
        name="generator"
        content="WordPress <?php bloginfo('version'); ?>"
    /> 

    <link
        rel="stylesheet"
        href="<?php bloginfo('stylesheet_url'); ?>"
        type="text/css" media="screen"
    />

    <link
        rel="alternate"
        type="application/rss+xml"
        title="<?php bloginfo('name'); ?> RSS Feed"
        href="<?php bloginfo('rss2_url'); ?>"
    />

    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

    <?php
        if ( is_singular() ) wp_enqueue_script( 'comment-reply' );
        wp_head();
    ?>

    <script type="text/javascript" src="<?php print get_bloginfo('template_url').'/ahimsa.js'; ?>"></script>



    <style type='text/css'>

<?php if( preg_match("/Firefox/", $_SERVER['HTTP_USER_AGENT']) ) : ?>

    #sidebar fieldset.sidebarlist
    {
        margin-bottom: 15px !important;
    }

    fieldset.comment
    {
        margin-top: 15px;
    }

<?php endif; ?>

<?php if( preg_match("/MSIE/", $_SERVER['HTTP_USER_AGENT']) ) : ?>

    #sidebar
    {
        padding-top: 30px;
    }

    .post fieldset legend.title,
    fieldset#comments legend,
    fieldset.comment legend,
    fieldset#responsebox legend
    {
        font-size: 10pt !important;
    }

    .capsule
    {
        font-size: 8pt;
    }

    fieldset.comment,
    fieldset#responsebox
    {
        padding-top: 25px;
    }

    #respond INPUT#submit
    {
	    font-weight: normal;
        font-size: small;
        padding: 3px 0px;
    }

<?php endif; ?>

    </style>

<?php

    // Load custom skin stylesheet

    global $options, $current_user;
    $skin = $options['skin'];
    get_currentuserinfo();
    if( isset($current_user) && $current_user->user_level == 10 && $_GET['ahimsaskin'] != "" )
        $skin = $_GET['ahimsaskin'];

    if( $skin != "none" )
        print
        "
            <link
                rel='stylesheet'
                href='" . get_bloginfo('template_url') . "/skins/skin_$skin.css'
                type='text/css' media='screen'>
        ";

?>

</head>

<body onload='recalcBlocks();' onresize='recalcBlocks();'>

<?php global $options; ?>

<div id='bgtop'>
<br clear='all'/>
</div>

<div id='rsslinks'>
    <div class='capsule'>
    <a href='feed:<?php bloginfo('comments_rss2_url'); ?>'>
    <img border='0' align='top' alt='Comments RSS'
        src='<?php print bloginfo('template_directory') . "/images/rss-icon.gif"; ?>'>
    <span title='Subscribe to the RSS feed for the comments on this site'>Comments</span>
    </a>
    </div>
    <div class='capsule'>
    <a href='feed:<?php bloginfo("rss2_url"); ?>'>
    <img border='0' align='top' alt='Site RSS'
        src='<?php print bloginfo('template_directory') . "/images/rss-icon.gif"; ?>'>
    <span title='Subscribe to the RSS feed for the posts on this site'>Site</span>
    </a>
    </div>
    <?php if( $options['showloginout'] == 1 ) { ?>
    <div class='capsule'>
    <?php wp_loginout(); ?>
    </div>
    <?php } ?>
</div>

<table id='container' cellpadding=0 cellspacing=0>

<tr>
<td style='height: 100%; width: 100%;'>

<table id='main' cellpadding='0' cellspacing='0'>

<tr>

<td class='sidetabs'> </td>

<td colspan='2' id='header'>

<table border=0 cellpadding=0 cellspacing=0>

    <tr>
    <td id='title'><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></td>
    <td id='description'><?php bloginfo('description'); ?></td>
    <td id='search' valign='middle'> <?php include (TEMPLATEPATH . "/searchform.php"); ?> </td>
    </tr>

</table>
</td>

</tr>

<tr>

    <td valign='top' class='sidetabs'>
    <div id='sidebartab' onClick='fadeSideBar();'>
    <font color='#22bb00'>»</font><br/>S<br/>I<br/>D<br/>E<br/>B<br/>A<br/>R<br/><font color='#22bb00'>«</font>
    </div>
    </td>

    <td id='tdsidebar' valign='top'>
        
        <div id='sidebar' valign='top' style='display: block; opacity: 1.0;'>
            <?php get_sidebar(); ?>
        </div>
    </td>

    <td id='content' valign='top'>
<link rel="stylesheet" type="text/css" href="csshorizontalmenu.css" />

<script type="text/javascript" src="csshorizontalmenu.js">

</script>
<div class="horizontalcssmenu">
<ul id="cssmenu1">
<li style="border-left: 1px solid #202020;"><a href="http://ртверт/">Начало</a></li>
<li><a href="http://www.javascriptkit.com/cutpastejava.shtml" >Free JS</a></li>
<li><a href="http://www.javascriptkit.com/">JS Tutorials</a></li>
<li><a href="#">References</a>
    <ul>
    <li><a href="http://www.javascriptkit.com/jsref/">JS Reference</a></li>
    <li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
    <li><a href="http://www.javascriptkit.com/dhtmltutors/cssreference.shtml">CSS Reference</a></li>
    </ul>
</li>
<li><a href="http://www.javascriptkit.com/howto/">web Tutorials</a></li>
<li><a href="#">Resources</a>
    <ul>
    <li><a href="http://www.dynamicdrive.com">Dynamic HTML</a></li>
    <li><a href="http://www.codingforums.com">Coding Forums</a></li>
    <li><a href="http://www.cssdrive.com">CSS Drive</a></li>
    <li><a href="http://www.dynamicdrive.com/style/">CSS Library</a></li>
    <li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a></li>
    <li><a href="http://tools.dynamicdrive.com/favicon/">Favicon Generator</a></li>
    </ul>
</li>
</ul>
<br style="clear: left;" />
</div>
<p id="iepara"></p>

а ето това е менюто ми

Код:

<link rel="stylesheet" type="text/css" href="csshorizontalmenu.css" />

<script type="text/javascript" src="csshorizontalmenu.js">

</script>
<div class="horizontalcssmenu">
<ul id="cssmenu1">
<li style="border-left: 1px solid #202020;"><a href="http://хру/">Начало</a></li>
<li><a href="http://www.javascriptkit.com/cutpastejava.shtml" >Free JS</a></li>
<li><a href="http://www.javascriptkit.com/">JS Tutorials</a></li>
<li><a href="#">References</a>
    <ul>
    <li><a href="http://www.javascriptkit.com/jsref/">JS Reference</a></li>
    <li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
    <li><a href="http://www.javascriptkit.com/dhtmltutors/cssreference.shtml">CSS Reference</a></li>
    </ul>
</li>
<li><a href="http://www.javascriptkit.com/howto/">web Tutorials</a></li>
<li><a href="#">Resources</a>
    <ul>
    <li><a href="http://www.dynamicdrive.com">Dynamic HTML</a></li>
    <li><a href="http://www.codingforums.com">Coding Forums</a></li>
    <li><a href="http://www.cssdrive.com">CSS Drive</a></li>
    <li><a href="http://www.dynamicdrive.com/style/">CSS Library</a></li>
    <li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a></li>
    <li><a href="http://tools.dynamicdrive.com/favicon/">Favicon Generator</a></li>
    </ul>
</li>
</ul>
<br style="clear: left;" />
</div>
<p id="iepara"></p>

аз съм го добавил в края на хедъра но искам менюто да се показва в лявата част

shterev · 29 Май 2009

Не виждам цсс-а , но на това: <div class="horizontalcssmenu">

.horizontalcssmenu{
margin:0 auto;
width: px; /* трябва да има зададена ширина някаква*/
}

diqna · 29 Май 2009

аа пич вярно, благодаря ти много, то в цсс-а трябва да се промени а цсс-а е на отделен файл

10х много, оправих се :?:

shterev · 29 Май 2009

как да преместя това меню в центъра

diqna

Registered

shterev

Registered

diqna

Registered

shterev

Registered