подобен бутон x на css

E

embaka

Registered
здравейте, мъча се от едно известно време да си направя такава лента като на jobs.bg горе за рекламата, която е

Код: 
.reklama {
width: 100%; 
height: 22px; 
position: absolute; 
top: 0px; 
left: 0px; 
z-index: 100; 
background-color: #ddd; 
text-align: center; 
font-size: 15px;

}

a.x {
background:url(img/x.png) no repeat;
float:right;
}

Код: 
<a href="reklama.php" class="x" target="_blank"><div class="reklama">reklamirai s nas :)</div></a>

обаче не ми се получава х-чето в дясно
 
shterev каза:
a.x {
display:block;
width:100px; height:100px;
background:url(img/x.png) no-repeat left top;
float:right;
}
Увеличете...

widht и height трябва да са колкото на картинката
Увеличете...

така се забелязва съвсем малко отдолната страна под лентата
 
я дай линк към сайта. да не е под рекламата, че на реклама си сложил абсолют трябва да сложиш сега и на тоя бутон със по-голям з-индекс от на рекламата.
 
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="alternate" type="application/rss+xml" title="Lessons RSS" href="http://www.dwdvideo.com/rss.php">




<table class="main_border" align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="980">
<tbody><tr>
<td><img src="img/header.png" width="980" height="200"><a href="vote.php" class="x" target="_blank"><div class="bgtop">Рекламирай тук :)</div></a></td>
</tr> <tr>
<td valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td class="left" valign="top" width="182">

<div class="lmenu_s"><strong>Търсене</strong>
<form action="view_search.php" method="post" name="form_s">
<p class="search_t">Не по-малко от 4-х символа !</p>
<p><input class="search_box" name="search" size="25" maxlength="40" type="text">
<br>
<input class="search_b" name="submit_s" value="Търси" type="submit">
</p>
</form>
</div>


<div class="lmenu_obox"><strong>Категории</strong>
<p class="point"><a class="nav_link" href="view_cat.php?cat=5">Virtual Dub</a></p><p class="point"><a class="nav_link" href="view_cat.php?cat=6">Създаване на меню</a></p><p class="point"><a class="nav_link" href="view_cat.php?cat=7">Вграждане на субтитри</a></p><p class="point"><a class="nav_link" href="view_cat.php?cat=8">Копиране на DVD</a></p><p class="point"><a class="nav_link" href="view_cat.php?cat=9">Ави в ДВД формат</a></p><p class="point"><a class="nav_link" href="view_cat.php?cat=10">Други обработки</a></p><p class="point"><a class="nav_link" href="view_cat.php?cat=11">Кодеци</a></p></div>


<div class="lmenu_obox"><strong>Последо добавени</strong>
<p class="point"><a class="nav_link" href="view_post.php?id=43">Създаване на нов филм да изглежда като стар</a></p><p class="point"><a class="nav_link" href="view_post.php?id=42">Избиране на компресия (кодиране на видеото)</a></p><p class="point"><a class="nav_link" href="view_post.php?id=41">Кодеци, кодиране, прекодиране</a></p><p class="point"><a class="nav_link" href="view_post.php?id=40">Работа с филтри във VirtualDub</a></p><p class="point"><a class="nav_link" href="view_post.php?id=39">Лесно добавяне на субтитри в DivX и Xvid (Avi, Ави) филми с VirtualDub</a></p></div>

<div class="lmenu_obox"><strong>Архив</strong>
<p class="point"><a class="nav_link" href="view_date.php?date=2009-05">2009-05</a></p><p class="point"><a class="nav_link" href="view_date.php?date=2005-07">2005-07</a></p>
</div>

<div class="lmenu_obox"><strong>Приятели</strong>
<p class="point"><a class="nav_link" href="http://holideitur.net" target="_blank">holideitur</a></p><p class="point"><a class="nav_link" href="http://embaka.hit.bg" target="_blank">embaka</a></p><p class="point"><a class="nav_link" href="http://ruakss.hit.bg" target="_blank">ruakss</a></p><p class="point"><a class="nav_link" href="http://kaldata.com" target="_blank">kaldata</a></p><p class="point"><a class="nav_link" href="http://varlog.co.cc" target="_blank">varlog</a></p><p class="point"><a class="nav_link" href="http://cocanet.co.cc" target="_blank">cocanet</a></p></div>


<div class="lmenu_s"><strong>Статистика</strong>
<p class="comments">Общо статии: 11<br> Общо коментари: 0<br> Онлайн в момента: 4</p></div>
</td> <td valign="top">

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td class="nav_a" width="25%"><p><strong><a href="index.php">Начало</a></strong></p></td>
<td class="nav_t" width="25%"><p><strong><a href="gb.php">Гости</a></strong></p></td>
<td class="nav_t" width="25%"><p><strong><a href="secret.php">Секретно</a></strong></p></td>
<td class="nav_t" width="25%"><p><strong><a href="about.php">За нас</a></strong></p></td>
</tr>
</tbody></table>

<p>Здравейте,<br><br>
и добре дошли в напълно обновения сайт за видео обработка. Тук ще намерите както до сега издадените уроци за обработка, така и нови попълнения, които надали сте срещали до сега някъде. Моля Ви за малко търпение докато бъде завършена работата по изготвянето на новият дизайн и функционалност на страницата. </p>

</td>
</tr>
</tbody></table></td>
</tr>
<tr>
<td class="copy">

<div style="float: left; padding-left: 5px;"><script type="text/javascript">
d=document;
d.write('<a href="http://www.tyxo.bg/?76255" target="_blank" rel="nofollow"><img width="44" height="15" border="0" alt="Tyxo.bg counter"');
d.write(' src="http://cnt.tyxo.bg/3188?rnd='+Math.round(Math.random()*2147483647));
d.write('&sp='+screen.width+'x'+screen.height+'&r='+escape(d.referrer)+'" /><\/a>');
</script><a href="http://www.tyxo.bg/?76255" target="_blank" rel="nofollow"><img alt="Tyxo.bg counter" src="http://cnt.tyxo.bg/3188?rnd=1897480855&sp=1024x768&r=http%3A//web-tourist.net/forum/viewtopic.php%3Ft%3D67958" border="0" width="44" height="15"></a>
<noscript><a href="http://www.tyxo.bg/?76255" target=" blank" rel="nofollow"><a href="http://www.tyxo.bg/?76255" target=" blank" rel="nofollow"><img src="http://cnt.tyxo.bg/3188" alt="holideitur.net" width="44" height="15" /></a>
</noscript>
</div>
<div style="float: right; padding-right: 5px;">
<a href="http://wthost.net/seo_web_site_check.php?sait=referer" target="_blank" rel="nofollow"><img src="http://wthost.net/prcheck.php" alt="seo google" border="0" width="80" height="15"></a>
</div>
<div> <a target="_blank" class="dvdvideo" href="http://embaka.hit.bg">DwdVideo</a> © 2005 - 2009 Всички права запазени!</div>
<div style="clear: both;"></div>

</td>
</tr></tbody></table>
Увеличете...
 
тоя див дет си го сложил в а тага не е валиден, сложи спан вътре. Сега се шижда, но трябва да си го донагласиш. Тези връзки към ЦСС какво правят там!!! Слагат се в <head></head>
 
вземам от този урок пример и искам да си го напасна http://web-tourist.net/login/login/view.php?st=2296, това което излиза най-отгоре е записано във конфиг файла. мета елементите са си в хеад, не знам на теб защо ти излиза така

Код: 
<a href="vote.php" class="x" target="_blank"><div class="bgtop">Рекламирай тук :)</div></a><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>DVD, Видео, Обработка, Субтитри, Аудио, Кодеци...</title>
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="alternate" type="application/rss+xml" title="Lessons RSS" href="http://www.dwdvideo.com/rss.php" />

<meta name="description" content="Сайта за видео обработка и полезни съвети">
<meta name="keywords" content="DVD, AVI Obrabotka, Video, Subtitri, AVIcodec, DVD2AVI, VirtualDub, VirtualDubMod, WinAvi, DVDDecrypter, DVD-labPRO, DVDShrink, Slivane, Dobaviane, Dobavqne, IFOUpdate, VobSub, Burning, Nero, АВИ, ДВД Обработка, Видео обработка, Субтитри, сливане на субти">
</head>

<body>
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="main_border">
  <tr>

    <td><img src="img/header.png" width="980" height="200"></td>
  </tr>  <tr>
    <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="182" valign="top" class="left">
 
 <div class="lmenu_s"><strong>Търсене</strong>
 <form action="view_search.php" method="post" name="form_s">
 <p class="search_t">Не по-малко от 4-х символа !</p>

 <p><input class="search_box" name="search" type="text" size="25" maxlength="40">
 <br>
 <input class="search_b" name="submit_s" type="submit" value="Търси">
 </p>
 </form>
</div>


 <div class="lmenu_obox"><strong>Категории</strong>
 <p class='point'><a class='nav_link' href='view_cat.php?cat=5'>Virtual Dub</a></p><p class='point'><a class='nav_link' href='view_cat.php?cat=6'>Създаване на меню</a></p><p class='point'><a class='nav_link' href='view_cat.php?cat=7'>Вграждане на субтитри</a></p><p class='point'><a class='nav_link' href='view_cat.php?cat=8'>Копиране на DVD</a></p><p class='point'><a class='nav_link' href='view_cat.php?cat=9'>Ави в ДВД формат</a></p><p class='point'><a class='nav_link' href='view_cat.php?cat=10'>Други обработки</a></p><p class='point'><a class='nav_link' href='view_cat.php?cat=11'>Кодеци</a></p></div>


<div class="lmenu_obox"><strong>Последо добавени</strong> 
<p class='point'><a class='nav_link' href='view_post.php?id=43'>Създаване на нов филм да изглежда като стар</a></p><p class='point'><a class='nav_link' href='view_post.php?id=42'>Избиране на компресия (кодиране на видеото)</a></p><p class='point'><a class='nav_link' href='view_post.php?id=41'>Кодеци, кодиране, прекодиране</a></p><p class='point'><a class='nav_link' href='view_post.php?id=40'>Работа с филтри във VirtualDub</a></p><p class='point'><a class='nav_link' href='view_post.php?id=39'>Лесно добавяне на субтитри в DivX и Xvid (Avi, Ави) филми с VirtualDub</a></p></div>

  <div class="lmenu_obox"><strong>Архив</strong> 
<p class='point'><a class='nav_link' href='view_date.php?date=2009-05'>2009-05</a></p><p class='point'><a class='nav_link' href='view_date.php?date=2005-07'>2005-07</a></p> 

</div>

<div class="lmenu_obox"><strong>Приятели</strong>
<p class='point'><a class='nav_link' href='http://holideitur.net' target='_blank'>holideitur</a></p><p class='point'><a class='nav_link' href='http://embaka.hit.bg' target='_blank'>embaka</a></p><p class='point'><a class='nav_link' href='http://ruakss.hit.bg' target='_blank'>ruakss</a></p><p class='point'><a class='nav_link' href='http://kaldata.com' target='_blank'>kaldata</a></p><p class='point'><a class='nav_link' href='http://varlog.co.cc' target='_blank'>varlog</a></p><p class='point'><a class='nav_link' href='http://cocanet.co.cc' target='_blank'>cocanet</a></p></div>


<div class="lmenu_s"><strong>Статистика</strong>
 <p class='comments'>Общо статии: 11<br> Общо коментари: 0<br> Онлайн в момента: 3</p></div>

 </td>        <td valign="top">
       
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width='25%' class='nav_a'><p><strong><a href="index.php">Начало</a></strong></p></td>
    <td width='25%' class='nav_t'><p><strong><a href="gb.php">Гости</a></strong></p></td>
    <td width='25%' class='nav_t'><p><strong><a href="secret.php">Секретно</a></strong></p></td>
    <td width='25%' class='nav_t'><p><strong><a href="about.php">За нас</a></strong></p></td>

  </tr>
</table>
        
		<p>Здравейте,<br><br>
и добре дошли в напълно обновения сайт за видео обработка. Тук ще намерите както до сега издадените уроци за обработка, така и нови попълнения, които надали сте срещали до сега някъде. Моля Ви за малко търпение докато бъде завършена работата по изготвянето на новият дизайн и функционалност на страницата. </p>
        
        </td>
      </tr>
    </table></td>
  </tr>
  <tr>

<td class="copy">

<div style="float:left; padding-left:5px;"><script  type="text/javascript">
d=document;
d.write('<a href="http://www.tyxo.bg/?76255" target="_blank" rel="nofollow"><img width="44" height="15" border="0" alt="Tyxo.bg counter"');
d.write(' src="http://cnt.tyxo.bg/3188?rnd='+Math.round(Math.random()*2147483647));
d.write('&sp='+screen.width+'x'+screen.height+'&r='+escape(d.referrer)+'" /><\/a>');
</script>
<noscript><a href="http://www.tyxo.bg/?76255" target=" blank" rel="nofollow"><a href="http://www.tyxo.bg/?76255" target=" blank" rel="nofollow"><img src="http://cnt.tyxo.bg/3188" alt="holideitur.net" width="44" height="15" /></a>
</noscript>
</div>
<div style="float:right; padding-right:5px;">
<a href="http://wthost.net/seo_web_site_check.php?sait=referer" target="_blank" rel="nofollow"><img src="http://wthost.net/prcheck.php" 
width="80" height="15" border="0" alt="seo google"></a>
</div>
<div> <a target="_blank" class="dvdvideo" href="http://embaka.hit.bg">DwdVideo</a> © 2005 - 2009 Всички права запазени!</div>
<div style="clear:both;"></div>

</td> 
</tr></table>
</body>
</html>
 
всичко както е описано, съм го направил както е в урока. работи си всичко, но това е че не мога да напасна тая картинка с х


Искам нещо от рода като на сайта тук
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе