Kezdőoldal » Számítástechnika » Weblapkészítés » Miért nem lehet a wordpress...

Miért nem lehet a wordpress által kiirt elemeket style-olni?

Figyelt kérdés

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);

}



2018. aug. 3. 09:20
 1/1 anonim ***** válasza:

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.

2018. aug. 3. 13:03
Hasznos számodra ez a válasz?

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

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!