Проблем

I

idiotabg

Registered
Значи започнах да кодирам един дизайн и това ми е за първи път.
В css имам това
Код: 
body
{
background-image:url('images/background.png');
}
#menubg {
    background: url(images/menubg.png) no-repeat;
    height: 252px;
	width: 1010px;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
position:fixed;
top:0px;
right:7px;
}
#menubg a {
    color: #ffffff;
    display:block;
position:fixed;
top:170px;
right:460px;
    font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
    padding: 0 25px;

}
А в index.html имам това
Код: 
<html>
<head>
<title>Вашето уеб състезание</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="menubg">
		
<a href="index.php">Начало</a>
<a href="index.php">Регистрация</a>



		</div>
</body>
</html
Проблемът е че искам
Код: 
<a href="index.php">Регистрация</a>
да иде малко по-вдясно от Начало защото менюто ми е хоризонтално но не се получава, 2-та текста начало и регистрация застават един върху друг :(
 
Пробвай така

Код: 
	 <html> 
<head> 
<title>Вашето уеб състезание</title> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> 
<link rel="stylesheet" type="text/css" href="style.css" /> 
</head> 
<body> 
<div id="menubg"> 
       
<a href="index.php">Начало</a> &nbsp &nbsp 
<a href="index.php">Регистрация</a> 



      </div> 
</body> 
</html
 
Пробвай така :?:

Код: 
	 body
{
background-image:url('images/background.png');
}
#menubg {
    background: url(images/menubg.png) no-repeat;
    height: 252px;
   width: 1010px;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
position:fixed;
top:0px;
}
#menubg a {
    color: #ffffff;
    display:block;
position:fixed;
top:170px;
right:460px;
    font-size: 11px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
    padding: 0 25px;

}
 
Код: 
   <html> 
<head> 
<title>Вашето уеб състезание</title> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" type="text/css" href="style.css" /> 
</head> 
<body> 
<div id="menubg"> 
        
<a href="index.php">Начало</a><a href="index.php">Регистрация</a> 



      </div> 
</body> 
</html


P.S. може ли поне снимка на страницата, да видим как ти излиза?
 
Така трябва да работи
Код: 
body
{
background-image:url('images/background.png');
}
#menubg {
    background: url(images/menubg.png) no-repeat;
    height: 252px;
   width: 1010px;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
position:fixed;
top:0px;
}
#menubg a {
    color: #ffffff;
    display:block;
    font-size: 11px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
    padding: 0 25px;

}
 
t0shk0 така стана ама седят много нагоре ето снимка :
7b32caa0f085ad53.png
 
Ето така трябва да стане :?:
CSS
Код: 
body
{
background-image:url('images/background.png');
}
#menubg {
    background: url(images/menubg.png) no-repeat;
    height: 252px;
   width: 1010px;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
position:fixed;
top:0px;
right:7px;
}
#menubg a {
    color: #ffffff;
    display:block;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
}

INDEX.html

Код: 
<html>
<head>
<title>Вашето уеб състезание</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="menubg">
<table cellpadding="0" cellspacing="0" border="0" align="center" style="padding: 100;">
<tr><td height="20px" width="100px" align="center"> <a href="index.php">Начало</a></td></tr>
<tr><td height="20px" width="100px" align="center"><a href="index.php">Регистрация</a></td></tr>
</table>
</div>
</body>
</html>

От
Код: 
style="padding: 100;"
колко надолу да слезе таблицата
От
Код: 
height="20px"
колко да е високо полето в което е линка
От
Код: 
width="100px"
колко да е широто полето с линка
 
Мерси, а има ли начин 2-та текста да седят хоризонтално а не един под друг
 
Код: 
<html>
<head>
<title>Вашето уеб състезание</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="menubg">
<table cellpadding="0" cellspacing="0" border="0" align="center" style="padding: 100;">
<tr><td height="20px" width="100px" align="center"> <a href="index.php">Начало</a></td>
<td height="20px" width="100px" align="center"><a href="index.php">Регистрация</a></td></tr>
</table>
</div>
</body>
</html>
 
Код: 
<html>
<head>
<title>Вашето уеб състезание</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="menubg">
<table cellpadding="0" cellspacing="0" border="0" align="right" style="padding: 100 20 0 0;">
<tr><td height="20px" width="100px" align="center"><a href="index.php">Начало</a></td>
<td height="20px" width="100px" align="center"><a href="index.php">Регистрация</a></td></tr>
</table>
</div>
</body>
</html>

Код: 
style="padding: 100 20 0 0;"
Променяш числото 20, за да преместиш таблицата наляво
 
предполагам че ако беше махнал a { position: fixed } и сложиш a { float: left;} след това с margin i padding да си ги наместиш, щеше да си спестиш таблицата , но само предполагам :)
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе