Jump to content

Storm

User
 View Profile  See their activity

  • Posts

    145

  • Joined

  • Last visited

 Content Type 

Everything posted by Storm

  1. Storm
    Полный путь прописывать не обязательно. В данном случае можно написать так: Две точки перед слешем по-простому обозначают "из текущей папки подняться в родительскую и в родительской папке искать путь image/reklama.jpg".
  2. Storm
    Как вариант. Убрать градиент с узора, размножить на фоне узор. Слоем выше положить png с прозрачностью, соответствующей градиенту.
  3. Storm
    Так подойд?т? <!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="en" lang="en"> <head> <title>TITLE</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> /*<![CDATA[*/ body {margin:0;padding:0;} #left {background:green;width:50%;float:left;border-right:1px solid white;} #right {background:#00CC99;width:50%;float:right;margin-left:-50%;padding-left:1px;border-left:1px solid white;} /*]]>*/ </style> </head> <body> <div id="left">left</div> <div id="right">right</div> </body> </html>
  4. Storm
    А так пробовали? <!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="en" lang="en"> <head> <title>TITLE</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> /*<![CDATA[*/ .p1 {font:12px/5px tahoma;color:green;} .p2 {font:12px/25px tahoma;color:red;} /*]]>*/ </style> </head> <body> <p class="p1"> aaa bbb ccc </p> <p class="p2"> aaa bbb ccc </p> </body> </html> В первом случае явно меньше 100%
  5. Storm
    Вот так: <!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="en" lang="en"> <head> <title>TITLE</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> /*<![CDATA[*/ ul li {display:inline;float:left} div {width:100px;height:100px;} /*]]>*/ </style> </head> <body> <ul> <li><div>123</div></li> <li><div>456</div></li> </ul> </body> </html>
  6. Storm
    А не легче у каждой картинки, для которой требуется ролловер, прописать так <img src="image1.jpg" onmouseover="this.src='image1_over.jpg'" onmouseout="this.src='image1.jpg'" alt=""> а картинки "*_over.jpg" запихнуть в div за пределы окна?
  7. Storm
    Как оказалось, чтобы и Мозилла начала понимать надо писать "#" перед кодом цвета. Но вс? равно, спасибо за помощь.
  8. Storm
    Помогите. Проблему выяснил, решить не могу. Упростил код до такого вида: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <div style="background:gray;" onmouseover="this.style.color='FFFFFF'"> 123123 </div> </body> </html> При наведении на блок цвет текста должен меняться на белый. В ИЕ и в Опере работает, в Мозилле не хочет. Достаточно поменять доктайп на quot;-//W3C//DTD HTML 4.01 Transitional//EN"> и в Мозилле тоже начинает работать. Что не нравится Мозилле в мо?м коде?
  9. Storm
    Вс? оказалось очень просто. Вот код решения: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> /*<![CDATA[*/ html {height:100%;} body {height:100%;margin:0;padding:0} table {border:0px;border-collapse:collapse;} table td {padding:0px;} #header {position:absolute;top:0;width:100%;height:7px;font-size:1px;background:#495778;} #footer {position:absolute;bottom:0;width:100%;height:7px;font-size:1px;background:#495778;} *html #footer {position:absolute;bottom:-1px;} .main_tab {width:100%;height:100%;} .vert_line {width:7px;background:#495778;} .side {width:50%;height:100%;} .side div {width:7px;height:100%;background:#495778;} #content {width:800px;background:gray;} /*]]>*/ </style> </head> <body> <div id="header"></div> <table class="main_tab"> <tr> <td class="side"><div></div></td> <td><div id="content">1</div></td> <td class="side"><div style="margin:0 0 0 auto;"></div></td> </tr> </table> <div id="footer"></div> </body> </html> div'ы в классе side можно не писать, вместо них размножить картинку по вертикали в этом классе. Если кто-то знает более простое решение, в частности, без использования таблицы, напишите, буду очень благодарен.
  10. Storm
    Всем добрый день. Возник вот такой вопрос. Задача следующая: есть страница с контентом в 800px, вокруг страницы нужно сделать рамку, которая должна быть по периметру окна при любых его размерах, при этом если ширину окна сделать меньше ширины контента, то правая полоса рамки должна пропадать. Если высота контента меньше, чем высота окна, то вертикального скролла быть не должно. Доктайп следующий: quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Внимательно изучил форум, есть несколько вариантов решений, но на 100% ни одно не подходит. Мои варианты решения: 1. Правая полоса рамки не растягивается на всю высоту окна. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <style type="text/css"> /*<![CDATA[*/ html {height:100%;} body {margin:0;padding:0;height:100%;} #header {position:absolute;height:7px;top:0;width:100%;background:#495778;font-size:1px;} #footer {position:absolute;height:7px;bottom:0;width:100%;background:#495778;font-size:1px;} #content {width:800px;background:gray;margin:0 auto;} /*]]>*/ </style> </head> <body style="background:url(images/bg-line.gif) repeat-y 0 0;"> <div id="header"></div> <div style="background:#495778;"> <div style="background:#495778; margin-left:7px; padding-right:7px;"> <div style="background:white;"> <div style="background:gray;width:800px;margin:0 auto;"> content </div> </div> </div> </div> <div id="footer"></div> </body> </html> 2. В ИЕ нет левой полосы рамки, в Мозилле правая полоса остается при любой ширине окна. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ html {background: url(images/bg-line.gif) left repeat-y;height:100%;} body {margin:0;padding:0;height:100%;background: url(images/bg-line.gif) right repeat-y;} #header {position:absolute;height:7px;top:0;width:100%;background:#495778;font-size:1px;} #footer {position:absolute;height:7px;bottom:0;width:100%;background:#495778;font-size:1px;} #main {padding:0 7px;} #content {width:800px;background:gray;margin:0 auto;} /*]]>*/ </style> </head> <body> <div id="header"></div> <div id="footer"></div> <div id="main"> <div id="content">content</div> </div> </body> </html> 3. В Мозилле появляется вертикальный скролл, в ней же правая полоса рамки остается при любой ширине окна. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ html {height:100%;} body {margin:0;padding:0;height:100%;border:7px solid #495778;} #content {width:800px;background:gray;margin:0 auto;} /*]]>*/ </style> </head> <body> <div align="center" style="padding-right:7px;"> <div id="content">content</div> </div> </body> </html> Заранее благодарен за оказанную помощь.
  11. Storm
    Здравствуйте. Вопрос вроде бы заурядный, да и куча статей написано на тему областей применения верстки слоями и верстки таблицами. Но я так и не выяснил стоит ли по возможному максимуму стараться переходить на верстку слоями. Начальство требует переходить на XHTML, но в этом стандарте есть проблемы с растягиванием на 100% по вертикали. Как неоднократно отмечалось на этом форуме - при верстке слоями лучше вообще отказаться от 100%-ной высоты страницы. Целесообразно ли верстать сайты такого и подобного дизайна слоями http://templatefolio.com/webtemplates/226.html http://templatefolio.com/webtemplates/224.html если помимо всего стоит задача растягивания сайта на всю высоту окна, независимо от наполнения контентом? Или вс?-таки не парить мозги и в таких случаях применять табличную в?рстку?
  12. Storm
    спасибо, нашел. Надо бы было в отдельную тему твой топ оттуда перенести.
  13. Storm
    если не сложно дайте ссылку, где на этом форуме поднималась именно такая тема, как у меня.
  14. Storm
    Просмотрел на форуме все темы, касающиеся правильного отображения png с прозрачностью в ИЕ6. Нашел несколько вариантов решения этой проблемы. Но проблему повторения png в фоне никто не затрагивал, а в тех вариантах решения задачи дружбы png и ИЕ6 фон повторяться не может - он либо растягивается до размеров контейнера, либо просто не повторется. Кто что-нибудь знает по этому поводу?
  15. Storm
    Только сегодня прочитал ответ. Большое спасибо, именно то, что я спрашивал.
  16. Storm
    День добрый. Вопрос простой, но ответ найти не могу. Необходимо только с применением сло?в реализовать следующее: header страницы имееет фиксированую высоту, а sidebar и content должны растягиваться по вертикали на вс? оставшееся пространство и упираться вниз окна. Но у меня получается, что при присвоении этим блокам 100%-ной высоты они растягиваются на всю высоту окна (что логично), и еще плюс высота header-a, в результате появляется вертикальный скролл. Вот мой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> html,body{margin:0;padding:0;height:100%;} #main {width:700px;height:100%;margin:0 auto;} #header {margin:0;height:100px;background: #EEE;} #content {float:left;width:500px;height:100%;background:#19CAFF;} #sidebar {float:left;width:200px;height:100%;background:#B9CAFF;} #clear {clear:both;} </style> </head> <body> <div id="main"> <div id="header">header</div> <div id="sidebar">sidebar</div> <div id="content">content</div> <div id="clear"></div> </div> </body> </html> Подскажите, что не правильно.
  17. Storm
    Если правильно понял, то примерно так: <html> <head> <style> img {width:50px;height:50px;border:1px solid red;visibility:hidden;} </style> </head> <body> <script type="text/JavaScript"> setTimeout("VisiblePicture()",2000); var n = 1; function VisiblePicture() { document.getElementById('pict'+n).style.visibility="visible"; n++; var m=3; //количество картинок if (n<=m) {setTimeout("VisiblePicture()",2000);} } </script> <img id="pict1" src="" alt=""> <img id="pict2" src="" alt=""> <img id="pict3" src="" alt=""> </body> </html>
  18. Storm
    Вот такой код подойд?т? <script type="text/javascript"> var n=0 function tt(a) { setTimeout("ttt(" + a.id + ")", 100); } function ttt(a) { a.style.marginLeft=n+"px"; n+=1; tt(a); } </script> <span id="my_id" onMouseOver="tt(this)">TEXT</span>
  19. Storm
    Спасибо за подсказку. На применение данного доктайпа меня натолкнула вот эта статья http://www.ibm.com/developerworks/ru/libra...site/index.html В ней написано, что это переходной доктайп между HTML 4.01 Transitional и XHTML 1.0 Strict. Чего бред?
  20. Storm
    Всем привет. Вопрос касается данного доктайпа: quot;-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">. Объясните или дайте ссылку где доходчиво написано как нужно писать код, чтобы с данным доктайпом он был валиден. В качестве примера можно рассмотреть код с http://www.htmlbook.ru/html/form.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег FORM</title> </head> <body> <form action="/cgi-bin/handler.cgi"> <b>Как по вашему мнению расшифровывается аббревиатура "ОС"?</b> <input type="radio" name="answer" value="a1">Офицерский состав <input type="radio" name="answer" value="a2">Операционная система <input type="radio" name="answer" value="a3">Большой полосатый мух <p><input type="submit"></p> </form> </body> </html> Валидатор говорит, что в н?м 8 ошибок. А казалось бы...
×
×
  • 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