Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Reikia pagalbos(skubios)

Parašė edeni· 2010 Lap. 16 17:11:19
#1

Turiu klausimą su css. Man reik http://www.part.lt/img/c6fb0837f...c32419.png va šita navigacija nuleisti prie pat to pilko fono.
Padding netinka.
Css:

body {
	background-image: url('images/bg.png');
}
 
.pagrindas {
	width: 831px;
	margin: auto;
	display: table;
 
}
.main-bg {
	background-color: #e4e4e4;
	width: 831px;
		margin: 0 auto;
	padding: 20px 0px 0px 0px;
}
.header {
	width: 831px;
	height:95px;
}
.nav {
	float:right;
height:95px;
 
}
 
.nav a {
color: #12a3d9;
text-decoration: none;
text-shadow: 1px 1px #fff;
font-weight: bold; 
padding-right: 10px;
}
.nav-current {
color: #464444;
text-decoration: underline;
text-shadow: 1px 1px #fff;
font-weight: bold; 
}
.nav a:hover {
color: #464444;
text-decoration: underline;
text-shadow: 1px 1px #fff;
font-weight: bold; 
 
}
 
.logo {
	float:left;
	height:95px;
}
.servo-info {
	float:left;
	padding-left:16px;
	padding-right:18px;
 
}
.banu_info {
 
}


html:


<!DOCTYPE <span style="border-bottom: 1px dotted black;">html</span> PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pavadinimas nustatomas per adminke :O</title>
<link rel="stylesheet" href="style.css" media="screen" />
</head>
<body>
<div class='pagrindas'>
<div class='header'>
<div class='logo'><img src='images/logo.png' /></div>
<div class='nav'>
<a href='#' class='nav_current'>Namai</a>
<a href='#'>Forumas</a>   
<a href='#'>Paslaugos</a>   
<a href='#'>Taisyklės</a>   
<a href='#'>Kontaktai</a> 
 
</div>
</div>
<div class='main-bg'>
<!--Servo info pradzia-->
<div class='servo-info'>
<img src='images/info.png' />
</div>
<!--Servo info pabaiga-->
<!--Banu info pradzia-->
<div class='banu-info'> 
<img src='images/banai.png' />
</div>
<!--Banu info pabaiga-->
</div>
 
</div>
</body>
</html>
 

Redagavo edeni· 2010 Lap. 16 17:11:04

Parašė Pakartoti slaptažodį· 2010 Lap. 16 17:11:28
#2

1. <body> margin-top
2. margin (pačioje navigacijoje)

Parašė edeni· 2010 Lap. 16 17:11:12
#3

http://www.part.lt/img/c45f971ea...df8838.png va kas gavos :|

Parašė Creatium· 2010 Lap. 16 17:11:33
#4

main-bg

padding: 20px 0px 0px 0px;


Kam tas 20 px paddingas? Naudok margin.



height:95px;


Kam toks aukštis?
Daugiau nėra nieko, kas galėtų kelti tokią situaciją, tad spėju, jog nerefreshinai puslapio. Parefreshink keletą kartų ir turėtų pasikeisti situacija.

Redagavo Creatium· 2010 Lap. 16 17:11:18

Parašė edeni· 2010 Lap. 16 17:11:14
#5

Man šitas vistiek nepadėjo sutvarkyti navigacijos :(((

Parašė edeni· 2010 Lap. 16 17:11:37
#6

Fsio susitvarkiau dėkui už pagalbą. Reikėjo naudot margin, o ne padding. Dėkui labai.