bioz00
-
Posts
20 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by bioz00
-
Есть контейнер div, в него динамически добавляется инфа. По достижению определенной высоты добавляется полоса прокрутки, но последние добавленные строчки оказываются за пределами видимоски, поскольку полоса прокрутки не прокручивается вниз автоматически, при добавлении новых строк. Можно ли без javascript'а сделать чтоб прокручивалась?
-
Что бы выцепить из этого "супа" только нужное, ушло бы полчаса Всмысле растянуть? background-size? Мне вот видится два варианта: либо дивы по краям с абсолютной позицией, либо: <table> <tr> <td class='leftend'></td> <td class='line'>тут еще таблица, уже с ячейками меню</td> <td class='rightend'></td> </tr> </table> Хотелось бы как-то опредилиться с более оптимальным способом на будущее.
-
Полная картина имеет много лишнего Суть вот в чем: Длинная горизонтальная полоса меню, по краям должна закругляться а не обрываться резко. Если завершающие картинки ставить в крайние ячейки, а бэкграунд линию на всю таблицу, то она убого проступает в этих ячейках. А если ставить ее во все промежуточные ячейки, то получается громостско, поскольку их очень много и самих таких менюшек много. мне вот пришла такая мысль: бэкграунд-линию ложить на всю таблицу, а завершающие картинки вложить в дивы и вынести за края position:absolute; left:-(длина картинки)px; Не слишком ли хитро?
-
Здрасте, есть нубовский вопрос: Нужно обложить таблицу бэкграундом повторяющимся по горизонтали, но таким образом, чтоб слева и справа он не доходил до края на определенное колличесво пикселей. (причем слева и справа разные значения) Можно ли это сделать средствами css, без лишних ячеек, применяя класс ко всей таблице? А еще желательно без background-size.
-
SelenIT, работает ровно во всех браузерах и даже в осле Спасибо большое.
-
psywalker, в Опере кстати пашет =) хотя в данном случае я применял не к ячейки а к фрейму.
-
tius, помогло хотя снизу торчит небольшой огрызок. А в чем секрет? Ведь ячейка и так занимает всю высоту. SelenIT, в этом решении теряется нижняя ячейка, по крайней мере в жОпере
-
Здрасте! Как заставить ифрейм растягиваться по высоте ячейки? Без явы. <!DOCTYPE html> <head> <style type="text/css"> body { margin:0; padding:0; width:100%; height:100%; position:absolute; } </style> </head> <html> <body> <table height="100%" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="green"> <tr height="100px"> <td> </td> </tr> <tr> <td bgcolor="yellow"> <iframe width="100%" height="100%" src="http://google.com/"></iframe> </td> </tr> <tr height="50px"> <td> </td> </tr> </table> </body> </html> Зы. если выпилить доктайп, то все норм, но это не катит.
-
почему текст после картинки выравнивается по боттому и как с этим бороться? <div><img src='img.gif' width='30px' height='20px'>some text</div>
-
вот, вариант с дивом <!DOCTYPE html><!--да да, он самый :)--> <html> <head> <style type="text/css"> .tab1 { background:orange; opacity:0.75; } .tab1:hover { opacity:1; } .tab2 { position:relative; background:red; opacity:0.75; } .tab2:hover { opacity:1; } .tab2 div { position:absolute; z-index:5; top:-45px; left:130px; width:100px; background:red; } </style> </head> <body> <table width='60%' align='center' class='tab1'> <tr> <td></td> <td width='100px'>cell1</td> <td width='100px'><!--cell2--></td> <td width='100px'>cell3</td> <td></td> </tr> </table> <br> <table width='40%' align='center' class='tab2'> <tr> <td>somecontent<div>cell2</div></td> </tr> </table> <br> <table width='100%' bgcolor='teal'> <tr> <td>another content<br><br><br></td> </tr> </table> </body> </html> не считая мелких недочетов проблема с позицией дива. вот еслиб можно было бы его закрепить относительно первой таблицы.. =)
-
swetlana, он черезчур мудреный, сложно будет разобраться сходу. Но если нужно могу набросать макет касаемый данной проблемы. Хотя незнаю есть ли смысл, поскольку вышеописанные варианты неудовлетворительны.
-
рассматривается, но в последнюю очередь. swetlana, я пробовал подобный вариант. вторая таблица была полностью дочерней по отношению к ячейке первой. И по-сути работает, но есть две проблемы. Во первых если выравнивать таблицу абсолютом, то остальные элементы (которые идут ниже этой таблицы) оказываются не на своем месте. Во-вторых при наведении курсора на вторую таблицу или ячейку подсвечиваются не только они, но еще и первая таблица, поскольку они находятся в ней. Если можно было бы пихнуть ячейку(div) z-indexom, поверх первой таблицы, как дочерний элемент второй таблицы. Все было бы просто. Но при этом есть проблемы с позицией дива, в этих таблицах очень сложная динамическая структура. Не представляю, как ровно его позиционировать без явы.
-
Есть такая нетривиальная задача: Таблица с ячейками (красная) и другая таблица (зеленая) у каждой таблицы свой стиль: обе таблицы немного прозрачные, но при наведении курсора становятся непрозрачными. Как видим в первой таблице одна ячейка со стилем второй таблицы. При наведении курсора на первую таблицу она подсвечивается, но кроме я чейки от второй таблицы. При наведении нурсора на зеленую ячейку или вторую таблицу они обе подсвечиваются, но не подсвечивается первая таблица. Вторая таблица должна быть расположена под первой и не должна быть плавающей. (absolute, fixed не катит) Возможно ли все это сделать на html, без джава? И если есть идеи как, буду очень признателен.
-
жесть..
-
Товариши! Кто-нибудь может мне объяснить почему вот это код не работает в фаержопсе?! <html> <head> <style type="text/css"> .hvr a:hover { background: #786b59; } .hvr:hover { background: #786b59; } </style> </head> <body> <div class='hvr'><a>text 1</a></div> <div class='hvr'>text 2</div> </body> </html> ховер работает только для ссылки, во всех остальных браузерах и там и там. как такое возможно??!!
-
И вроде бы не слишком хитро Спасибо.
-
разумеется, блин, я даже с з-индексами заморачивался swetlana, ну вроде бы суть описана: наводим курсор на ячейку, див, находящийся неподалеку, становится непрозрачным. Вариант с родительскими элементами не прокатывает, почему написал.
-
Да, причем, если не задавать им опасити, то все ровно, но с опасити, даже в единицу, они проваливаюся. Похоже дело в кривож..пости фокса и хромого Нужен другой вариант.
-
swetlana, При наведении курсора на ячейку, должна меняться прозрачность дива. faiwer, я пробовал так: .cell { opacity:0.7; } .cell:hover { opacity:1; } .cdiv { position: absolute; left.... top..... opacity:inherit; } при этом содерржимое самих ячеек было в отдельном диве с ipacity 1. проблема в том что позиционированные дивы с опасити оказываются "под" другими элементами. почему не ясно, пробовал z-index задавать, не помогло.
-
есть таблица с ячейками и есть дивы соответствующие каждой ячейки. нужно чтоб при наведении курсора на определенную ячейку изменялся стиль соответствующего дива. как лучше это реализовать? <table> <tr> <td class="cell">ячейка1</td> <td class="cell">ячейка2</td> <td class="cell">ячейка3</td> </tr> </table> <div class="cdiv">1</div> <div class="cdiv">2</div> <div class="cdiv">3</div> у дивов абсолютная позиция. пробывал вкладывать дивы в ячейки, дабы "cell" был для них родительским классом и писать нужный стиль на ховер, но в этом случае opacity дивов работает корректно только в Опере. Понимаю, что можно сделать на яваскрипте, но не хотелось бы. Есть варианты?