WM
-
Posts
25 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by WM
-
Для начала, предлагаю пожать картинки и забыть про bmp в контексте Интернета.
-
Все-таки решился выставить на растерзание сайт.
WM replied to Searcher's topic in Discussion of works
Мне кажется, можно было бы поиграться с идеей плавного увеличения размеров шариков-кнопок слева направо. Тем более, что предпосылки уже есть. А что за конструкция на фавиконке? Я так и не смог разобрать. -
Насколько я знаю, zoom поддерживают IE5.5 — IE7. Судя по этой статье, в IE8 поддержки уже не будет (но будет -ms-zoom. Правда, будет ли он нужен — вопрос). В любом случае, можно использовать Conditional Comments, если что. Линки по теме: Про zoom в MSDN Про hasLayout и какое отношение к этому имеет zoom Про zoom и совместимость с версиями IE (на англ.)
-
Ну, как вариант поменять местами левый и правый маргины у .innerblock и убрать правый маргин у .blockleft: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> * {margin: 0; padding: 0;} html, body { height:100%; width:100%; } img { border: none; } .blockleft { text-align: left; margin: 0 0 20px 0; background: #33CC66; /* clearing */ overflow: hidden; zoom: 1; /* clearing */ } .innerblock { float: left; display: inline; /* for ie: double margins fix */ border: black 1px dotted; white-space: nowrap; text-align: center; margin: 5px 0 5px 10px; padding: 5px; background: #FFCC66; } </style> </head> <body> <div class="blockleft"> <div class="innerblock"><img src="/01.jpg" width="70" height="70"> <p><strong>Имя1</strong><br><i>текст1, текст1</i></p></div> <div class="innerblock"><img src="/02.jpg" width="70" height="70"> <p><strong>Имя2</strong><br><i>текст2</i></p></div> <div class="innerblock"><img src="03.jpg" width="70" height="70"> <p><strong>Имя3</strong><br><i>текст3</i></p></div> <div class="innerblock"><img src="04.jpg" width="70" height="70"> <p><strong>Имя4</strong><br><i>текст4, текст4</i></p></div> <div class="innerblock"><img src="05.jpg" width="70" height="70"> <p><strong>Имя5</strong><br><i>текст5</i></p></div> <div class="innerblock"><img src="06.jpg" width="70" height="70"> <p><strong>Имя6</strong><br><i>текст6, текст6</i></p></div> </div> <div class="blockleft"> <p>Дальше текст разный и все такое</p> </div> Дальше ещё и ещё! </body> </html>
-
Это надо у разрабов IE спросить. Не верю. Вот решение. И даже на русском.
-
Есть вот такая и такая штуки. Не статьи, конечно, но, думаю, подойдёт.
-
kolynia Глянь личку.
-
westalka Попробуйте удалить разрыв строки перед <div class="heather" align="center"> <img src="images2/heather1.jpg" width="244" height="154" /><img src="images2/heather2.jpg" width="536" height="154" /><!-- вот тут был разрыв строки--></div> <div class="panel" align="center"><img src="images2/panel1.jpg" /><img src="images2/panel2.jpg" width="126" height="30" /><img src="images2/panel3.jpg" /><img src="images2/panel4.jpg" width="126" height="30" /><img src="images2/panel5.jpg" width="130" height="30" /></div>
-
maza Выложи, плз, код, а то я что-то не могу понять, как такое возможно.
-
oknechirik Спасибо, почитаю.
-
Согласен с тем, что раньше гораздо теплее было. Попробуй придумать что-нибудь с фоном (всей страницы или контент-блока).
-
Вот в этом-то вс? и дело - иногда что-то находит, но чаще всего впадает в какой-то цикл, и давай формы штамповать, зараза! {...перенесено в Флейм kiD}
-
Кстати, это только у меня Кодавр выда?т такие "результаты"?
-
Неужели никто не сталкивался с этим?
-
Это будет действовать на все версии Оперы?
-
<!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Байки из склепа</title> <style type="text/css"> body { font-family: Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0px; /* Отступы для браузера IE */ padding: 0px; /* Отступы для браузера Firefox */ } h1 { font-size: 36px; /* Размер шрифта */ font-weight: bold; /* Жирное начертание */ margin: 0px; /* Убираем отступы */ color: #fc6; /* Цвет текста */ } h2 { margin-top: 0px; /* Убираем отступ сверху */ } #head { /* Верхний блок */ background: #0080c0; /* Цвет фона */ padding: 10px; /* Поля вокруг */ } #menu { /* Левая колонка */ float: left; /* Обтекание справа */ border: 2px solid #45777E; /* Параметры рамки вокруг */ width: 200px; /* Ширина колонки */ padding: 5px; /* Поля вокруг текста */ margin: 10px 10px 20px 5px; /* Значения отступов */ background: #89B7BE; } #menu div { padding: 2px; /* Поля вокруг ссылок */ } #menu a { display: block; /* Отображать ссылку как блок */ width: 190px; /* Ширина ссылки для браузера IE */ spadding: 2px; /* Поля вокруг ссылок */ margin: 1px; /* Отступы вокруг */ font-size: 90%; /* Размер текста */ text-decoration: none; /* Убираем подчеркивание текста */ } #menu a:hover { background: #faf3d2; /* Цвет фона */ border: 1px dashed #634f36; /* Добавление пунктирной рамки */ margin: 0px; /* Убираем поля */ } #content { /* Правая колонка */ margin: 10px 5px 20px 225px; /* Значения отступов */ padding: 20px; /* Поля вокруг текста */ border: 2px solid #796626; /* Параметры рамки */ background: #E8DDB5; } #line { border-bottom: 1px groove #333; /* Линия между ссылками */ } #foot { /* Нижний блок */ background: #333; /* Цвет фона */ padding: 5px; /* Поля вокруг текста */ color: #fff; /* Цвет текста */ clear: both; /* Отменяем обтекание */ } #inner { background: #4EA580; width: 560px; text-align: center; color: #FFF; } #text-content { border: 2px solid #2950B6; } p { border: 1px solid #000; } </style> </head> <body> <div id="head"> <h1>Умеренно длинный заголовок страницы</h1> </div> <div id="menu"> <div><a href="link1.html">Все байки</a></div> <div><a href="link2.html">Байки по автору</a></div> <div><a href="link3.html">Байки по теме</a></div> <div id="line"></div> <div><a href="link4.html">Популярные разделы</a></div> <div><a href="link5.html">Последние байки</a></div> <div><a href="link4.html">Популярные разделы</a></div> <div><a href="link5.html">Последние байки</a></div> <div><a href="link4.html">Популярные разделы</a></div> <div><a href="link5.html">Последние байки</a></div> <div><a href="link4.html">Популярные разделы</a></div> <div><a href="link5.html">Последние байки</a></div> <div><a href="link4.html">Популярные разделы</a></div> <div><a href="link5.html">Последние байки</a></div> <div><a href="link4.html">Популярные разделы</a></div> <div><a href="link5.html">Последние байки</a></div> <div><a href="link4.html">Популярные разделы</a></div> <div><a href="link5.html">Последние байки</a></div> </div> <div id="content"> <h2>Какой-то подзаголовок страницы </h2> <div id="text-content"> <p>Утром, при ярком солнечном свете, вс? выглядело совсем не так и мрачно, как планировалось, а даже наоборот. От свечей остались одни пот?ки, смотрелась как краска, а перья почти целиком разлетелись от ветра. Хорошо сохранились только рисунки мелом, но и они были скорее прикольные, чем злые и загадочные. Дети с неподдельным интересом разглядывали изображения, но без тени тех чувств, которые испытали взрослые ночью при луне.</p> <p>Тем не менее, оказался один человек, на которого работа произвела большое впечатление, - сторож лагеря. Дн?м он подош?л к автору .</p> <p>- Ваша работа? - начал сторож, кивая в сторону площади. - А что такое? - Ну, как же... Тут кровь..., перья птицсь только рисунки мелом, но и они были скорее прикольные, чем злыеи загадочные. Дети с неподделные углы, одна из популярнейших тенденций в современном веб-дизайне. Есть множество вариантов их реализации часто, заключающихся в размещении изображений по углам контейньны м?ртвой..., знаки какие-то страшные нарисованы..., а у вас вс? же дети маленькие, они испугаться могут...</p> <div id="inner">560px</div> </div> </div> <div id="foot"> Copyright © 2006 Влад Мержевич </div> </body> </html> Взял из статьи на сайте "Две колонки, навигация слева" код, чтобы немного доработать и показать вылезающие баги. Итак, главный баг, кот. меня очень бесит, заключается в том, что если добавить в левый float-меню-блок немного контента, а в правый контент-блок какой-нибудь достаточно широкий элемент (фотография, div с width: 560px, как в примере, и т.п.), то, при уменьшении размера окна в IE, контент-блок "разорв?тся" и див-560px перескочит вниз. Прич?м, див-560px перескочит в то место, как если бы он находился под меню-блоком, но сдвинутый вправо. Ежели див-560px будет находится ниже нижней границы меню-блока - вс? будет нормально (до тех пор, пока при уменьшении не будет достигнут очередной элемент, кот. IE не может перенести на след. строчку). Как побороть эту дурь (если это вообще возможно)???
-
<span style="white-space: nowrap;">07-ААА123456</span>
-
blackmind Рекомендую давать классам и ID осмысленные имена и начинать их с буквы, а не с цифры. П.С. Кстати, у меня вс? отображается нормально и в ИЕ, и в Опере
-
Большая просьба к тому, кто будет заниматься в?рсткой этого сайта - после завершения работы над ним, напишите, плз, сколько времени ушло на в?рстку и опишите в общих словах, какие сложности возникли. Заранее спасибо.
-
Хех, не заметил отсутствие в коде элемента с id="content" и думал, что вс? нормально... В общем, необходимо добавить text-decoration: underline; к элементу #content #transport li a А меню в строку можно расположить с помощью float.
-
Хм, у меня вышепривед?нный код нормально работает в Опере 8.51. В более ранних версиях проверить не могу. rash, попробуй проверь такой код: <ul id="transport"> <li><a href="index.php?id=23">Грузового и спец. автотранспорта</a></li> <li><a href="index.php?id=24">Автобусов</a></li> <li><a href="index.php?id=25">Легкового автотранспорта</a></li> <li><a href="index.php?id=26">Пассажиров</a></li> </ul>
-
Что значит "недоступны"?
-
Хех, я бы тоже так сказал. Предлагаю автору залить страничку на какой-нибудь бесплатный хостинг и запостить сюда ссылку для общественности. Только тогда можно будет дать более точную оценку этому шедевру. Ещ? хотелось бы узнать, каким образом автор выходит в Интернет (модем, xDSL, спутник)?
-
Код в студию.
-
Обтекание текста вокруг изображения при "position:absolute;"
WM replied to Powerslave's question in HTML Coding
По-моему, только чтобы получить то, что на yes.gif нужно будет выдумывать всяческие левые ухищрения. А учитывая то, что вс? это будет растягиваться-сжиматься, можно сказать, что мороки будет очень много и нет уверенности, что это будет нормально работать. Проще немного переделать макет, чтобы див с картинкой сидел либо в верхней ячейке, либо в нижней. yopopt А position: absolute; Powerslave'у нужен, видимо, для того, чтобы див с картинкой вылезал из потока и перекрывал нижнюю ячейку таблицы, как на yes.gif.