Search the Community
Showing results for tags 'Таб'.
-
Собственно вопрос в заголовке, проблема такова: в пределах таба ссылка работает, а при попытке сослаться на якорь в другом табе, ничего не происходит, как можно решить проблему? типовая страница сайта http://travelsbase.ru/index.php/leningradskaya/goluboe , если нужен исходник вставлю код.
-
Добрый день! Прошу помочь разобраться с багом. При смене таба, а потом возврате в первый содержимое таба пропадает. Вот ссылка на страницу с багом http://root.donkos.esy.es/card.html и скрин http://prntscr.com/62wjl8 , а это скрин с результатом ошибки http://prntscr.com/62wk8q . Заранее благодарю!
-
Как реализовать раскрывающееся действие, как в этой карточке товара, в таблице. Снизу кнопка, при нажатии раскрываются еще строки в таблице, для того чтобы, если таблица длинная, скрыть ее Вот собственно пример хотимый: http://kipservis.ru/datchiki_temperatury/ts_pogruzhniye_pt100.htm
-
Всем привет!) сверстал страницу для почтовой рассылки http://juliastepanets.com/email/email.html у меня есть наслоение на странице, наслоение иконок и надписей на конверт потом вставил в gmail, оказалось что почтовики не читают "минусы" - "margin: -100px;" "position relative" и "adsolute" - почта тоже не видит, и выходит так: http://goo.gl/vF54d0 : Пожалуйста подскажите как выполнить наложение таблиц в гмейле? Спасибо!))
-
Есть такой http://www.optimaservis.su/reagenty/ каталог на Табах. Когда посетитель кликает на ссылку подробно на товаре в табе ROCKMELT, а затем возвращается назад из-из checked он по опять попадает во вкладку Аквайс что надо сделать чтобы клиент перешедший на вкладку ROCKMELT и посмотрев подробное описание товара, при нажатии кнопки назад в браузере попадал назад во вкладку ROCKMELT? В самих каталогах обратные ссылки расставлены якорями... Ссылка на код тут http://jsfiddle.net/aLebxaxu/2/ Всю голову сломал второй день ковыряю. Какие средства для этого использовать не важно главное чтоб правильно работало и была возможность добавить еще вкладок...
-
как сверстать такую таблицу?
-
http://codepen.io/anon/pen/gbtcf уверен, там какая-то маленькая ошибка. Таб простой дико и ясен. Нужный эффект при active у меня записан как .menu li:active{...}, а скрипт дает значение active только когда не .menu li:active, а .menu a: active. И в скрипте менял хоть убей, но не то) и чего-то не удаляет класы перед назначием нового
-
вот весь код http://codepen.io/anon/pen/hcyka Проблема в том, что при выборе пункта, он не остается активным, до выбора следующего. Я смотрел все темы на этом форуме и ничего не нашел для моего случая. Главная загвоздка в том, что блок, где отображается инфа и блок, где пункты меню - не должны быть вместе, а раздельно (т.к. пункты должны быть в меню, которое выезжает сбоку, а контент закреплен отдельно от меню) прошу, сделайте мне кодик) там я так понимаю надо дописать js. А я в js не шарю почти) Всем зарание спасибо огромное.
-
Нужно чтобы при нажатии другие блоки убирались, а не перекрывались. БЕЗ скриптов. /* 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>
-
Здравствуйте! Помогите пожалуйста мне с таблицей. Вот в чем дело: мне нужно, чтобы на сайте было две центральные таблицы: Меню и Просмотр чего-либо. Именно с ними у мня возникли проблемы. Мне нужно такое расположение: Меню Просмотр чего-либо Просмотр чего-либо Просмотр чего-либо Ссылка 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>
-
Подскажите как правильно создать таблицу с помощью тегов 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>Заранее благодарю за ответ.
-
Нужно сверстать документ для e-mail. Только табличная вёрстка, без маппинга изображений, без внешних CSS только инлайн. Конкретно интересует средняя часть с товаром. Все ссылки должны быть рабочими. Помогите пож. http://files.mail.ru/7D4CF09A3BBD4125BD2E8110F6B8A7DE?t=1
-
Привет всем. Я изучаю html и css чуть более недели. На данный момент выполняю учебную верстку. Встала проблема с выравниванием текста в одну строку как показано на рис. то что получилось у меня на рис.2 собственно проблемы следующие возникли: при изменении размера ячейки (write comment) меняется также и размер самой верхней ячейки (12). Буду благодарен если посмотрите мой html и css код перейдя по ссылке. http://zalil.ru/34662928.
-
Помогите пожалуйста с неправильным отображением ширины таблицы на главной сайта 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 воспринимает правильно, а остальные браузеры нет(
-
Пытался сделать резиновую таблицу, чтобы ячейки слева - распределялись равномерно, относительно центральной - при увеличении в ней контента. Для этого сделал несколько ячеек с заданными пропорциями и несколько без . Но растягивается только нижняя, пробовал всё: проценты, 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> код