Наместване на таблица

[niki_noki]

Здравейте,

Искам да наместя таблиците горе в сивото поле? Как може да стане :idea:

Ето го и кода:

<table border="none"  cellspacing="100" align="center">
					<tr>
						<th><a href="http://site.bg">SITE NAME</a></th>
						<th><a href="http://site.bg">SITE NAME</a></th>
						<th><a href="http://site.bg">SITE NAME</a></th>
						<th><a href="http://site.bg">SITE NAME</a></th>
						<th><a href="http://site.bg">SITE NAME</a></th>
					</tr>
				</table>

 

[ivo_pi4a]

[css]
.menubox{
height: 80px;
margin-top:0;
float:left;
width: 100%;
}
[/css]

<div class="menubox">
<table border="none"  cellspacing="100" align="center" width="100%">
<tr>
<th><a href="http://site.bg">SITE NAME</a</th>
<th><a href="http://site.bg">SITE NAME</a</th>
<th><a href="http://site.bg">SITE NAME</a></th>
<th><a href="http://site.bg">SITE NAME</a></th>
<th><a href="http://site.bg">SITE NAME</a></th>
</tr>
</table>
</div>

 

[niki_noki]

Пак са си там..

 

[ivo_pi4a]

Дай си css кода и самия HTML. Къде си описал да се появява сивата линия ?

 

[niki_noki]

<!DOCTYPE html 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>:))</title>
		<link rel="stylesheet" type="text/css" href="css/style.css"  />
	</head>
	<body>
		<div id="youLink" onclick="window.location.href = 'contact.php';"></div>
		<div class="menubox">
				<table border="none"  cellspacing="100" align="center" width="100%">
					<tr>
						<th><a href="http://site.bg">SITE NAME</a></th>
						<th><a href="http://site.bg">SITE NAME</a></th>
						<th><a href="http://site.bg">SITE NAME</a></th>
						<th><a href="http://site.bg">SITE NAME</a></th>
						<th><a href="http://site.bg">SITE NAME</a></th>
					</tr>
				</table>
		</div>	
	
	
	
	
	
	
	
	
	</body>
</html>

[css]body {
background: url(../img/bg.png) repeat-x;

}

#youLink {
background: url(../img/youlink.png) no-repeat;
width: 85px;
height: 20px;
position: absolute;
margin-top: -5px;
cursor: pointer;
}

.menubox{
height: 80px;
margin-top:0;
float:left;
width: 100%;
}
[/css]

Сивата линия ми е от backgrounda....

 

[ivo_pi4a]

<!DOCTYPE html 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>)</title>
                <link rel="stylesheet" type="text/css" href="css/style.css"  />
        </head>
        <body>
                <div id="youLink" onclick="window.location.href = 'contact.php';">
                                <table border="none"  cellspacing="100" align="center" width="100%">
                                        <tr>
                                                <th><a href="http://site.bg">SITE NAME</a></th>
                                                <th><a href="http://site.bg">SITE NAME</a></th>
                                                <th><a href="http://site.bg">SITE NAME</a></th>
                                                <th><a href="http://site.bg">SITE NAME</a></th>
                                                <th><a href="http://site.bg">SITE NAME</a></th>
                                        </tr>
                                </table>
                </div>  
        
        
        
        
        
        
        
        
        </body>
</html>

 

[niki_noki]

Без промяна :?

 

[ivo_pi4a]

Използвай предишното, което направи, но виж размера на сивата линия колко е.Направи си css файла така:
[css]
body {

background: url(../img/bg.png) repeat-x;
}
#youLink {
background: url(../img/youlink.png) no-repeat;
width: 85px;
height: 20px;
position: absolute;
margin-top: 0px;
cursor: pointer;
}
.menubox{
height: 80px;
margin-top:0;
float:left;
width: 100%;
}

[/css]
Идеята е сбора на двете височини (height) да е равен на височината на сивата линия.

 

[niki_noki]

Използвай предишното, което направи, но виж размера на сивата линия колко е.Направи си css файла така:
[css]
body {

background: url(../img/bg.png) repeat-x;
}
#youLink {
background: url(../img/youlink.png) no-repeat;
width: 85px;
height: 20px;
position: absolute;
margin-top: 0px;
cursor: pointer;
}
.menubox{
height: 80px;
margin-top:0;
float:left;
width: 100%;
}

[/css]
Идеята е сбора на двете височини (height) да е равен на височината на сивата линия.

С МАРГИН го качих на горе Благодаря за помощта :?: