Miért nem lehet a wordpress által kiirt elemeket style-olni?
Szasztok!
Csinálni szeretnék egy saját wp sablont de itt elakadtam!
Van egy átlagos menüm a header.php-ban. [Nav(.menu) > ul > li > a] A design teljesen jó működik rajta!
De amikor a menüt nem én irom hanem meghívom a wp_nav_menus()-t, akkor az a és li elemeknek megmarad a kinézetük de az ul-el lesz valami mert jobb oldal helyett a menu átugrik bal oldalra! teljesen ugyanugy néz ki a menü mint a statikus html-el de jobb oldal helyett bal oldalon lesz! És igen tudom hogy a wp még beir a nav és ul közé egy div-et!! De ha ugy átírom akkor sem működik! Mit tegyek?
A wordpresses html:
<nav class="menu">
<h1 class="cim"><span>DREAD</span>GAMING</h1>
<div class="menu-header-menu-links-container"><ul id="menu-header-menu-links" class="menu"><li id="menu-item-45" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-7 current_page_item menu-item-45"><a href="http://81.183.48.16/">Kezdőlap</a></li>
<li id="menu-item-46" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46"><a href="http://81.183.48.16/hirek/">Hírek</a></li>
<li id="menu-item-47" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-47"><a href="http://81.183.48.16/webshop/">Webshop</a></li>
<li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48"><a href="http://81.183.48.16/szervereink/">Szervereink</a></li>
<li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49"><a href="http://81.183.48.16/letoltes/">Letöltés</a></li>
<li id="menu-item-50" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-50"><a href="http://81.183.48.16/jatekosok/">Játékosok</a></li>
<li id="menu-item-51" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-51"><a href="http://81.183.48.16/kozosseg/">Közösség</a></li>
<li id="menu-item-52" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-52"><a href="http://81.183.48.16/kapcsolat/">Kapcsolat</a></li>
</ul></div> </nav>
ÉN html-em:
<nav class="menu">
<h1 class="cim"><span>DREAD</span>GAMING</h1>
<ul>
<li><a class="ittvagy" href="index.html">Kezdőlap</a></li>
<li><a href="hirek.html">Hírek</a></li>
<li><a href="webshop.html">WebShop</a></li>
<li><a href="szervereink.html">Szervereink</a></li>
<li><a href="letoltes.html">Letöltés</a></li>
<li><a href="jatekosok.html">Játékosok</a></li>
<li><a href="kozosseg.html">Közösség</a></li>
<li><a href="kapcsolat.html">Kapcsolat</a></li>
</ul>
</nav>
css:
header nav {
background:white;
position:absolute;
top:31px;
left:0px;
width:100%;
height:75px;
border-bottom:3px solid tomato;
}
header nav ul {
position:absolute;
top:0px;
right:10px;
}
header nav ul li {
list-style:none;
float:left;
}
header nav ul li a {
color:black;
text-decoration:none;
transition:0.3s;
padding:28px 15px;
display:block;
font-family: 'Montserrat', sans-serif;
font-weight:400;
font-size:16px;
}
header nav ul li a:hover {
color:tomato;
background: rgb(250,250,250);
}
Nagyon kedves vagy kérdező, ezért segítek:
.info ul:first-chikd
Ebbol szedd ki a left:0px-t.
Egyszerubb lett volna, ha belinkeled rendesen az oldalt (81.183.48.16), nem az idehanyt forraskodbol kell kikeresni.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!