Zdravím pěkně mohl bych se tu zeptat pro Vás určitě na 2 jednoduché otázky?
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
Kód:
/*
Theme Name: Fitness
Author: <a href='http://ozogan.eu'>Michal Ozogán</a> & <a href='http://www.ajvngou.cz/'>Ajvngou</a>
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
Kód:
<!doctype html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<title><?php wp_title(' — ',true,'right'); ?><?php bloginfo('name'); ?></title>
<link rel="stylesheet" media="all" href="<?php bloginfo('stylesheet_url'); ?>">
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
<?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
<script type="text/javascript">
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="fb-root"></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 = "//connect.facebook.net/cs_CZ/sdk.js#xfbml=1&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id='menu'><?php wp_nav_menu('primary'); ?></div>
<div id="wrapper">
<div id="header">
<a href='<?php bloginfo('home') ?>'><img src='<?php bloginfo('template_directory') ?>/images/logo.png' width='1129' height='301' alt='Fitness Factory' class='logo' /></a>
</div>
<div id="content">
Prosím nesmát se
... 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