Jump to content

Ruster

Newbie
  • Posts

    17
  • Joined

  • Last visited

Everything posted by Ruster

  1. Вот подготовил точный пример моего макета <!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>
  2. да, но если поставлю height: 100% для первого блок он не будет растягиваться со вторым блоком когда в нем много текста (во втором блоке), вот в этом то и все проблема и это мне нужно решить ( s0rr0w можете постучать мне в аську ? если вам не трудно, спасибо
  3. понял, то есть если я не буду задавать Height: 100%; второй min-height: 100% никак не будет работать ? и нечего нельзя сделать с этим ?
  4. не совсем понял, можно по подробнее, и как решить проблему ?
  5. С данной проблемой встретился давно, но тогда сверстал другим образом, а сейчас мне это нужно. весь день мучился, искал, нечего не нашел. Ну вот вроде все правильно написано. так в чем же проблема ??? 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>
  6. Вот решение есть, смотрите кому интересно http://www.my-debugbar.com/wiki/IETester/HomePage
  7. я вот не понимаю зачем вы так любите 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 не знаю.
  8. Ты на каком форуме ? Нет мне они нужны, чтобы почту проверять. Ну эмуляция это одно, а в реале может быть по другому... так что вопрос остается актуальным
  9. Как установить IE8 beta2, так чтобы при этом не потерять IE7 ? у меня сейчас установлен IE7, и еще IE6 из multipleIEs (http://tredosoft.com/Multiple_IE)
  10. ооо большое спасибо!! но эти скрипты все на jQuery =( я бы хотел, чтобы не было лишних скриптов, ну то есть чтобы только один скрипт был и css. таких не встречали ?
  11. так и не смог найти (
  12. ну меня за чем его раскручивать, это же мой сайт портфолио, а не новостной сайт написал в службу поддержки поисковиков, Рамблер уже индексирует, в яндексе обещали, что в ближайшее время все удалят, в службу поддержки мэйл.ру как раз сейчас напишу. ИМХО все же Google лучший поисковик, убеждаюсь уже не первый раз
  13. Нужен грамотно написанный ScrollBar для Блок То есть, чтобы там было кнопки вверх/вниз, ползунок, и чтобы внутри блока работал скролл мышки Ну как в реальном скролл баре, но только чтобы можно было дизайн изменить Спасибо!
  14. Вот полный код, на значит что то не так сделал <!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 не менять картинку, а просто позицию.
  15. Разумеется возможно. Ты просто картинку поставь как фоновый рисунок, вот пример: <input type="submit" value=" " style="width: 60px; height: 20px; background: url('ТВОЯ_КАРТИНКА.png') 0 0 no-repeat; border: none; cursor: pointer;" />
  16. я не занимаюсь SЕО продвижением, я веб-дизайнер. Мне просто хочется знать почему мой сайт русские поисковики не находят. да и даже XHTML код моего сайт 100% валидный. как такое может быть ? из за чего они мой сайт не находят ? может есть тут те кто занимаются SЕО, подскажите что мне сделать, чтобы поисковики мой сайт находили
  17. 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
  18. Я только сегодня заметил что Яндекс и остальные русские поисковики мой сайт вообще не находят, но как такое возможно ? зашел сюда 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
  19. hmelii я даже не думал что все так просто, спасибо за помощь.
  20. и так сегодня сделал даты новостей в портфолио вертикальными (вот посмотрите чтоб понять о чем идет речь _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 ???
×
×
  • 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