Autor Zpráva
Jirka88
Profil
Dobrý den, přesunul jsem si vlastní šablonu stránky pro wordpress na freehosting endora - www.manzel.maweb.eu
Po přesunutí jako by mi přestalo fungovat absolutní pozicování a překrývání položek menu. Na localhostu normálně horní navigační lišta překrývala horní obrázek s podlahou a zároven "seděla" na bílém bloku textu. Můžete mi prosím poradit, kde by mohla být chyba?
Děkuji.
#nav {
      position:absolute; top:20px; /*217px;*/  
      z-index: 2; 
     }
panther
Profil
Jirka88:
na odkázané stránce není žádný element s id=nav.
Jirka88
Profil
Jak jsem psal v příspěvku, je to šablona wordpressu, takže element id je v souboru header.php, který se vkládá pomocí funkcí <?php get_header();?> v souboru index.php
Jinak element id se ve wordpressu zapisuje takto:
¨<?php wp_nav_menu(array('menu_id'=>'nav', //Add CSS ID to the menu that wraps the menu.
                                              
panther
Profil
Jirka88:
nevím, co se ve wordpressu používá, ani to není podstatné. Podstatné je HTML, které dostane prohlížeč a tam žádný #nav není.

Podívej se do zdrojového kódu sám, uvidíš to samé, co já. Konkrétně menu je tvořené takhle:
<div id="menu">
  <div class="menu">
    <ul>
    ...
peta
Profil
Jirka88: Kdyz tvrdis, ze tam nav je, tak misto tveho kodu zkus tento. Menu by se melo oramovat cervene. Kdyz se neoramuje, bud tam neni nebo tuhle definici neco prebiji. A pak tam misto "#nav" dej jen "div", melo by to oramovat vsechny divy.
#nav {
      display:block !important;
      position:static !important;
      border:10px solid #f00 !important;
     }
Jirka88
Profil
Děkuji za rady a za nasměrování, místo ve stylopisu jsem přepsal #nav na #menu, protože jsem neměl náladu zjištovat proč prohlížeč nedostane html s #nav jak píše panther. Po tomto kroku se menu zobrazuje správně jen v chromu. Ve firebugu i v opeře dragonfly, je tam vidět ještě třída menu (div class="menu"), která ve stylopisu chybí, bohužel je mi záhadou, kde ji tyto nástroje vidí, protože ve zdrojových kodéch, žádnou třídu menu nevidím, kdyby měl někdo chuť se podívat
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title> <?php bloginfo('name'); wp_title( '|', true, 'right' ); ?> </title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="<?php bloginfo('template_url'); ?>/style.css" rel="stylesheet" type="text/css" media="screen" />
<?php wp_head(); ?>
</head>
<body>
  <div id="wrapper">
        
                <img src="<?php bloginfo('template_url'); ?>/pict/hlavicka.png">
                <img style="margin-top:6px;" src="<?php bloginfo('template_url'); ?>/pict/hlavicka_foto.png">
                
                  <div id="menu">
                      <?php wp_nav_menu(array('menu_id'=>'nav', //Add CSS ID to the menu that wraps the menu.
                                              'theme_location'=>'header' // Setting up the location for the header, Main Navigation.
                                              ));?>
                        
                      <!-- <?php wp_nav_menu( array( 'menu' => 'menu-header') ); ?>   navigační menu -->
                  
                  </div> <!-- konec stylu menu -->
Jirka88
Profil
Tak už to fakt nechápu, aniž bych zasahoval do zdrojových kodů wordpressu (protože tomu nerozumím jen opisuju funkce z tutoriarts.cz a jiných), tak mi dnes večer opera dragonfly našla daný styl "#nav" sice tam pořád zůstává třída "menu" která nemá žádnou funkci, ale což, hlavně že už to krom ie vypadá všude stejně. Děkuji Pantherovi i Péťě za jejich čas. Jen tak náhodou nevíte někdo jak v pspadu uložit soubor (u mě index.php) ve formátu "UTF-8 bez BOM" ? Děkuji a hezký večer.
panther
Profil
Jirka88:
Jen tak náhodou nevíte někdo jak v pspadu uložit soubor (u mě index.php) ve formátu "UTF-8 bez BOM"
nastavení > nastavení programu > program 2 > Ident. byty v kódování UTF-8
Jirka88
Profil
panther:
Děkuju:-)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: