Great Rash
-
Posts
7,974 -
Joined
-
Last visited
-
Days Won
144
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Great Rash
-
<?xml version="1.0" encoding="utf-8"?> <!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> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 11px "Trebuchet MS", Verdana, Tahoma, sans-serif; } body { margin: 10px; } b { font-weight: bold; } table { width: 50%; border-spacing: 2px; } table table { width: 100%; border-spacing: 0; } table table td { border: 0; } td { vertical-align: top; border: 1px solid; } .border { border: 1px solid; } .top { border-bottom: 0; } .bottom { border-top: 0; } .center { width: 2px; } </style> </head> <body> <table> <tr> <td colspan="2" style="border: 0;"> <table cellspacing="0"> <tr> <td class="border top"> text text text<br /> text text text<br /> text text text<br /> text text text<br /> text text text<br /> text text text<br /> text text text<br /> text text text<br /> text text text<br /> text text text<br /> </td> <td class="center"></td> <td class="border top"> text text text<br /> text text text<br /> text text text<br /> text text text<br /> text text text<br /> </td> </tr> <tr> <td class="border bottom"> <b>text text text</b> </td> <td class="center"></td> <td class="border bottom"> <b>text text text</b> </td> </tr> </table> </td> </tr> <tr> <td> text text text<br /> text text text<br /> text text text<br /> text text text<br /> text text text<br /> text text text<br /> text text text<br /> text text text<br /> text text text<br /> text text text<br /> </td> <td> text text text<br /> text text text<br /> text text text<br /> text text text<br /> text text text<br /> </td> </tr> </table> </body> </html>
-
Я уже сделал, но перед тем как запостить вам решение хотелось бы обговорить способ получения бабла. У меня нет web-кошелька, какие еще есть варианты? UPD: Эх плакали мои денежки Может мне все-таки удастся че-нить получить если я скажу, что сделал решение для XHTML Strict?
-
Капец! Ну и чего вы гадаете? Поставьте хотя бы доктайп и уберите XML-расширения если уж у вас там HTML.
-
Я прочитал это перед тем как ответить. Что тут скажешь... no comments
-
Ответ на засыпку: разберитесь с вашим кодом. Что это такое? <link rel=File-List href="index.files/filelist.xml"> по ссылке XML пустой Вы подключаете кучу XML-расширений, даже не зная для чего они нужны... ладно может VML и не влияет на отображение, но вот расширение для Microsoft Office, наверняка все ломает (тем более при пустом file-list'е). Ужас, вы сайт в Microsoft Office что-ли делали? Только офис может такого гумна понапихать... UPD: Плюс доктайпа никакого нет... по контексту вы юзаете XHTML, а судя по этой записи - xmlns="http://www.w3.org/TR/REC-html40" вы ссылаетесть на спецификацию HTML 4.0 (даже не 4.1). Нет точно, такое уродство только мелкомягкие могли нагенерить.
-
Почитать бы вам (ру)ководство сами-знаете-кого... Верстка так себе. Лично мне не нравится. Конструктивно высказаться не могу ибо сайт какой-то...никакой. Вы уж разберитесь что писать - либо ©, либо Copyright. "Дизайн Ярмак Дарьи" - наверное Дизайн Дарьи Ярмак, было б правильней по-русски.
-
Пока только так... как влево сдвинуть, чтоб блок ужался ума не приложу + в ИЕ не тестил. <?xml version="1.0" encoding="utf-8"?> <!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> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 11px "Trebuchet MS", Verdana, Tahoma, sans-serif; } body { margin: 10px; } div { display: inline-block; } .c { position: relative; overflow: hidden; border: 1px solid; } .c2 { position: relative; margin: -50% 0 0 -50%; } </style> </head> <body> <div class="c"> <div class="c2"> <img src="img/test.png" alt="" style="visibility: hidden;" /> <img src="img/test.png" alt="" style="position: absolute; top: 50%; left: 50%; width: 50%; height: 50%;" /> </div> </div> text text text </body> </html>
-
Кстати, отличный метод! Ща поколдуем.
-
По ссылке совсем не про то написано...
-
Ну тогда скрипты. Третьего варианта нету. Картинки с сервера приходят? Почему нельзя на сервере же и ужимать? shvv, 50% надо брать от чего-то...
-
Я тоже так думаю, там очень наглядно все показано (если не забыть ползунок подвигать).
-
Ну задать изображению ширину и высоту ручками. А как еще без скриптов? CSS выражения не поддерживает вроде.
-
А еще лучше здесь: http://redmelon.net/tstme/box_model/
-
Закругление углов посредством CSS + hover: как?
Great Rash replied to Captain Fizz's question in HTML Coding
Вы вообще о чем? <?xml version="1.0" encoding="utf-8"?> <!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> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 11px "Trebuchet MS", Verdana, Tahoma, sans-serif; } body { margin: 10px; } .cont { display: block; width: 100px; } .cont span { display: block; background: red; } .cont:hover span { background: green; } .txt { padding: 0 5px; } .c1 { height: 1px; margin: 0 5px; } .c2 { height: 1px; margin: 0 3px; } .c3 { height: 1px; margin: 0 2px; } .c4 { height: 2px; margin: 0 1px; } </style> </head> <body> <a href="#" class="cont"> <span class="c1"></span> <span class="c2"></span> <span class="c3"></span> <span class="c4"></span> <span class="txt"> text </span> <span class="c4"></span> <span class="c3"></span> <span class="c2"></span> <span class="c1"></span> </a> </body> </html> -
W3C говорит, что можно. Проценты будут считаться от ширины родителя.
-
Я бы использовал не текст, а картинки с текстом на бекграунде. Т.к. ИЕ не позволяет менять скриптом type у инпута. Типа безопасность и все такое... Кстати я в этом плане ИЕ поддерживаю.
-
Привет дружище © psywalker
-
Возникает вопрос: в какой программе вы сохраняете картинку?
-
Закругление углов посредством CSS + hover: как?
Great Rash replied to Captain Fizz's question in HTML Coding
Да ладно, все можно сделать. Надо просто ссылку (<a>) сделать блочным элементом а внутри какими-нибуть спанами намутить круглые углы и менять их цвет по ховеру. -
Я понял, чего вы хотите добиться, я только не понимаю зачем вам это надо?
-
Читайте про объектно ориентированное программирование.
-
zoom есть только в ИЕ, так что вариант этот не катит.
-
Вообще в HTML есть одна ошибка, а именно пробелы в теге <img>: вместо <img src = "pic01.jpeg" width="640" height="480"> надо писать так <img src="pic01.jpeg" width="640" height="480"> может и в этом дело...
-
Все он понимает. Просто вы забыли поставить пробел между скобкой и словом repeat (которое, кстати, писать не обязательно ибо и так тайлится).
-
ну вот и попробуйте задать прозрачность не <img>, а <li>. Уж не знаю как в ИЕ, но когда задаешь opacity в нормальных браузерах, то все что внутри контейнера становится тоже прозрачным... Еще до кучи я б попробовал поставить черный бекграунд <li>