Vystředění textu v menu na střed

Úvodní stránka Fórum podpory WordPressu Šablony, CSS (zobrazení webu) Vystředění textu v menu na střed

Zvolené téma neobsahuje zatím žádnou odpověď. Do diskuze (1 účastník) se naposledy zapojil uživatel  dohnal04 a poslední změna je stará 6 let, 6 měsíců.

Aktuálně je na stránce zobrazen 1 příspěvek (z celkem 1)
  • Autor
    Příspěvky
  • #33629

    dohnal04
    Participant

    Zdravím,

    mohl by mi někdo prosím pomoci s vystředěním textu v menu na stránkách http://www.fitness-factory.cz?
    Jsem vcelku amatér, stránky jsem podědil. Menu bylo dříve na středu, ale další položka mi ho zalamovala do druhého řádku, vypadalo to blbě, tak jsem menu nějak dostal na celou šířku stránky, ale text jde odleva … nešlo by ho nějak vystředit?

    STYLE.CSS

    /*
    Theme Name: Fitness
    Author: Michal Ozogán & Ajvngou
    Version: 1
    */

    /* Základní nastavení */
    body,ul,ol,p,h1,h2,h3,h4,h5,h6,fieldset,dd {margin: 0;padding: 0;}
    article,aside,dialog,figure,figcaption,footer,header,hgroup,nav,section,small {display: block;}
    .wp-caption,.gallery-caption {display: block;max-width: 100% !important;padding: 10px 0;}
    .wp-caption img,.entry-content img,.entry-content video {max-width: 100% !important;/* May I rot in hell for this IE6 hack */_width: 95% !important;height: auto !important;}
    .aligncenter {display: block;margin: 0 auto;padding: 10px auto;}
    .alignleft {float: left;display: inline;margin-right: 10px;}
    .alignright {float: right;display: inline;margin-left: 10px;}
    p.wp-caption-text {margin-bottom: 0;font-size: 12px;}

    /* Rozvržení */
    body {font-size: 14px;font-family: Arial, serif;background: white; line-height: 140%; }
    #header {}
    #wrapper {margin: 0 auto;width: 1000px; overflow: visible}
    #content {}
    #footer {}

    /* Základní vzhled */

    a {text-decoration: none; color: #f80000}
    a:hover,a:active {color: #f80000;}
    h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration: none;}
    a img {border: none;}
    .imglink,.wp-caption a {border: none !important;text-decoration: none;color: #FFF;}
    p,ul,ol,dd {margin-bottom: 8px;}
    blockquote {padding: 10px 5px;color: #888;}
    .hidden {visibility: hidden}
    .left {float: left}
    .right {float: right}
    .clear {clear: both}

    /* Hlavička */
    body {background: url('images/head.jpg') center 0px no-repeat;}
    #header {margin: 20px 0;}
    #menu {background: url('images/menu.png'); border-radius: 6px; box-shadow: 2px 5px 10px #444; position: relative}
    #menu li {display: inline-block; padding: 0; margin: 0 -2px; }
    #menu li:first-child a {border-radius: 6px 0 0 6px; border-left: none !important}
    #menu li:hover a, #menu li.current-menu-item a {background: url('images/menu_active.png'); border-left: 1px solid #7cc9f5; border-right: 1px solid #1f6892}
    #menu li:last-child a {border-right: none !important}
    #menu li a {color: white; height: 49px; line-height: 49px; display: block; padding: 0 10px; border-right: 1px solid #8f1d1d; border-left: 1px solid #dd6868}

    .logo {margin-top: -8px; display: block; }

    .home .home {margin-top: -40px}
    .home .widget:first-child {margin: 0}
    .widget {border: 1px solid #C7BEBE; border-radius: 6px; background: #EDEDED;}
    #sidebar .widget {margin-bottom: 20px}
    .home .widget {width: 240px; float: left; margin-left: 10px; }
    .home .widget_blankwidget {border: none; background: none}
    .widget h3 {background: #0073A6; color: white; font-size: 14px; font-weight: bold; padding: 8px 5px; border-radius: 6px 6px 0 0}
    .widget h3 .right {margin-top: -5px}
    .widget .inside {padding: 10px}
    .widget li {list-style: none}
    #footer {height: 143px;background: url('images/footer.jpg') center 0px no-repeat; margin-top: 20px; position: relative; z-index: 50}
    #footer .inside {width: 980px; margin: auto; padding: 10px; color: #858585}

    #footer a {color: #c2c2c2; text-decoration: underline; }
    #footer a:hover {color: white; text-decoration: none}

    .center {width: 534px; margin: 0 auto; margin-top: 50px;}
    .center img {margin: 0 5px}

    #slideshow {margin-right: 10px; margin-top: 30px; position: relative}
    .insideSlider {Overflow: hidden; width: 800px; margin: 0 auto}
    #slideshow .inside {width: 3000px;}
    #slideshow .inside img {padding: 4px !important; margin: 0 5px !important; float: left !important; border: 1px solid #cfcfcf !important; opacity: 1 !important; position: relative; z-index: 20; background: white}
    #slideshow .left {height: 125px; width: 90px; position: absolute; z-index: 21}
    #slideshow .right {height: 125px; width: 90px; position: absolute; right: 0px; z-index: 21}

    .button {background: green; width: 38px; height: 38px; position: absolute; left: 50%; margin-left: -19px; top: 50%; margin-top: -19px}
    .left .button {background: url('images/arrows.png') top right; display: none}
    .right .button {background: url('images/arrows.png') top left;}

    .time {font-family: "Arial"; font-size: 12px; color: #161616}
    .widget_novinkywidget a {color: #ff0000; font-size: 14px; font-family: "Arial"; font-weight: bold; text-decoration: underline}
    .widget_novinkywidget a:hover {text-decoration: none}
    .widget_novinkywidget a.all {font-size: 12px}
    .shadow {margin: 0 auto; display: block; position: relative; margin-top: -40px; z-index: 9}
    #sidebar {width: 240px; float: right}
    .content {float: left; width: 720px; }
    .content h2 {color: #0d79b7; font-size: 20px; font-weight: bold; background: #dbf4ff; padding: 10px 28px 10px 10px; border-radius: 6px}
    .entry {padding: 10px}
    .entry a {text-decoration: underline}
    .entry a:hover {text-decoration: none}
    .entry td {padding: 6px}
    .entry ol, .entry ul {padding-left: 30px}
    .date {font-size: 12px; color: #0d79b7; padding-left: 10px}
    div.home {margin-top: -30px}
    .page-template-home-php #footer {margin-top: -10px}
    h2 iframe {float: right}

    #menu li:hover .sub-menu {display: block}
    #menu .sub-menu {display: none; position: absolute; background: #0d79b7; border-radius: 0 0 6px 6px; padding: 10px 0; }
    #menu .sub-menu li {display: block; margin: 0 }
    #menu .sub-menu li a {background: none; line-height: 20px; height: 20px; border: none !important; padding: 1px 20px; border-radius: 0 !important}
    #menu .sub-menu li a:hover {background: #066399}

    .haveChild>a:after {content: "";padding: 0 8px;margin-left: 5px;background: url('images/arrow_menu.png') no-repeat 5px 5px transparent;}

    HEADER.PHP

    <!doctype html>
    <html <?php language_attributes(); ?>>
    	<head>	
    		<meta charset=&quot;<?php bloginfo( 'charset' ); ?>&quot;>		
    		<title><?php wp_title(' &mdash; ',true,'right'); ?><?php bloginfo('name'); ?></title>
    		<link rel=&quot;stylesheet&quot; media=&quot;all&quot; href=&quot;<?php bloginfo('stylesheet_url'); ?>&quot;>					
    		<link rel=&quot;pingback&quot; href=&quot;<?php bloginfo('pingback_url'); ?>&quot;>				
    		<?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); ?>
    		<?php wp_head(); ?>
    
    <script type=&quot;text/javascript&quot;>
    
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-35841763-1']);
      _gaq.push(['_setDomainName', 'fitness-factory.cz']);
      _gaq.push(['_trackPageview']);
    
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    
    </script>
    
    		
    	</head>	
    	<body <?php body_class(); ?>>
    	<script>
    	function doResize(){
    		var width = jQuery(window).width();
    		if(width < 980) jQuery('body').css('overflow-x', 'visible');
    		else jQuery('body').css('overflow-x', 'hidden');
    		}
    		
    	jQuery(document).ready(function(){
    		doResize();
    		
    		jQuery(window).resize(function() {
    		  doResize();
    		});
    		
    		})
    	</script>
    
    <div id=&quot;fb-root&quot;></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = &quot;//connect.facebook.net/cs_CZ/sdk.js#xfbml=1&version=v2.3&quot;;
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    
    			<div id='menu'><?php wp_nav_menu('primary'); ?></div>
    	<div id=&quot;wrapper&quot;>
    		<div id=&quot;header&quot;>
    			<a href=&quot;'<?php&quot;>'><img src=&quot;'<?php&quot; />/images/logo.png' width='1129' height='301' alt='Fitness Factory' class='logo' /></a>
    		</div>
    		<div id=&quot;content&quot;>

    Prosím nesmát se :D … uživatelský schopnosti by šly .. ale hrabat se v kódu už je pro mě horší :)
    Díky za reakce :)

    # EDIT1: Prosím, ještě jedna věc. Na pozadí se mi náhodou opakoval obrázek, staří návštěvníci toto pořád vidí a nová již ne … bude problém někde s cookie? Jak zajistím aby staří návštěvníci viděli již opravený vzhled? Stačí vymazat historii prohlížení, ale tohle nemůžu po návštěvnících chtít. Děkuji :)

Aktuálně je na stránce zobrazen 1 příspěvek (z celkem 1)

Pokud chcete odpovědět na toto téma, musíte se nejdříve přihlásit.

WordPress – novinky, návody a zajímavosti