Jump to content

Search the Community

Showing results for tags 'Таб'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Development
    • HTML Coding
    • JavaScript
    • PHP
    • CMS
    • Database
    • Web Server
    • Web-site Development
    • Internet Marketing, SEO
  • Library
    • Tricks and solutions
    • Books
  • Commercial services
    • Freelance
    • Job
    • Goods and Services
  • Our Forum
    • Flame
    • Contests
    • Feedback and Ideas

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Web site


Telegram


Signal


Viber


Skype


From


Interests

Found 15 results

  1. Собственно вопрос в заголовке, проблема такова: в пределах таба ссылка работает, а при попытке сослаться на якорь в другом табе, ничего не происходит, как можно решить проблему? типовая страница сайта http://travelsbase.ru/index.php/leningradskaya/goluboe , если нужен исходник вставлю код.
  2. Добрый день! Прошу помочь разобраться с багом. При смене таба, а потом возврате в первый содержимое таба пропадает. Вот ссылка на страницу с багом http://root.donkos.esy.es/card.html и скрин http://prntscr.com/62wjl8 , а это скрин с результатом ошибки http://prntscr.com/62wk8q . Заранее благодарю!
  3. Как реализовать раскрывающееся действие, как в этой карточке товара, в таблице. Снизу кнопка, при нажатии раскрываются еще строки в таблице, для того чтобы, если таблица длинная, скрыть ее Вот собственно пример хотимый: http://kipservis.ru/datchiki_temperatury/ts_pogruzhniye_pt100.htm
  4. Всем привет!) сверстал страницу для почтовой рассылки http://juliastepanets.com/email/email.html у меня есть наслоение на странице, наслоение иконок и надписей на конверт потом вставил в gmail, оказалось что почтовики не читают "минусы" - "margin: -100px;" "position relative" и "adsolute" - почта тоже не видит, и выходит так: http://goo.gl/vF54d0 : Пожалуйста подскажите как выполнить наложение таблиц в гмейле? Спасибо!))
  5. Есть такой http://www.optimaservis.su/reagenty/ каталог на Табах. Когда посетитель кликает на ссылку подробно на товаре в табе ROCKMELT, а затем возвращается назад из-из checked он по опять попадает во вкладку Аквайс что надо сделать чтобы клиент перешедший на вкладку ROCKMELT и посмотрев подробное описание товара, при нажатии кнопки назад в браузере попадал назад во вкладку ROCKMELT? В самих каталогах обратные ссылки расставлены якорями... Ссылка на код тут http://jsfiddle.net/aLebxaxu/2/ Всю голову сломал второй день ковыряю. Какие средства для этого использовать не важно главное чтоб правильно работало и была возможность добавить еще вкладок...
  6. как сверстать такую таблицу?
  7. http://codepen.io/anon/pen/gbtcf уверен, там какая-то маленькая ошибка. Таб простой дико и ясен. Нужный эффект при active у меня записан как .menu li:active{...}, а скрипт дает значение active только когда не .menu li:active, а .menu a: active. И в скрипте менял хоть убей, но не то) и чего-то не удаляет класы перед назначием нового
  8. вот весь код http://codepen.io/anon/pen/hcyka Проблема в том, что при выборе пункта, он не остается активным, до выбора следующего. Я смотрел все темы на этом форуме и ничего не нашел для моего случая. Главная загвоздка в том, что блок, где отображается инфа и блок, где пункты меню - не должны быть вместе, а раздельно (т.к. пункты должны быть в меню, которое выезжает сбоку, а контент закреплен отдельно от меню) прошу, сделайте мне кодик) там я так понимаю надо дописать js. А я в js не шарю почти) Всем зарание спасибо огромное.
  9. Нужно чтобы при нажатии другие блоки убирались, а не перекрывались. БЕЗ скриптов. /* css таба */ .tabs { position: relative; min-height: 350px; font-family: calibri; color: #404C59; } .tab { float: left; } .tab label { background:#ccc; ; position: relative; left: 1px; padding: 10px; background-color: #E6E6E6; } .tab [type=radio] { display: none; } .content { position: absolute; left: 0; background: #FAFAFA; right: 0; margin-top: 10px; padding:10px; } [type=radio]:checked ~ label { background: #FAFAFA; z-index: 2; } [type=radio]:checked ~ label ~ .content { z-index: 1; } .tg {border-collapse:collapse;border-spacing:0;} .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;} .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;} .tg .tg-s6z2{text-align:center} .tg .tg-j1h2{font-size:x-large;font-family:"Lucida Console", Monaco, monospace !important;;text-align:center} .tg .tg-a0td{font-size:100%} .tg .tg-mysd{font-size:18px;font-family:"Lucida Console", Monaco, monospace !important;;text-align:center} .tg .tg-g8f1{font-size:100%;text-align:center} .tg {border-collapse:collapse;border-spacing:0;} .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;} .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;} .tg .tg-s6z2{text-align:center} .tg .tg-y5uk{font-weight:bold;font-style:italic;font-size:large;text-align:center} .tg .tg-xloo{font-weight:bold;font-style:italic;font-size:medium;background-color:#f2cf44;text-align:center} <!-- HTML --> <html> <body> <div class="tabs"> <div class="tab"> <input type="radio" id="tab-1" name="tab-group-1" checked> <label for="tab-1">Полиграфия</label> <div class="content"> <p> <table class="tg" style="table-layout: fixed; width: 299px; float:left; "> <colgroup> <col style="width: 145px"> <col style="width: 49px"> <col style="width: 54px"> <col style="width: 51px"> </colgroup> <tr> <th class="tg-mysd" rowspan="2">ТИП ПРОДУКЦИИ</th> <th class="tg-j1h2" colspan="3">ЦЕНА</th> </tr> <tr> <td class="tg-g8f1">USD</td> <td class="tg-g8f1">RUB</td> <td class="tg-a0td">UAH</td> </tr> <tr> <td class="tg-031e">Билборд</td> <td class="tg-s6z2">100</td> <td class="tg-s6z2">3500</td> <td class="tg-s6z2">1200</td> </tr> <tr> <td class="tg-031e">Буклет</td> <td class="tg-s6z2">40</td> <td class="tg-s6z2">1400</td> <td class="tg-s6z2">480</td> </tr> <tr> <td class="tg-031e">Флаер</td> <td class="tg-s6z2">30</td> <td class="tg-s6z2">1050</td> <td class="tg-s6z2">360</td> </tr> <tr> <td class="tg-031e">Дисконт карты</td> <td class="tg-s6z2">30</td> <td class="tg-s6z2">1050</td> <td class="tg-s6z2">360</td> </tr> <tr> <td class="tg-031e">Визитки</td> <td class="tg-s6z2">5</td> <td class="tg-s6z2">175</td> <td class="tg-s6z2"></td> </tr> </table> </p> </div> </div> <div class="tab"> <input type="radio" id="tab-2" name="tab-group-1"> <label for="tab-2">Закладка №2</label> <div class="content"> <p> </p> <img src="http://placekitten.com/200/100"> </div> </div> <div class="tab"> <input type="radio" id="tab-3" name="tab-group-1"> <label for="tab-3">Закладка №3</label> <div class="content"> <p>Содержание закладки №3</p> <img src="http://placedog.com/200/100"> </div> </div> <div class="tab"> <input type="radio" id="tab-4" name="tab-group-1"> <label for="tab-4">Закладка №4</label> <div class="content"> <p>Содержание закладки №4</p> <img src="http://placedog.com/200/100"> </div> </div> </div> </body> </html>
  10. Здравствуйте! Помогите пожалуйста мне с таблицей. Вот в чем дело: мне нужно, чтобы на сайте было две центральные таблицы: Меню и Просмотр чего-либо. Именно с ними у мня возникли проблемы. Мне нужно такое расположение: Меню Просмотр чего-либо Просмотр чего-либо Просмотр чего-либо Ссылка 1 Просмотр чего-либо Просмотр чего-либо Просмотр чего-либо Меню Просмотр чего-либо Просмотр чего-либо Просмотр чего-либо Ссылка 2 Просмотр чего-либо Просмотр чего-либо Просмотр чего-либо Меню Просмотр чего-либо Просмотр чего-либо Просмотр чего-либо Ссылка 3 Просмотр чего-либо Просмотр чего-либо Просмотр чего-либо Меню Просмотр чего-либо Просмотр чего-либо Просмотр чего-либо Ссылка 4 Просмотр чего-либо Просмотр чего-либо Просмотр чего-либо Меню Просмотр чего-либо Просмотр чего-либо Просмотр чего-либо Но у меню Меню и Просмотр... совмещаются, а когда я делаю из них две разные таблицы, то одна переходит на новую строку, как сделать их на одной строке? Если не трудно, напишите код всей страницы, пожалуйста. Вот код: <HTML> <HEAD> <TITLE> </TITLE> <META charset="utf-8"> </HEAD> <BODY bgcolor="4e4949"> <FONT size="+2"> <!--Шапка сайта--> <P> <TABLE width="1000" height="120" border="1" bordercolor="FFCC00"> <TR> <TD>Всем привет!</TD> </TR> </TABLE> </P> <!--Центр страницы. Здесь можно будет читать книги.--> <P> <TABLE border="1"><!--Тело сайта--> <DIV align="left"> <TR> <TD>Жанры</TD> </TR> <TR> <TD>Стихотворения</TD> </TR> <TR> <TD>Романы</TD> </TR> <TR> <TD>Детективы</TD> </TR> </DIV> </TABLE> </P> <!--Подвал сайта--> <P> <TABLE width="1000" height="50" border="1"> <TR> <TD>Сделал Я!</TD> </TR> </TABLE> </P> </FONT> </BODY></HTML>
  11. Подскажите как правильно создать таблицу с помощью тегов div. Я пытался, но она выходит не идеально. При изменении масштаба, колонки "плывут". <html> <head> <title></title> </head> <body> <div style =" width: 300px; height:210px; float:left; border: 1px solid; " > Text </div> <div style =" width: auto; height:auto; float:left; border:0px; " > <div style =" width: 300px; height:auto; float:left; margin: 0px 1px 1px; border: 0px solid; " > <div style =" width: initial; height:50px; border: 1px solid; " > </div> <div style =" width: initial; height:50px; margin-top:1px ; border: 1px solid; " > </div> <div style =" width: initial; height:50px; margin-top:1px ; border: 1px solid; " > </div> </div> <div style =" width: 300px ; height:157px; float:left; margin: 0px 1px 1px ; " > <div style =" width: initial; height:103px; border: 1px solid; " > </div> <div style =" width: initial; height:50px; margin-top:1px ; border: 1px solid; " > </div> </div> </div> <div style =" width: 600px ; height:50px; float:left; margin: 1px ; border: 1px solid; " > </div> </body></html>Заранее благодарю за ответ.
  12. Нужно сверстать документ для e-mail. Только табличная вёрстка, без маппинга изображений, без внешних CSS только инлайн. Конкретно интересует средняя часть с товаром. Все ссылки должны быть рабочими. Помогите пож. http://files.mail.ru/7D4CF09A3BBD4125BD2E8110F6B8A7DE?t=1
  13. Привет всем. Я изучаю html и css чуть более недели. На данный момент выполняю учебную верстку. Встала проблема с выравниванием текста в одну строку как показано на рис. то что получилось у меня на рис.2 собственно проблемы следующие возникли: при изменении размера ячейки (write comment) меняется также и размер самой верхней ячейки (12). Буду благодарен если посмотрите мой html и css код перейдя по ссылке. http://zalil.ru/34662928.
  14. Помогите пожалуйста с неправильным отображением ширины таблицы на главной сайта netvirusu.net В Google Chrome отображается таблица правильно: http://s018.radikal.ru/i526/1306/2d/2598ddd51c1d.png А в Oper'e, Mozill'e, IE последних версиях таблица растягивается: http://s017.radikal.ru/i421/1306/b8/13e04425a4b9.png Основную ширину таблицы в стиле задал - width: 800px; Google Chrome воспринимает правильно, а остальные браузеры нет(
  15. Пытался сделать резиновую таблицу, чтобы ячейки слева - распределялись равномерно, относительно центральной - при увеличении в ней контента. Для этого сделал несколько ячеек с заданными пропорциями и несколько без . Но растягивается только нижняя, пробовал всё: проценты, importan-ы, auto, fixed. Неужели таблица настолько тупая вещь и функционирует только равномерное распределений столбцов, а строки по нулям? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <table border="1" width=500> <tr> <td colspan=4 height=20></td> </tr> <tr> <td>-</td><td>-</td><td>-</td><td>-</td> </tr> <tr> <td>-</td><td rowspan=5 colspan=2><br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text</td><td>-</td> </tr> <tr> <td rowspan=5>-</td> </tr> <tr> <td height=20>-</td> </tr> <tr> <td>-</td> </tr> <tr> <td height=20>-</td> </tr> <tr> <td colspan=4>-</td> </tr> </table> </body> </html> код
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy