Adlaran
-
Posts
9 -
Joined
-
Last visited
Adlaran's Achievements
Explorer (1/14)
0
Reputation
-
Проблема: Две колонки на дивах. Первая растягивающаяся, у неё задан отступ справа, вторая такого же размера, что и отступ, и обтекает справа первую. Если в первую колонку вставить объект, ширина которого больше ширины экрана минус отступ, то этот объект начинает вылезать за границы колонки, а хотелось бы, чтоб колонка растягивалась под размер объекта (пусть даже от этого в окне появится горизонтальная полоса прокрутки), а вторая колонка по прежнему находилось справа от первой. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>ы</title> <style type="text/css"> .main { margin: 0 176px 0 0; border: 1px solid #333333; min-height: 400px; } .right{ float: right; padding: 0; width: 176px; background: #7592B7; min-height: 400px; } </style> </head> <body> <div class="right"> </div> <div class="main"> <table border="1"> <tr><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td></tr> </table> </div> </body> </html> Буду благодарен за помощь в решении этой проблемы.
-
В общем, спасибо за небольшое внимание, но помощь уже не нужна. Я перелопатил гугловский js-ник, чтоб всё дивами выводилось, так что проблемы уже нет.
-
Да всё что нужно, это установить обтекание для ячеек таблицы в ie7. Вот в нём у меня вот так: А в других браузерах, в том числе ie больших версий, так, как нужно: Как я уже писал, скрипт выводит картинки с ссылками на видео в однострочной таблице, по этому кусок соответствующий кусок кода выглядит примерно так: <table> <tbody> <tr> <td> <div> <img height="75" width="100" vspace="1" src=""> </div> </td> <td> <div> <img height="75" width="100" vspace="1" src=""> </div> </td> <td> <div> <img height="75" width="100" vspace="1" src=""> </div> </td> <td> <div> <img height="75" width="100" vspace="1" src=""> </div> </td> <td> <div> <img height="75" width="100" vspace="1" src=""> </div> </td> <td> <div> <img height="75" width="100" vspace="1" src=""> </div> </td> <td> <div> <img height="75" width="100" vspace="1" src=""> </div> </td> <td> <div> <img height="75" width="100" vspace="1" src=""> </div> </td> </tr> </tbody> </table> Можете у себя так же попробовать. Вот этот скрипт, можете поставить его на пустую страницу и поизменять ширину окна браузера и посмотреть как отображается в мозилле(как хотелось бы), и как это в ie выглядит. <!-- ++Begin Video Bar Wizard Generated Code++ --> <!-- // Created with a Google AJAX Search Wizard // http://code.google.com/apis/ajaxsearch/wizards.html --> <!-- // The Following div element will end up holding the actual videobar. // You can place this anywhere on your page. --> <div id="videoBar-bar"> <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span> </div> <!-- Ajax Search Api and Stylesheet // Note: If you are already using the AJAX Search API, then do not include it // or its stylesheet again --> <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-vbw" type="text/javascript"></script> <style type="text/css"> @import url("http://www.google.com/uds/css/gsearch.css"); </style> <!-- Video Bar Code and Stylesheet --> <script type="text/javascript"> window._uds_vbw_donotrepair = true; </script> <script src="http://www.google.com/uds/solutions/videobar/gsvideobar.js?mode=new" type="text/javascript"></script> <style type="text/css"> @import url("http://www.google.com/uds/solutions/videobar/gsvideobar.css"); </style> <style type="text/css"> .playerInnerBox_gsvb .player_gsvb { width : 320px; height : 260px; } .resultCell_gsvb{ float: left; } </style> <script type="text/javascript"> function LoadVideoBar() { var videoBar; var options = { largeResultSet : true, horizontal : true, autoExecuteList : { cycleTime : GSvideoBar.CYCLE_TIME_MEDIUM, cycleMode : GSvideoBar.CYCLE_MODE_LINEAR, executeList : ["ytfeed:most_viewed.this_week","ytchannel:fordmodels"] } } videoBar = new GSvideoBar(document.getElementById("videoBar-bar"), GSvideoBar.PLAYER_ROOT_FLOATING, options); } // arrange for this function to be called during body.onload // event processing GSearch.setOnLoadCallback(LoadVideoBar); </script> <!-- ++End Video Bar Wizard Generated Code++ -->
-
Пытаюсь встроить содержимое одного из канала youtube на сайт с помощью гугловского же видеобара. http://www.google.com/uds/solutions/wizards/videobar.html В настройках можно установить вертикальную и горизонтальную ориентацию бара. Скрипт выводит картинки с ссылками на видео в однострочной таблице (при горизонтальной ориентации бара), в каждой ячейке по изображению. Однако мне нужно было устроить что-то по типу видео галлереи: чтоб все не влезающие в строку ячейки переносились на следующую. Попробовал так сделать: для бара установил горизонтальную ориентацию, а так же, чтоб он выводил все видеозаписи канала, а не последние четыре. В стилях ячеек таблицы поставил float: left;. Всё бы было хорошо, однако ie7 никак не реагирует на обтекание. Пробовал ставить различный display для таблицы, ячейки, строки - всё без толку. В общем, суть в том, что нужно сделать обтекание ячеек таблицы для ie7. Подскажите, пожалуйста, как это можно сделать, или подскажите вариант, как можно сделать подобную галлерею с учётом того, что html нам скрипт выдаёт сам, и можно изменять только стили таблицы.
-
Вот код.(только картинку надо вставить так где src="Sign.jpg") Если ставлю clear по левой или правой стороне, то линия устанавливается по высоте соответственно левой или правой колонки. Если для изображения делаю блок и этому блоку ставлю overflow: hidden, то текст перестаёт обтекать изображение.
-
Проблема: линия обтекается картинкой. Если для линии устанавливаешь clear, то становится вот так: т.к. для боковых колонок установлено обтекание А нужно вот так:
-
Когда верстал трёхколонночый макет обтеканием возникала одна проблемка. Если в одной из колонок используешь обтекание, скажем, для изображения, а следующему после картинки элементу устанавливаешь clear , то этот элемент перестаёт обтекаться не только картинкой, но и остальными колонками, в результате чего он оказывается внизу, на уровне самой высокой колонки. Не подскажите, как от этого можно избавиться, чтоб обтекание отменялось только в пределах одной колонки?
-
Это понятно, я Яндекс привёл как пример того, как всё должно выглядеть на экране монитора. Спасибо большое, буду разбираться.
-
Требуется реализовать вот такую вот штуку: В несколько строк подряд идут одинакового размера блоки. При уменьшении окна браузера, не влезающие в строку блоки переходят на следующую. Реализовывается всё достаточно просто, через обтекание. Но вот одна загвоздка, при уменьшении окна браузера, на месте переходящего элемента остаётся пустое место Нужно, чтоб либо все оставшиеся в строке блоки равномерно располагались в строке (можно, чтоб между ними был отступ), либо все блоки центрировались. Первый случай хорошо реализован в ЯндексКартинках (1->2->3), но к сожалению ни первое, ни второе решения с использованием только HTML и CSS я нормально реализовать не смог. Просьба помочь как-нибудь.