Autor | Zpráva | ||
---|---|---|---|
Jirka88 Profil |
#1 · Zasláno: 13. 3. 2012, 19:24:02
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 |
#2 · Zasláno: 13. 3. 2012, 19:40:59
Jirka88:
na odkázané stránce není žádný element s id=nav .
|
||
Jirka88 Profil |
#3 · Zasláno: 13. 3. 2012, 20:10:34
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 |
#4 · Zasláno: 13. 3. 2012, 20:17:21
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 |
#6 · Zasláno: 14. 3. 2012, 10:28:15
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 |
#7 · Zasláno: 14. 3. 2012, 19:01:43
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 |
#8 · Zasláno: 14. 3. 2012, 19:14:56
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 |
#9 · Zasláno: 14. 3. 2012, 19:37:14
panther:
Děkuju:-) |
||
Časová prodleva: 12 let
|
0