Ruster
Newbie-
Posts
17 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Ruster
-
Вот подготовил точный пример моего макета <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>TEST</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html, body { height: 100%; padding: 0; margin: 0; } #xx1 { min-width: 500px; max-width: 700px; min-height: 100%; overflow: hidden; margin: 0 auto; border: 1px solid #F00; } #xx2 { width: 500px; min-height: 100%; margin: 0 auto; position: relative; border: 1px solid #000; } #xx2 p { margin: 0; padding-bottom: 110px; display: block; } #block { width: 300px; height: 100px; background-color: #CCC; position: absolute; bottom: 0; right: -100px; } </style> </head> <body> <div id="xx1"> <div id="xx2"> <p>Lorem ipsum dolor sit amet</p> <div id="block"></div> </div> </div> </body> </html>
-
да, но если поставлю height: 100% для первого блок он не будет растягиваться со вторым блоком когда в нем много текста (во втором блоке), вот в этом то и все проблема и это мне нужно решить ( s0rr0w можете постучать мне в аську ? если вам не трудно, спасибо
-
понял, то есть если я не буду задавать Height: 100%; второй min-height: 100% никак не будет работать ? и нечего нельзя сделать с этим ?
-
не совсем понял, можно по подробнее, и как решить проблему ?
-
С данной проблемой встретился давно, но тогда сверстал другим образом, а сейчас мне это нужно. весь день мучился, искал, нечего не нашел. Ну вот вроде все правильно написано. так в чем же проблема ??? P.S. Я не имею веду то что min-height не работает в IE6, я не про это. вот посмотрите код, что не так ??? почему не работает ? спасибо! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>TEST</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html, body { height: 100%; padding: 0; margin: 0; } #xx1 { width: 500px; min-height: 100%; border: 1px solid #F00; } #xx2 { min-height: 100%; border: 1px solid #000; } </style> </head> <body> <div id="xx1"> <div id="xx2"> Lorem ipsum dolor sit amet </div> </div> </body> </html>
-
Вот решение есть, смотрите кому интересно http://www.my-debugbar.com/wiki/IETester/HomePage
-
я вот не понимаю зачем вы так любите jQuery, это зло! то лучше подключать черт знает какие-то модули, загружать еще этот jQuery или написать полноценный JS ? я некогда не использую jQuery и не стану использовать, так как я за чистоту кода и за минимализм. вот написал за минуту HTML и CSS код, ты можешь его под свой дизайн оформить: <style type="text/css"> img { border: none; } .ruster { width: 230px; height: 400px; overflow: auto; border: 1px solid #9A9A9A; padding: 10px; } .ruster img { float: left; margin: 8px; padding: 2px; } .ruster a:hover img { float: left; border: 1px solid #3D89A3; margin: 7px; } </style> <div class="ruster"> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> </div> и еще дописать JS, там всего пару строк будет, я сам JS не знаю.
-
Ты на каком форуме ? Нет мне они нужны, чтобы почту проверять. Ну эмуляция это одно, а в реале может быть по другому... так что вопрос остается актуальным
-
Как установить IE8 beta2, так чтобы при этом не потерять IE7 ? у меня сейчас установлен IE7, и еще IE6 из multipleIEs (http://tredosoft.com/Multiple_IE)
-
ооо большое спасибо!! но эти скрипты все на jQuery =( я бы хотел, чтобы не было лишних скриптов, ну то есть чтобы только один скрипт был и css. таких не встречали ?
-
так и не смог найти (
-
ну меня за чем его раскручивать, это же мой сайт портфолио, а не новостной сайт написал в службу поддержки поисковиков, Рамблер уже индексирует, в яндексе обещали, что в ближайшее время все удалят, в службу поддержки мэйл.ру как раз сейчас напишу. ИМХО все же Google лучший поисковик, убеждаюсь уже не первый раз
-
Нужен грамотно написанный ScrollBar для Блок То есть, чтобы там было кнопки вверх/вниз, ползунок, и чтобы внутри блока работал скролл мышки Ну как в реальном скролл баре, но только чтобы можно было дизайн изменить Спасибо!
-
Вот полный код, на значит что то не так сделал <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>HTML Test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> .ruster { width: 88px; height: 31px; background: url('http://ruster.info/templates/i/vcss.gif') 0 0 no-repeat; border: none; } a:hover .ruster { background: url('http://ruster.info/templates/i/valid-xhtml10.png') 0 0 no-repeat; } </style> </head> <body> <p> <a href="#"><img src="http://ruster.info/templates/i/spacer.gif" alt="Описание картинки" class="ruster" /></a> </p> </body> </html> P.S. чтобы вторая картинка сразу же загружалась без задержки (если даже у пользователя очень медленный интернет) его ты должен предварительно загрузить, или советую объединить две картинки в одну и при a:hover не менять картинку, а просто позицию.
-
Разумеется возможно. Ты просто картинку поставь как фоновый рисунок, вот пример: <input type="submit" value=" " style="width: 60px; height: 20px; background: url('ТВОЯ_КАРТИНКА.png') 0 0 no-repeat; border: none; cursor: pointer;" />
-
я не занимаюсь SЕО продвижением, я веб-дизайнер. Мне просто хочется знать почему мой сайт русские поисковики не находят. да и даже XHTML код моего сайт 100% валидный. как такое может быть ? из за чего они мой сайт не находят ? может есть тут те кто занимаются SЕО, подскажите что мне сделать, чтобы поисковики мой сайт находили
-
CSS .ruster { width: 100px; height: 100px; background: url('КАРТИНКА-1.jpg') 0 0 no-repeat; } a:hover .ruster { background: url('КАРТИНКА-2.jpg') 0 0 no-repeat; } HTML <a href="#"><img src="spacer.gif" alt="Описание картинки" class="ruster" /></a> spacer.gif - это прозрачная картинка 1x1px
-
Я только сегодня заметил что Яндекс и остальные русские поисковики мой сайт вообще не находят, но как такое возможно ? зашел сюда http://webmaster.yandex.ru/ там добавил мой сайт, разумеется мой сайт был в базе как я и думал (мой сайт в сети не первый год) вот к примеру на мой взгляд самые главные ключевые слова по которому мой сайт должен находиться Ruster + bcCMS Google http://www.google.ru/search?hl=ru&q=Ru...mp;aq=f&oq= Yahoo! http://search.yahoo.com/search?p=Ruster+bc...ss&ei=UTF-8 Вот они мой сайт находят и еще показывают на самой верхнее строчке А вот Яндекс, Мэйл.Ру, Рамблер вообще мой сайт не находят http://nova.rambler.ru/search?btnG=%D0%9D%...%D1%82%D0%B8%21 http://go.mail.ru/search?q=Ruster%20bcCMS http://yandex.ru/yandsearch?clid=9582&text=Ruster+bcCMS Вообще как это понять ? и что нужно сделать ? ===== мой сайт - ruster.info
-
какой тег отображается если содержание <object> браузер не поддерживает ?
Ruster replied to Ruster's question in HTML Coding
hmelii я даже не думал что все так просто, спасибо за помощь. -
какой тег отображается если содержание <object> браузер не поддерживает ?
Ruster replied to Ruster's question in HTML Coding
то есть ? -
какой тег отображается если содержание <object> браузер не поддерживает ?
Ruster replied to Ruster's question in HTML Coding
некто не знает как сделать ? плиииз, подскажите -
какой тег отображается если содержание <object> браузер не поддерживает ?
Ruster replied to Ruster's question in HTML Coding
актуально... -
какой тег отображается если содержание <object> браузер не поддерживает ?
Ruster posted a question in HTML Coding
и так сегодня сделал даты новостей в портфолио вертикальными (вот посмотрите чтоб понять о чем идет речь _http://ruster.info/categories/1/1 ) через SVG и еще специально сделал для IE. но все же это не полноценное решение, так как остаются еще и мобильные устройства которые не поддерживают SVG. у меня такой код <div class="time_readmore"><div> <object type="image/svg+xml" data="data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg'><text x='-36' y='12' style='font-family: Verdana; font-size: 12px; text-anchor: middle' transform='rotate(-90)' fill='#FFF'>30.08.2008</text></svg>" class="vertical_svg_text"></object> <!--[if IE]><span class="vertical_ie_text">30.08.2008</span><![endif]--> </div></div> что нужно писать в object чтобы "это" отображалось только если браузер не поддерживает object ???