Jump to content

vo4tap

Newbie
 View Profile  See their activity

  • Posts

    11

  • Joined

  • Last visited

vo4tap's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. vo4tap
    Всем спасибо. вопрос вроде бы исчерпан... эх..кадаж я буду такой умный =((((((
  2. vo4tap
    psywalker, и снова проблемы =(( http://my.vo4tap.info/ теперь содержимое дива all не реагирует на text-align:center; и выравнивается по левому краю в ФФ и опере... в ИЕ6 все нормально..=)
  3. vo4tap
    псивалкер, а как же братский подгон из пятого поста ( http://forum.htmlbook.ru/index.php?showtop...st&p=121424 ) ??? почему ты предложил новую версию, а не подделал старую? я без претензий - просто не понятно.... зачем делать заново если можно доделать то что уже сотворил? > http://www.wpdfd.com/editorial/thebox/deadcentre4.html это конечно выход но он не оч хороший, так как: 1) нужно знать рамер высоты блока 2) это выравнивание блока, а не его содержимого....
  4. vo4tap
    psywalker, но его способ не пашет. сделал по твоему. опера9.64 норм, фф3.5.4 норм. ИЕ6.0 даже с хаком - косяк =( http://my.vo4tap.info/ =( всем большое спасибо, псивалкеру отдельное =) но если кто поможет поправить ИЕ было бы совсем прекрасно.
  5. vo4tap
    то есть содержимое блока, размеры которого указаны в процентах выровнять во вертикали средствами цсс и хтмл(без таблиц) не представляется возможным? О_о абалдеть.. вроде бы такая простая операция...
  6. vo4tap
    Спасибо закину в интересные скрипты... но возможно ли это сделать без яваскриптов и прочих сложностей?
  7. vo4tap
    display:table-cell; vertical-align:middle; не катит... =( если высота и ширина у блока all задана в процентах то не работает этот способ. если в пикселях(меня это не устраивает) то работает нормально...
  8. vo4tap
    Есть div. в нем картинка. нужно сделать что бы эта картинка была по центру дива в котором она находится. <!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>vo4tap</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Keywords" content="vo4tap" /> <style type="text/css"> html, body {pading:0; margin:0; background-color:#000000; height:100%; position:relative; } img {border:0;} #all {min-height:100%; text-align:center; background:#f2ddc6;} </style> </head> <body> <div id="all"> <img src="img/my_avatar.jpg" alt="vo4tap" /> </div> </body> </html> vertical-align:middle; для блока #all не помогает. нашел два способа по вертикальному выравниванию - то ли руки из опы то ли еще что... но конкретно на моем примере они не работают... http://habrahabr.ru/blogs/css/73113/ http://habrahabr.ru/blogs/css/71236/ Можете что нибудь посоветовать?
  9. vo4tap
    Кто нибудь подскажет как быть с IE? <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>vo4tap.info</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" charset="windows-1251" /> <link href="style.css" type="text/css" rel="stylesheet"> <META Name= Author content="vo4tap"> <META Name="Description" content= "vo4tap's blog"> <META Name="Document-state" content ="Dynamic"> <META Name="Keywords" content="vo4tap, blog, life, блог, вочтап, почтампт, почтамт, почтамп"> <META Name="Revisit" content="5"> <META name=Robots content="index, follow"> <META Name="URL" content= "http://www.vo4tap.info"> <META HTTP-EQUIV="Content-language" content ="ru"> <style> * {padding: 0; margin: 0;} html {height: 100%; min-width: 700px;} body {background-color: #121212; margin:0; padding:0; min-height: 100%; height: 100%; min-width: 700px; } body p {font-family: Tahoma; font-size: 12px; color: #c5c5c5;} body img {border:0; } #left ul {list-style-image:url(img/style-image.gif); padding:0px 10px 0px 20px;} #left li {font-family: Tahoma; font-size: 12px; color: #c5c5c5; padding:0;} #block {position:absolute; left:50%; width:700px; margin-left:-350px; height: auto; min-height: 100%; min-width: 700px; background-image:url(img/bg_block.gif); background-repeat:repeat-y} #header {width:700px;} #left {width:200px; float:left; background-image:url(img/bg_left.gif); background-repeat:repeat-y; padding-bottom:45px; } #content {width:500px; float:left; background-image:url(img/right_border.gif); background-position:right; background-repeat:repeat-y; background-color:#191919; padding: 0px 0px 45px 0px; } #12 {padding: 15px 15px 45px 15px;} #footer {text-align:center; position: absolute; bottom:0; width:700px; height:45px; background-image:url(img/footer.gif);} #footer img {padding: 7px 0px 7px 15px; opacity: 0.1; } #footer img:hover {opacity: 1.0;} #gorizont_nav { text-align:center; background-image:url(img/gorizont_bg.gif); background-repeat:repeat-x; height:25px; width:100%;} #gorizont_nav li {display:inline; font-weight: bold; } a:link {color: #3cdf06; text-decoration: none;} a:visited { color: #3cdf06; text-decoration: none;} a:hover {color: #b6fc9f; text-decoration: underline;} .title {font-size: 14px; font-weight: bold;} .green_title { height:24px; width:200px; background-image:url(img/green_line.gif); background-repeat:no-repeat; padding:0px; margin:0px;} .green_title p {margin:10px 0px 6px 25px; color: #a5c59d; font-size: 12px; font-weight: bold;} </style> </head> <body> <!--block--> <div id="block"> <!--header--> <div id="header"><a href="http://vo4tap.asechka.ru/vo4/"><img src="img/header.gif" alt="Картинка шапки"></a></div> <!--left--> <div id="left"><img src="img/utilits.gif" alt="Утилиты" width="200" height="52"> <ul> <li><a href="#">Первый элемент</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Первый элемент</a></li> <li><a href="#">второй элемент</a></li> <li><a href="#">Первый элемент</a></li> </ul> <div class="green_title"><p>Заголовочек</p></div> <ul> <li><a href="#">Первый элемент</a></li> <li><a href="#">второй элемент</a></li> <li><a href="#">Первый элемент</a></li> <li><a href="#">второй элемент</a></li> <li><a href="#">Первый элемент</a></li> </ul> </div> <!--left END--> <!--content--> <div id="content"> <!--gorizont_nav--> <div id="gorizont_nav"> <ul> <li><a href="#">Первый</a></li> | <li><a href="#">Второй</a></li> | <li><a href="#">Третий</a></li> | <li><a href="#">Четвертый</a></li> | <li><a href="#">Пятый</a></li> | </ul> </div> <!--gorizont_nav END--> <div id="12"> <p> <span class="title">ЗаголовОК очень ОК </span> <br> <a href="#">Текст Content Text Контент</a>"Билайн", МТС и "Мегафон" 10 апреля совместно запустили по всей стране услугу "Чат", которая позволяет абонентам без ограничений по времени и трафику обмениваться мгновенными сообщениями. Об этом сообщается в пресс-релизах всех трех компаний. "Билайн", МТС и "Мегафон" 10 апреля совместно запустили по всей стране услугу "Чат", которая позволяет абонентам без ограничений по времени и трафику обмениваться мгновенными сообщениями. Об этом сообщается в пресс-релизах всех трех компаний. "Билайн", МТС и "Мегафон" 10 апреля совместно запустили по всей стране услугу "Чат", которая позволяет абонентам без ограничений по времени и трафику обмениваться мгновенными сообщениями. Об этом сообщается в пресс-релизах всех трех компаний. "Билайн", МТС и "Мегафон" 10 апреля совместно запустили по всей стране услугу "Чат", которая позволяет абонентам без ограничений по времени и трафику обмениваться мгновенными сообщениями. Об этом сообщается в пресс-релизах всех трех компаний. "Билайн", МТС и "Мегафон" 10 апреля совместно запустили по всей стране услугу "Чат", которая позволяет абонентам без ограничений по времени и трафику обмениваться мгновенными сообщениями. Об этом сообщается в пресс-релизах всех трех компаний. "Билайн", МТС и "Мегафон" 10 апреля совместно запустили по всей стране услугу "Чат", которая позволяет абонентам без ограничений по времени и трафику обмениваться мгновенными сообщениями. Об этом сообщается в пресс-релизах всех трех компаний. "Билайн", МТС и "Мегафон" 10 апреля совместно запустили по всей стране услугу "Чат", которая позволяет абонентам без ограничений по времени и трафику обмениваться мгновенными сообщениями. Об этом сообщается в пресс-релизах всех трех компаний. "Билайн", МТС и "Мегафон" 10 апреля совместно запустили по всей стране услугу "Чат", которая позволяет абонентам без ограничений по времени и трафику обмениваться мгновенными сообщениями. Об этом сообщается в пресс-релизах всех трех компаний. "Билайн", МТС и "Мегафон" 10 апреля совместно запустили по всей стране услугу "Чат", которая позволяет абонентам без ограничений по времени и трафику обмениваться мгновенными сообщениями. Об этом сообщается в пресс-релизах всех трех компаний. "Билайн", МТС и "Мегафон" 10 апреля совместно запустили по всей стране услугу "Чат", которая позволяет абонентам без ограничений по времени и трафику обмениваться мгновенными сообщениями. Об этом сообщается в пресс-релизах всех трех компаний.</p> </div> </div> <!--content END--> <!--footer--> <div id="footer"> <img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif"> <img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif"> <img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif"> <img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif"> <img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif"> <img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif"> </div> <!--footer END--> </div> <!--block END--> </body> </html>
  10. vo4tap
    <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>vo4tap.info</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" charset="windows-1251" /> <meta name="Keywords" content="Кодовые, слова, через, запятую" /> <meta name="Description" content="Описание страницы и что за херня на ней" /> <link href="style.css" type="text/css" rel="stylesheet"> <style> * {padding: 0; margin: 0;} html {height: 100%; min-width: 700px;} body {background-color: #121212; margin:0; padding:0; min-height: 100%; height: 100%; min-width: 700px; } body p {font-family: Tahoma; font-size: 12px; color: #c5c5c5;} body img {border:0; } ul {list-style-image:url(img/style-image.gif); padding:0px 10px 0px 20px;} li {font-family: Tahoma; font-size: 12px; color: #c5c5c5; padding:0;} #block {position:absolute; left:50%; width:700px; margin-left:-350px; height: auto; min-height: 100%; min-width: 700px; background-image:url(img/bg_block.gif); background-repeat:repeat-y} #header {width:700px;} #left {width:200px; float:left; background-image:url(img/bg_left.gif); background-repeat:repeat-y; padding-bottom:45px; } #content {width:500px; float:left; background-image:url(img/right_border.gif); background-position:right; background-repeat:repeat-y; background-color:#191919; padding-bottom:45px; } #footer {position:absolute; bottom:0; width:700px; height:45px; background-image:url(img/footer.gif);} #footer img {padding: 7px 0px 7px 15px; opacity: 0.1; } #footer img:hover {opacity: 1.0;} a:link {color: #3cdf06; text-decoration: none;} a:visited { color: #3cdf06; text-decoration: none;} a:hover {color: #b6fc9f; text-decoration: underline;} .title {font-size: 14px; font-weight: bold;} .green_title { height:24px; width:200px; background-image:url(img/green_line.gif); background-repeat:no-repeat;} .green_title p {margin:10px 0px 6px 25px; color: #a5c59d; font-size: 12px; font-weight: bold;} </style> </head> <body> <div id="block"> <div id="header"><a href="http://vo4tap.asechka.ru/vo4/"><img src="img/header.gif" alt="Картинка шапки"></a></div> <div id="left"><img src="img/utilits.gif" alt="Утилиты" width="200" height="52"> <ul> <li><a href="#">Первый элемент</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Первый элемент</a></li> <li><a href="#">второй элемент</a></li> <li><a href="#">Первый элемент</a></li> </ul> <div class="green_title"><p>Заголовочек</p></div> <ul> <li><a href="#">Первый элемент</a></li> <li><a href="#">второй элемент</a></li> <li><a href="#">Первый элемент</a></li> <li><a href="#">второй элемент</a></li> <li><a href="#">Первый элемент</a></li> </ul> </div> <div id="content"><img src="img/knops.gif" alt="Кнопки" width="500" height="25"> <p> <span class="title">ЗаголовОК очень ОК </span> <br> <a href="#">Текст Текст Текст Текст Текст </a> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Тексn </p> </div> <div id="footer"> <img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif"> <img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif"> <img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif"> <img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif"> <img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif"> </div> </div> </body> </html> Сделал все, как сказано, большое спасибо, получилось, но вот ФФ и опера в норме, а IE как всегда, мать его =(((
  11. vo4tap
    Уважаемые, столкнулся с проблемой... Не могу опустить футер до низа браузера и не могу опустить обе колонки до футера... надеюсь ктото поможет =) <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>vo4tap.info</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" charset="windows-1251" /> <meta name="Keywords" content="Кодовые, слова, через, запятую" /> <meta name="Description" content="Описание страницы и что за херня на ней" /> <link href="style.css" type="text/css" rel="stylesheet"> <style> * {padding: 0; margin: 0;} html {height: 100%; min-width: 700px;} body {background-color: #121212; margin:0; padding:0; min-height: 100%; height: 100%; min-width: 700px; } body p {font-family: Tahoma; font-size: 12px; color: #c5c5c5;} body img {border:0; } ul {list-style-image:url(img/style-image.gif); padding:0px 10px 0px 20px;} li {font-family: Tahoma; font-size: 12px; color: #c5c5c5; padding:0;} #block {position:absolute; left:50%; width:700px; margin-left:-350px; height: auto; min-height: 700px; min-width: 700px;} #header {width:700px;} #left {width:200px; float:left; background-image:url(img/bg_left.gif); background-repeat:repeat-y; } #content {width:500px; float:left; background-image:url(img/right_border.gif); background-position:right; background-repeat:repeat-y;background-color:#191919; } #footer {width:700px; height:45px; clear:both; background-image:url(img/footer.gif);} #footer img {padding: 7px 0px 7px 15px; opacity: 0.1; } #footer img:hover {opacity: 1.0;} a:link {color: #3cdf06; text-decoration: none;} a:visited { color: #3cdf06; text-decoration: none;} a:hover {color: #b6fc9f; text-decoration: underline;} .title {font-size: 14px; font-weight: bold;} .green_title { height:24px; width:200px; background-image:url(img/green_line.gif); background-repeat:no-repeat;} .green_title p {margin:10px 0px 6px 25px; color: #a5c59d; font-size: 12px; font-weight: bold;} </style> </head> <body> <div id="block"> <div id="header"><a href="http://vo4tap.asechka.ru/vo4/"><img src="img/header.gif" alt="Картинка шапки"></a></div> <div id="left"><img src="img/utilits.gif" alt="Утилиты" width="200" height="52"> <ul> <li><a href="#">Первый элемент</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Первый элемент</a></li> <li><a href="#">второй элемент</a></li> <li><a href="#">Первый элемент</a></li> </ul> <div class="green_title"><p>Заголовочек</p></div> <ul> <li><a href="#">Первый элемент</a></li> <li><a href="#">второй элемент</a></li> <li><a href="#">Первый элемент</a></li> <li><a href="#">второй элемент</a></li> <li><a href="#">Первый элемент</a></li> </ul> </div> <div id="content"><img src="img/knops.gif" alt="Кнопки" width="500" height="25"> <p><span class="title">ЗаголовОК очень ОК</span><br> <a href="#">Текст Текст Текст Текст Текст</a> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p> </div> <div id="footer"> <img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif"> <img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif"> <img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif"> <img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif"> <img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif"> </div> </div> </body> </html>
×
×
  • 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

  I accept