błedy w header/css

(@panek93)

witam,

Męczę się kilka dni z moją 1 skórką pod WP. problem polega na tym, że nie mogę sobie dać rady z zakodowaniem menu.
Wszystko robię według kursu i coś wychodzi nie tak, korzystając z tego forum znalazłem podobny wątek i wstawiłem div przed całą funkcją, podziałało, ale szablon się „rozczepił”
Pomiędzy sekcją header a featured post powstała przerwa ok 50px nie wiem dlaczego.

Umieszczam wycinek kodu php menu:

<!-- MENU -->
		<div id="menu">
<?php
if(function_exists('wp_nav_menu')):
		wp_nav_menu(
			array(
				'menu' =>'primary_nav',
				'wrap' =>'',
				'depth' => 1,
				'menu_id' => 'menu' )
			);
			else:
?>

		<?php wp_list_pages('title_li=&depth=1'); ?>
		</div>

<?php
	endif;
?>

<!-- KONIEC MENU -->

a tutaj CSS

#menu {
	position: relative; left: 321px; bottom: 68px;
	background: url(img/bg-menu.png) no-repeat;
	width: 502px;
	height: 48px;
	overflow: hidden;
}

#menu li{
	float: left;
	margin-right: 17px;

}

#menu ul li a {
	color: #e8e8e7;
	font-size: 18px;
	font-weight: bold;
	position: relative; top: 10px; left: 17px;

}

#menu ul li a:hover {
  color: #2c77df;
 }

Będę wdzięczny za określenie problemu. Próbowałem wieloma metodami, ale nic więcej mi nie przychodzi do głowy. z góry dziękuje wszystkim za pomoc.

Viewing 5 replies - 1 through 5 (of 5 total)

Moderator Paweł Knapek
(@adpawl)

11 years, 10 months temu

Trudno powiedzieć jedynie na podstawie małego wycinka kodu.
Było by łatwiej gdybyś podał link do strony.
…można zgadywać – winne pozycjonowanie relatywne ?

Thread Starter panek93
(@panek93)

11 years, 10 months temu

Problem już rozwiązałem, jednak kolejny dotyczący css

według projektu posty miały wyświetlać się obok siebie i tak też było w HTML jednak po podpisaniu do PHP wyświetlają się 1 pod 2 :/ jak to rozwiązać? problem z funkcjami czy coś z css?

pozdrawiam

Moderator Paweł Knapek
(@adpawl)

11 years, 10 months temu

Znowu zabawa w zgadywanki. float:left? dispaly:inline zamiast block ?
Thread Starter panek93
(@panek93)

11 years, 10 months temu
poprzednie Twoje rady pomogły… teraz jednak nie wiem jak to zrobić. Poniżej wrzucam wycinek css.
W kilku miejscach próbowałem wstawić dispaly:inline tak jak radziłeś jednak prawdopodobnie nie tam gdzie miałem.
```
#primary {
	background: url(img/bg-postitem.png) no-repeat;
	height: 330px;
	width: 1060px;
	position: relative; top: 26px; left: 23px;
}

#primary .post-item {
	height: 226px;
	width: 315px;
        float: left;;
        position: relative; top: 30px; left: 48px;
}

.post-item img {
	position: relative; top: 10px; left: 5px;
	border: 4px solid #e8e8e7;
	border-radius: 5px;
}

.post-item p {
	color: #40403f;
	font-size: 10px;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 57px;
	position: relative; top: 15px;
}

.post-item .wiecej  {
	float: right;
	font-weight: bold;
	font-size: 10px;
	margin-right: 50px;
	margin-top: 20px;
}
```
Thread Starter panek93
(@panek93)

11 years, 10 months temu

odświeżam i proszę o pomoc

Viewing 5 replies - 1 through 5 (of 5 total)

Temat ‘błedy w header/css’ jest zamknięty na nowe odpowiedzi.

Tagi tematu

Wyświetlenia