Уберите кнопки с фоновой картинки и поставьте их фоном под кнопки тады будет под все браузеры
Прошу прощения, у Акины проблемы с интернетом, по сему, передам её вопрос:
Как поставить фоном эту картинку на кнопку?
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Таблицы на заказ (13)
Уберите кнопки с фоновой картинки и поставьте их фоном под кнопки тады будет под все браузеры
Прошу прощения, у Акины проблемы с интернетом, по сему, передам её вопрос:
Как поставить фоном эту картинку на кнопку?
.mryoou, вырезать из исходника/перерисовать картинку граунда кнопки, перезалить и вставить в стиль объявления.
Отредактировано Rion Leonheart (Пт, 20 Янв 2012 17:45:43)
Rion Leonheart
Сделала всё так, как Вы сказали. Не получилось. Быть может, что-то не так делаю?
Отредактировано .mryoou (Чт, 19 Янв 2012 22:04:18)
.mryoou, все получилось. Просто у Вас изо кнопки высокое очень, и на заданную высоту кнопки оно просто не попало - вернее попало, но только прозрачная верхняя часть. Так попробуйте:
<style> #menu { width: 170px; margin-top: 0px; margin-right: 0px;} #menu span { height: 50px; font-size: 13px; text-align: center; display: block; background: url("http://i012.radikal.ru/1201/04/f3091af178de.png") top center no-repeat; padding-top:15px;} #menu .tabactive { color: #2662DF;} #submenu { margin-top: 57px; margin-left: 52px; text-align: center; font-size: 12px; width: 360px;} .submenutext { display: none; height: 205px;} </style>
Отредактировано Rion Leonheart (Пт, 20 Янв 2012 17:46:55)
Blanka,
Html-верх:
<style> #menu { margin-top: 0px; width: 200px;} #menu span { text-align:center; display:block; padding: 11px;} #submenu, #menu span { border: 1px solid;} #menu span {border-right: none} #menu .tabactive { border: none;} #submenu { padding: 2px; text-align: center; font-size: 12px; width: 600px;} .submenutext { display: none; height: 142px;} </style>
Объявление:
<center><table style="width: 90%;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td align="right"> <div id="menu"> <b> <span alt="#sm1" style="cursor: pointer;">Новости</span> <span alt="#sm2" style="cursor: pointer;">Партнеры</span> <span alt="#sm3" style="cursor: pointer;">Админы</span> <span alt="#sm4" style="cursor: pointer;">Ссылки</span> </b> </div> </td> <td id="MenuTxT" align="left"> <div id="submenu" align="center"> <div id="sm1" class="submenutext" style="display:block;"><div style="width: 100%; height: 142px; overflow: auto;"> Контент новостей </div></div> <div id="sm2" class="submenutext"><div style="width: 100%; height: 140px; overflow: auto;"> Контент партнеров </div></div> <div id="sm3" class="submenutext"><div style="width: 100%; height: 140px; overflow: auto;"> Контент админов </div></div> <div id="sm4" class="submenutext"><div style="width: 100%; height: 140px; overflow: auto;"> Контент ссылок </div></div> </div> </td> </tr> </tbody> </table></center>
Html-низ:
<script type="text/javascript"> $(document).ready(function() { $("td.#MenuTxT div.submenutext").hide(); <!--$(".tabs span:first").addClass("active").show(); --> $("td.#MenuTxT div.submenutext:first").show(); $("div.#menu span").click(function() { $("div.#menu span").removeClass("tabactive"); $(this).addClass("tabactive"); $("td.#MenuTxT div.submenutext").hide(); var activeDiv = $(this).attr("alt"); $("div."+activeDiv).fadeIn(); return false; }); }); </script>
Последние темы на форуме штучек 10 последних тем можно даже без раздела форума как получится.
Так стоп - последних 10 созданных на форуме тем? Точно тем?
Отредактировано Rion Leonheart (Пт, 20 Янв 2012 14:34:04)
Так стоп - последних 10 созданных на форуме тем? Точно тем?
нет не созданных а в которых последними отписались. Активные темы.
Точно тем?
Напишите пожалуйста почему это вас так насторожило. Может там есть подводные камни тогда подумаем как их избежать.
Rion Leonheart
Да все супер! Вы умничка
Единственное можно Заголовок немного подвинуть к картинке.
Есть еще пару вопросов но они могут решится сами собой когда я опробую таблицу. Поэтому пока не буду ими морочить вам голову
Supermadlen, ну тестируйте:
Объявление:
<style> #hih {color: #C3A55D} #fontos {font-size: 140%; font-weight: bold;} #pada {padding-top: 1em; padding-bottom: 1em;} #smak {font-size: 80%; text-align: right;} #brd td {border-bottom: 2px groove #C3A55D;} </style> <table style="width: 100%; text-align: center; font-family: 'Times New Roman', sans-serif; font-size: 15px; border-color: #C3A55D;" border="1" cellpadding="0" cellspacing="0"> <tr><td width="20%" align="center" valign="top"> <div style="width:97%; height: 70%; text-align: center; padding: 3px;"> <span id="fontos">Объявления</span> <hr id="hih"> <p id="pada"><a href="ссылка на подфорум">Покупка и продажа собак</a></p> <hr id="hih"> <p id="pada"><a href="ссылка на подфорум">Покупка и продажа кошек</a></p> <hr id="hih"> <p id="pada"><a href="ссылка на подфорум">Покупка и продажа грызунов</a></p> <hr id="hih"> <p id="pada"><a href="ссылка на подфорум">Покупка и продажа птиц</a></p> <hr id="hih"> <p id="pada"><a href="ссылка на подфорум">Покупка и продажа рыб</a></p> <hr id="hih"> <p id="pada"><a href="ссылка на подфорум">Покупка и продажа других животных</a></p> <hr id="hih"> <p id="pada"><a href="ссылка на подфорум">Отдадим, возьмем в добрые руки</a></p> <hr id="hih"> <p id="pada"><a href="ссылка на подфорум">Вязки</a></p> <hr id="hih"> <p id="pada"><a href="ссылка на подфорум">Услуги</a></p> <hr id="hih"> <p id="pada"><a href="ссылка на подфорум">Пропажи и находки</a></p> <hr id="hih"> </div> <div style="width:97%; height: 30%; text-align: center; padding: 3px;"> <span id="fontos">Анонс выставок на месяц</span> <p>17 - 18 марта - Учебно-практический семинар - Проводит организация УФСС</p> <br/> <p>24 марта - большой ринг</p> </div> </td><td width="60%" align="center" valign="top"> <div style="width:99%; height: 70%; padding: 3px;"> <table id="brd" style="width: 100%; height: 96%;" border="0" cellpadding="1" cellspacing="2"> <tr height="16%"> <td width="10%"><img widht="90" height="90" style="margin-bottom: -3px;" src="http://forumavatars.ru/img/avatars/0000/14/1c/28211-1325969344.gif"></td><td width="20%" valign="top" align="left"><span id="fontos"><a href="ссылка на тему">Заголовок</a></span></td><td width="50%" align="center">текст текст текст текст текст текст</td><td width="20%" valign="top"><div id="smak">Новости Мариуполя</div></td> </tr> <tr height="16%"> <td><img widht="90" height="90" style="margin-bottom: -3px;" src="http://forumavatars.ru/img/avatars/0000/14/1c/28211-1325969344.gif"></td><td valign="top" align="left"><span id="fontos"><a href="ссылка на тему">Заголовок</a></span></td><td align="center">текст текст текст текст текст текст</td><td valign="top"><div id="smak">Новости Украины</div></td> </tr> <tr height="16%"> <td><img widht="90" height="90" style="margin-bottom: -3px;" src="http://forumavatars.ru/img/avatars/0000/14/1c/28211-1325969344.gif"></td><td valign="top" align="left"><span id="fontos"><a href="ссылка на тему">Заголовок</a></span></td><td align="center">текст текст текст текст текст текст</td><td valign="top"><div id="smak">Новости Мира</div></td> </tr> <tr height="16%"> <td><img widht="90" height="90" style="margin-bottom: -3px;" src="http://forumavatars.ru/img/avatars/0000/14/1c/28211-1325969344.gif"></td><td valign="top" align="left"><span id="fontos"><a href="ссылка на тему">Заголовок</a></span></td><td align="center">текст текст текст текст текст текст</td><td valign="top"><div id="smak">Новости Мариуполя</div></td> </tr> <tr height="16%"> <td><img widht="90" height="90" style="margin-bottom: -3px;" src="http://forumavatars.ru/img/avatars/0000/14/1c/28211-1325969344.gif"></td><td valign="top" align="left"><span id="fontos"><a href="ссылка на тему">Заголовок</a></span></td><td align="center">текст текст текст текст текст текст</td><td valign="top"><div id="smak">Новости Украины</div></td> </tr> <tr height="16%"> <td><img widht="90" height="90" style="margin-bottom: -3px;" src="http://forumavatars.ru/img/avatars/0000/14/1c/28211-1325969344.gif"></td><td valign="top" align="left"><span id="fontos"><a href="ссылка на тему">Заголовок</a></span></td><td align="center">текст текст текст текст текст текст</td><td valign="top"><div id="smak">Новости Мира</div></td> </tr> </table> </div> <div id="ann_top" style="width:98%; height: 30%; padding: 3px;"> <!-- Последние темы --> </div> </td> <td width="20%" align="center" valign="top"> <div style="width:97%; height: 30%; text-align: center; padding: 3px;"> <span id="fontos">Справочник</span> <hr id="hih"> <p id="pada"><a href="ссылка на подфорум">Ветеринария</a></p> <hr id="hih"> <p id="pada"><a href="ссылка на подфорум">Зоомагазины</a></p> <hr id="hih"> <p id="pada"><a href="ссылка на подфорум">Зоогостиницы</a></p> <hr id="hih"> </div> <div style="width:97%; height: 70%; text-align: center; padding: 3px;"> <span id="fontos">Реклама</span> <br/><br/> <img widht="130" height="130" src="http://forumavatars.ru/img/avatars/0000/14/1c/28211-1325969344.gif"> <br/> <img widht="130" height="130" src="http://forumavatars.ru/img/avatars/0000/14/1c/28211-1325969344.gif"> <br/> <img widht="130" height="130" src="http://forumavatars.ru/img/avatars/0000/14/1c/28211-1325969344.gif"> <br/> <img widht="130" height="130" src="http://forumavatars.ru/img/avatars/0000/14/1c/28211-1325969344.gif"> </div> </td></tr> </table>
Html-низ:
<script type="text/javascript"> if(document.URL=="http://"+ location.hostname + "/"){ $(function(){ $('#ann_top').prepend('<div style="widht: 100%; height: 200px; overflow: auto;"><table id="bib" cellspacing="0" border=0 width=100%><tr><th scope="col" width=100%>Последние темы на форуме</th></tr></table></div>'); $.get('export.php?type=rss','',processXML); function processXML(data){ $(data).find('item:lt(10)').each(function(){ var JTitle=$(this).find('title').text(); var JLink=$(this).find('link').text(); $('#bib').append('<tr align=left><td><img style="margin-right: 5px;" src="http://s017.radikal.ru/i427/1201/ed/29ab270ede15.jpg"><a href="'+ JLink +'">'+ JTitle +'</a></td></tr>'); }); } });} </script>
Rion Leonheart
тестить буду ночью что бы никого из посетителей не напугать
Как только проведу опыты сразу отпишусь вам
Rion Leonheart
Спасибо большое за терпение и работу)
Я красным нарисовала как нужно
Чо сразу не сказали, шо в один ряд усе... Обновите.
Объявление:
<style> #hih {color: #C3A55D} #fontos {font-size: 140%; font-weight: bold;} #pada {padding-top: 1em; padding-bottom: 1em;} #smak {font-size: 85%; text-align: right;} </style> <table style="width: 100%; text-align: center; font-family: 'Times New Roman', sans-serif; font-size: 13px; border-color: #C3A55D;" border="1" cellpadding="0" cellspacing="0"> <tr><td width="20%" align="center" valign="top"> <div style="width:97%; height: 70%; text-align: center; padding: 3px;"> <span id="fontos"><center><img src="http://s004.radikal.ru/i208/1201/fc/98b5a024366f.jpg"></center></span> <hr id="hih"> <p id="pada"><a href="http://moksu.mybb.ru/viewforum.php?id=31"><font size="3"><b>Щенки, собаки</b></font></a></p> <hr id="hih"> <p id="pada"><a href="http://moksu.mybb.ru/viewforum.php?id=30"><font size="3"><b>Котята, кошки, коты</b></font></a></p> <hr id="hih"> <p id="pada"><a href="http://moksu.mybb.ru/viewforum.php?id=113"><font size="3"><b>Грызуны</b></font></a></p> <hr id="hih"> <p id="pada"><a href="http://moksu.mybb.ru/viewforum.php?id=114"><font size="3"><b>Птицы</b></font></a></p> <hr id="hih"> <p id="pada"><a href="http://moksu.mybb.ru/viewforum.php?id=34"><font size="3"><b>Другие животные</b></font></a></p> <hr id="hih"> <p id="pada"><a href="http://moksu.mybb.ru/viewforum.php?id=121"><font size="3"><b>Товары для животных</b></font></a></p> <hr id="hih"> <p id="pada"><a href="http://moksu.mybb.ru/viewforum.php?id=64"><font size="3"><b>Отдадим, возьмем в дар</b></font></a></p> <hr id="hih"> <p id="pada"><a href="http://moksu.mybb.ru/viewforum.php?id=125"><font size="3"><b>Вязки</b></font></a></p> <hr id="hih"> <p id="pada"><a href="http://moksu.mybb.ru/viewforum.php?id=33"><font size="3"><b>Услуги</b></font></a></p> <hr id="hih"> <p id="pada"><a href="http://moksu.mybb.ru/viewforum.php?id=63"><font size="3"><b>Пропажи и находки</b></font></a></p> <hr id="hih"> </div> <div style="width:97%; height: 30%; text-align: center; padding: 3px;"> <span id="fontos"><center><img src="http://s004.radikal.ru/i207/1201/8f/7c5b8f8f8db6.jpg"></center></span> <p><font size="3"><b>17 - 18 марта - Учебно-практический семинар<br/>Проводит организация УФСС</b></font></p> <br/> <p><font size="3"><b>24 марта - большой ринг <br/>Проводит организация УФСС</b></font></p> <a href="http://moksu.mybb.ru/viewtopic.php?id=100">Посмотреть весь анонс</a> <br/> <br/> <a href="http://moksu.mybb.ru/viewtopic.php?id=23"><img src="http://s14.radikal.ru/i187/1201/32/a25672a01e8d.jpg"></a> </div> </td><td width="60%" align="center" valign="top"> <div style="width:99%; height: 70%; padding: 3px;"> <table style="width: 100%; height: 96%;" border="0" cellpadding="1" cellspacing="2"> <tr height="16%"> <td width="10%" rowspan="2"><img widht="90" height="90" style="margin-bottom: -3px;" src="http://s017.radikal.ru/i410/1201/09/04cf8403db6f.jpg"></td> <td width="90%" valign="top" align="left"> <div id="fontos"><a href="http://moksu.mybb.ru/viewtopic.php?id=367">Оксана Стороженко - Врач от Бога</a></div><div id="smak">Новости Мариуполя</div></td></tr> <tr><td> <p>Нам с детства каждому знакомо слово - Красота. Точного определения этого понятия, наверное, не знает никто. Безусловно, у разных людей восприятие красоты - индивидуально, но иногда мнения многих совпадают.</p> <hr id="hih"> </td> </tr> <tr height="16%"> <td width="10%" rowspan="2"><img widht="90" height="90" style="margin-bottom: -3px;" src="http://s002.radikal.ru/i197/1201/c1/ed9b606d4c64.jpg"></td> <td valign="top" align="left"> <div id="fontos"><a href="http://moksu.mybb.ru/viewtopic.php?id=392">Открытое письмо зоозащитных организаций Украины</a></div><div id="smak">Новости Украины</div></td> </tr> <tr><td> <p>Активисты региональных организаций защиты животных Накануне Евро-2012 г. группа лиц, представляющая финансовые интересы коммунальных предприятий и отдельных частных фирм, которые производят средства отлова и умерщвления, умышленно компрометирует зоозащитников Украины и от их лица пропагандирует тотальное уничтожение бездомных животных.</p> <hr id="hih"> </td> </tr> <tr height="16%"> <td width="10%" rowspan="2"><img widht="90" height="90" style="margin-bottom: -3px;" src="http://s58.radikal.ru/i159/1201/ae/52b0a7ef4d64.jpg"></td> <td valign="top" align="left"> <div id="fontos"><a href="http://moksu.mybb.ru/viewtopic.php?id=383">Мариупольцев просят подкармливать бездомных животных</a></div><div id="smak">Новости Мариуполя</div></td> </tr> <tr><td> <p>Из-за того, что в Мариуполе нет и по видимому пока не будет приюта для бездомных кошек и собак, не дать им умереть голодной смертью в наступившие холода могут лишь неравнодушные горожане.</p> <hr id="hih"> </td> </tr> <tr height="16%"> <td width="10%" rowspan="2"><img widht="90" height="90" style="margin-bottom: -3px;" src="http://s018.radikal.ru/i518/1201/75/d3f879352800.jpg"></td> <td valign="top" align="left"> <div id="fontos"><a href="http://moksu.mybb.ru/viewtopic.php?id=361">В Мариуполе котенок три дня провел на дереве</a></div><div id="smak">Новости Мариуполя</div></td> </tr> <tr><td> <p>В течение трех суток жители домов, расположенных по ул.Сеченова в Ильичевском районе, пытались спасти котенка, забравшегося на высокое дерево.</p> <hr id="hih"> </td> </tr> <tr height="16%"> <td width="10%" rowspan="2"><img widht="90" height="90" style="margin-bottom: -3px;" src="http://s018.radikal.ru/i526/1201/3f/9f910a80c934.jpg"></td> <td valign="top" align="left"> <div id="fontos"><a href="http://moksu.mybb.ru/viewtopic.php?id=382">В Мариуполе готовы бесплатно научить любого пса спасать людей</a></div><div id="smak">Новости Мариуполя</div></td> </tr> <tr><td> <p>В Мариуполе собак-спасателей начали тренировать с 2007 года. В настоящее время спасательный «собачий отряд» уже сотрудничает с городской организацией общества Красного Креста.</p> <hr id="hih"> </td> </tr> <tr height="16%"> <td width="10%" rowspan="2"><img widht="90" height="90" style="margin-bottom: -3px;" src="http://s018.radikal.ru/i503/1201/22/619847923204.jpg"></td> <td valign="top" align="left"> <div id="fontos"><a href="http://moksu.mybb.ru/viewtopic.php?id=393">Ветеринарным клиникам снова разрешили использовать кетамин</a></div><div id="smak">Новости Украины</div></td> </tr> <tr><td> <p>Борьба ветеринаров за кетамин — самое распространенное средство для наркоза животных — длилась год. Напомним, в январе прошлого года правительство отнесло кетамин к психотропным веществам.</p> <hr id="hih"> </td> </tr> </table> </div> <div id="ann_top" style="width:98%; height: 30%; padding: 3px;"> <!-- Последние темы --> </div> </td> <td width="20%" align="center" valign="top"> <div style="width:97%; height: 30%; text-align: center; padding: 3px;"> <span id="fontos"><center><img src="http://s51.radikal.ru/i134/1201/d8/ff30b5d47d21.jpg"></center></span> <hr id="hih"> <p id="pada"><a href="http://moksu.mybb.ru/viewtopic.php?id=11"><font size="3"><b>Ветеринария</b></font></a></p> <hr id="hih"> <p id="pada"><a href="http://moksu.mybb.ru/viewtopic.php?id=97"><font size="3"><b>Зоомагазины</b></font></a></p> <hr id="hih"> <p id="pada"><a href="http://moksu.mybb.ru/viewtopic.php?id=96"><font size="3"><b>Зоогостиницы</b></font></a></p> <hr id="hih"> <p id="pada"><a href="http://moksu.mybb.ru/viewtopic.php?id=95"><font size="3"><b>Зоосалоны</b></font></a></p> <hr id="hih"> <p id="pada"><a href="http://moksu.mybb.ru/viewforum.php?id=119"><font size="3"><b>Клубы и организации</b></font></a></p> <hr id="hih"> <p id="pada"><a href="http://moksu.mybb.ru/viewforum.php?id=66"><font size="3"><b>Питомники собак</b></font></a></p> <hr id="hih"> <p id="pada"><a href="http://moksu.mybb.ru/viewforum.php?id=91"><font size="3"><b>Питомники кошек</b></font></a></p> <hr id="hih"> <p id="pada"><a href="http://moksu.mybb.ru/viewtopic.php?id=98"><font size="3"><b>Дрессировщики</b></font></a></p> <hr id="hih"> <p id="pada"><a href="http://moksu.mybb.ru/viewtopic.php?id=99"><font size="3"><b>Хендлера</b></font></a></p> <hr id="hih"> <p id="pada"><a href="http://moksu.mybb.ru/viewtopic.php?id=349"><font size="3"><b>Фотографы</b></font></a></p> <hr id="hih"> </div> <div style="width:97%; height: 70%; text-align: center; padding: 3px;"> <span id="fontos"><center><img src="http://s018.radikal.ru/i526/1201/4a/54812e8b1bc4.jpg"></center></span> <a href="http://moksu.mybb.ru/viewtopic.php?id=126#p453"><img src="http://s017.radikal.ru/i406/1201/37/81b160d99169.jpg"></a> <br/> <a href="http://moksu.mybb.ru/viewtopic.php?id=26"><img src="http://s015.radikal.ru/i333/1201/c0/65d9289d29dd.jpg"></a> </td></tr> </table>
Html-низ:
<script type="text/javascript"> if(document.URL=="http://"+ location.hostname + "/"){ $(function(){ $('#ann_top').prepend('<div style="font-size: 110%;"><table id="bib" cellspacing="0" border=0 width=100%><tr><th scope="col" width=100%>Последние темы на форуме</th></tr></table></div>'); $.get('export.php?type=rss','',processXML); function processXML(data){ $(data).find('item:lt(10)').each(function(){ var JTitle=$(this).find('title').text(); var JLink=$(this).find('link').text(); $('#bib').append('<tr align=left><td><img style="margin-right: 5px;" src="http://s017.radikal.ru/i427/1201/ed/29ab270ede15.jpg"><a href="'+ JLink +'">'+ JTitle +'</a></td></tr>'); }); } });} </script>
Картинка:
Размер примерно как тут: http://qwweee.mybb.ru
Форум: http://sobakivoinasvor.mybb.ru
Прокрутка указана на рисунке. А также если нажать на кнопки внизу, то инфа должна быть в левом квадрате
Если можно то граници сделать с закругными краями.
Я и только Я, картинка в правой части каких точных размеров?
Rion Leonheart
Честно незнаю... Решите сами, но если надо то подумаю...
Чо сразу не сказали, шо в один ряд усе... Обновите.
Я думала это понятно по картинке.
Скажите пожалуйста где именно меняется размер длинны вот этих полей, а то они такие узенькие стали (((
А так все отличненько
Я думала это понятно по картинке.
По картинке было понятно, шо ждя каждого текста своя ячейка.
Скажите пожалуйста где именно меняется размер длинны вот этих полей, а то они такие узенькие стали (((
Вы когда обновляли таблицу - куда кусок стиля дели?
<style> #hih {color: #C3A55D} #fontos {font-size: 140%; font-weight: bold;} #pada {padding-top: 1em; padding-bottom: 1em;} #smak {font-size: 85%; text-align: right;} </style>
Отредактировано Rion Leonheart (Сб, 21 Янв 2012 18:55:41)
Вы когда обновляли таблицу - куда кусок стиля дели?
я маша растеряша
Теперь все как нужно
Еще раз спасибо вам большое прибольшое
Вы здесь » Единый форум поддержки » Корзина » Таблицы на заказ (13)