CSS: разместване..

P

proba

Registered
Здравейте.
Как да доближа td максимално на горе за да е до другата таблица ?
Или как да направя вместо това 2 td-та те да бъдат 2 таблици на едно ниво?
Ето снимка да видите за какво говоря.
Идеята е червеният border (той не е червен , с paint го направих червен) , да се доближи плътно до горната таблица.
А това в ляво да е без border..

Снимка:
http://web-tourist.net/userfiles/4/4055.png

HTML:

HTML: 
<!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" xml:lang="en" lang="en">
<head>
<title>title</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<table class="table_header">
<tr>
<td class="td_header_left">
<a href="index.html" title="asd"><img src="images/logo.gif" alt="asd"/></a>
</td>
<td class="td_header_right">
<a href="#" class="a_header">Начало</a> 
<a href="#" class="a_header">link 2</a> 
<a href="#" class="a_header">link 3</a> 
<a href="#" class="a_header">link 4</a> 
<a href="#" class="a_header">link 5</a> 
</td>
</tr>
</table>
<table class="table_content">
<tr>
<td class="td_content_left">asd</td>
<td class="td_content_right">asd</td>
</tr>
</table>
</body>
</html>

style.css:

[css]
body
{
margin: 0px;
background: #FFFFFF;
color: #000000;
}

a,a:hover
{
border: none;
text-decoration: none;
}

.table_header
{
width: 100%;
height: 40px;
background-color: #000000;
}

td.td_header_left
{
width: 25%;
background-color: #000000;
}

td.td_header_right
{
width: 75%;
background-color: #000000;
border-bottom: 2px #3399FF solid;
padding-top: 20px;
}

a.a_header
{
color: #FFFFFF;
margin-bottom: 0px;
background: url('../images/menu_a.png');
padding-left: 5px;
padding-right: 5px;
}

a.a_header:hover
{
color: #FFFFFF;
margin-bottom: 0px;
background: url('../images/menu_b.png');
padding-left: 5px;
padding-right: 5px;
}

.table_content
{
width: 100%;
background-color: #FFFFFF;
border-top: 3px #000000 solid;
}

td.td_content_left
{
width: 15%;
border: none;
}

td.td_content_right
{
width: 85%;
border: 1px #000000 solid;
border-top: none;
height: 500px;
}
[/css]
 
Не можах да разбера кое td, затова ще ти отговора така: сложи му valign="top"
 
Сега ще ти поясня.
Значи ето я горната таблица:

HTML: 
<table class="table_header">
<tr>
<td class="td_header_left">
<a href="index.html" title="asd"><img src="images/logo.gif" alt="asd"/></a>
</td>
<td class="td_header_right">
<a href="#" class="a_header">Начало</a> 
<a href="#" class="a_header">link 2</a> 
<a href="#" class="a_header">link 3</a> 
<a href="#" class="a_header">link 4</a> 
<a href="#" class="a_header">link 5</a> 
</td>
</tr>
</table>

А долната таблица има две клетки.

HTML: 
<table class="table_content">
<tr>
<td class="td_content_left">asd</td>
<td class="td_content_right">asd</td>
</tr>
</table>

Дясната клетка е тази:

HTML: 
<td class="td_content_right">asd</td>

Тя има зададен border един пиксел , черен цвят - solid.
Искам да е плътно до горната таблица.
Да няма празното разстояние.
Това ме интерсува как да стане ?
 
Не бе човек неможеш да ме разбереш.
Текста ми е ясно как да си кача най-горе в самото td.
Ето ти снимка от близо дано зацепиш вече..

http://web-tourist.net/userfiles/4/4056.png

Или ако неможеш с това да помогнеш ми кажи как да направя 2 таблици (едната width:15% , другата width:85%) , да стоят на едно ниво , едната в ляво , а другата в дясно ?
Като се има в предвид че на body съм задал да е на 100% ширината му ;)
 
proba каза:
Не бе човек неможеш да ме разбереш.
Текста ми е ясно как да си кача най-горе в самото td.
Ето ти снимка от близо дано зацепиш вече..

http://web-tourist.net/userfiles/4/4056.png

Или ако неможеш с това да помогнеш ми кажи как да направя 2 таблици (едната width:15% , другата width:85%) , да стоят на едно ниво , едната в ляво , а другата в дясно ?
Като се има в предвид че на body съм задал да е на 100% ширината му ;)
Увеличете...
Схванах извинявай. :)
Значи пробвай:
[css]td.td_header_left

{

float: left;

width: 25%;

background-color: #000000;

}[/css]

П.П. Ако можеш на ЛС да дадеш демо за си поиграя с Firebug-а :)
 
Никаква промяна..

Поне как да наглася тези 2 таблици да са една до друга ?

HTML: 
<table class="left">
<tr><td>asd</td></tr>
</table>
<table class="right">
<tr><td>sad</td></tr>
</table>

Как да ги направя на едно ниво да са и двете ?
 
HTML: 
<table class="left" style="float: left;">
<tr><td>asd</td></tr>
</table>
<table class="right">
<tr><td>sad</td></tr>
</table>
 
напиши на самия тд
HTML: 
<td valign='middle'>
и би трябвало да стане.. :) или в CSS [css]display:inline;[/css]
 
Може просто в CSS (от това което разбрах по темата)
да сложиш вместо:
[css]
.tablica_lqvo{
width: 15%;
border: none;
}
[/css]
това:
[css]
.tablica_lqvo{
width: 15%;
border: none;
float:left;
}
[/css]
& float right за класът за таблицата в дясно.

пс:сори не видях,че си се оправил
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе