Проблем с разстояние, което не трябва да го има

P

perer

Registered
Здравейте!
Имам проблем.
Правя един сайт и дизайна е такъв, че има една картинка за фон на заглавието на менюто и още една за фон на самото меню.
Ето кода и снимка да видите какъв е проблема. :S
Разстоянието между заглавието и фона на менюто не трябва да го има.

Това е кода на едно от менютата. На всички е еднакво. ;)
Код: 
<table border="0" align="center" cellpadding="0" cellspacing="0">
	<tr><td class="smallcaption">Реклама</td></tr>
	<tr><td class="smallmenubg2" align="center">
	<a href="http://fan-btv.perer.net" target="blank_">
	<img border="0" src="http://fan-btv.perer.net/e107_images/banners_reklam/banner_125x250.gif" alt="Фен сайт на bTV" /></a></td></tr>
		</table>

При IE и Google Chrome разстоянието е още по-голямо. :(
Помогнете, моля.

Благодаря!
 
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td class="smallcaption" valign="bottom">Реклама</td></tr>
<tr><td class="smallmenubg2" align="center" valign="top">
<a href="http://fan-btv.perer.net" target="blank_">
<img border="0" src="http://fan-btv.perer.net/e107_images/banners_reklam/banner_125x250.gif" alt="Фен сайт на bTV" /></a></td></tr>
</table>
Увеличете...
Я пробвай така!
 
Не. :(
Така ми вдига текста в менюто и сваля заглавието му. :cry:
Ето и CSS-а.
Менюто:
Код: 
.smallmenubg2{
	background: url(images/small_menu_bg.gif) no-repeat;
	width: 200px;
	height: 270px;
	padding-right: 20px;
}
Заглавието:
Код: 
.smallcaption{
	background: url(images/caption_small.gif) no-repeat;
	width: 231px;
	height: 48px;
	font-family: Times New Roman;
	font-size: 18pt;
	font-weight: bold;
	color: #ff9600;
	padding-top: 5px;
	text-align: center;
}
 
Гледам аватара ти, и пише:
HTML&CSS MASTER
Увеличете...
То май ти трябва да ни казваш на нас, как да оправим тези неща :D
.smallmenubg2{
background: url(images/small_menu_bg.gif) no-repeat;
width: 200px;
height: 270px;
padding-right: 20px;
}
.smallcaption{
background: url(images/caption_small.gif) no-repeat;
width: 231px;
height: 48px;
font-family: Times New Roman;
font-size: 18pt;
font-weight: bold;
color: #ff9600;
text-align: center;
}
Увеличете...
Я пробвай така без padding в :
.smallcaption
Увеличете...
 
Конкретно в този случай ще е много по-лесно да се направи с div-ове... не разбирам защо се опитваш с таблици - просто не е наложително
ПС: Надявам се няма да го използваш този дизайн - направо ми избодоха очите тия жълто-зелени петна
Едит: То на аватара му пише и че е търговска марка ама не е нали :P
 
raiden каза:
Конкретно в този случай ще е много по-лесно да се направи с div-ове... не разбирам защо се опитваш с таблици - просто не е наложително
ПС: Надявам се няма да го използваш този дизайн - направо ми избодоха очите тия жълто-зелени петна
Увеличете...
Така е,би се реализирало много по-лесно с DIV-вове.Но след като е избрал с таблици, ще го мъчим на тях!
 
Хаха. За аватара няма да коментирам. :D
Ще пробвам с дивове. ;)

А това зелено наистина дразни. Ще ги затъмня цветовете и би трябвало да стане. ;)

Eidt// И с дивове е същото. :(
 
Код: 
 <div class="smallcaption">Реклама</div>
	<div class="smallmenubg2" align="center">
	<a href="http://fan-btv.perer.net" target="blank_">
	<img border="0" src="http://fan-btv.perer.net/e107_images/banners_reklam/banner_125x250.gif" alt="Фен сайт на bTV" /></a></div>

Махнах падинга на smallcaption.
 
охооооооооооооооооо! :) Тук трябва да играят основите на CSS!!!
@raiden като ти сподели за DIV-вове, съм сигурен че е нямал това предвид.Почнеш ли с DIV-вове, така караш!Ти сега прилагаш CSS стил, който си ползвал за таблиците, на DIV-вовете!
Така НЯМА и да стане!Трябва да ги им зададеш:
position
Увеличете...
и доста други неща!
 
С margin не става.
Аз основите на CSS не ги знам. :P
Този език го знам от практика.
Точно тази част с position и други подобни не са ми ясни.
Ако може да ми дадете някакъв урок или да ми обясните как да си оправя проблема. :) ;)

Благодаря!

Еdit// Мисля, че се оправих. Ако имам пак проблем ще пиша. :)
 
position не трябва да задава...
Правиш 1 голям див в който ще е цялото това - хедърчето + съдържанието
Във него слагаш хедърчето в един див и съдържанието в отделен и затваряш големия - не би трябвало да направи проблем
Пример:
<div id="menu">
<div id="header>Меню</div>
<div id="inmenu">
Bla bla bla
bla bla bla
</div>
</div>
Ето виж какво става:
bla.jpg

Ако пак не стане, виж дали това хедърче не му слагаш повече height от колкото е тази на фоновата картинка
 
Вземи научи ттози CSS, че без него няма мърдане!Той,заедно с HTML-а са основата.Аз да си призная почнах PHP,а хабер си няма за HTML и CSS.Но така нищо не става!Един съвет.Сядаш пред компа, почваш да си създаваш DIV-во, позиционираш си ги , за да научиш как става това!
 
CSS-а го знам. Само позиционирането не ми е ясно, но ще седна да го науча някой ден. Ще си намеря уроци и така. :)

Мерси!
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе