Razor
-
Posts
183 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Razor
-
-
А для заказчиков?
Этот вопрос действительно требует ответа?) для заказчиков - по заказу ес-но )
-
Также - когда для себя верстаю, на ИЕ6 не смотрю, на ИЕ7 под настроение )
-
вот жеж действительно, поменял - и заработало!!! хотя посути одно и тоже ведь! (
ой незнаю. левые)
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr">
<head>
<title>таблица</title>
<style>
#d {
min-width: 500px
_width: expression(document.body.clientWidth > 500 ? "100%" : "500px");
border: 1px solid green;
marign: 0;
}
</style>
</head>
<body>
<div id="d">
123
</div>
</body>
</html>
когда сжимаю окно, ИЕ6 виснит. это у всех так или у меня эмулятор глючит?
-
Реализован правильно. Col и colgroup можно указывать всего несколько стилей:
ммм. спасибо, это прояснило ситуацию для меня. просто в стандарте http://www.w3.org/TR/html401/struct/tables...l#edef-COLGROUP написано, что можно применять и атрибут style в т.ч., поэтому меня запутало это )
-
ну я подозреваю что какие-то стили не перекрываются, но другие то перекрываются. Вот и не пойму почему. Может быть colgroup криво реализовано в браузерах?
-
<table>
<colgroup span="1" style="text-align: right; color: green; background: gray;">
<colgroup span="2">
<tr class="lvl1">
<td>Параметр</td>
<td>Значение</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>в пустой странице, других стилей и т.п. нет.
Кто-нибудь может объяснить, почему цвет к фону применяется, а вот позиционирование текста и цвет текста - не работает ?
-
relative не помогает , пробывал так уж. ох жесть(
-
<!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="ru" lang="ru" dir="ltr">
<head>
<title>таблица</title>
<style>
html, body {
position: absolute;
padding: 0;
border: 2px solid green;
}
body {
border: 5px solid #000;
position: absolute;
}
table#t1 td {
border: 1px solid blue;
width: 100%;
margin: 0 0 0 auto;
}
table#t1 { width: 100%; border-collapse: collapse; float: left;}
</style>
</head>
<body>
<table id="t1">
<tr>
<td>333333333333333333333333333333333333333333</td>
<td>1111111111111111111111111111111111111111111111111111111111111111111</td>
<td>22222222222222222222222222222222222222222222222</td>
</tr>
</table>
<br/><br/><br/>
<table style="border: 1px solid green; width: 100%;">
<tr><td>fff</td></tr>
</table>
</body>
</html>вот еще вариант придумал, но незнаю - как вытянуть таблику вторую (блок) на 100% родительского элемента, который абсолютно позиционирован - возможно?
это я про ИЕ 6, 7
-
Да, в ие6-7 косяк, это явно.
не-не, ие6 норм, 7-8 косяк ))) хотя странно что в 8...
-
psywalker, хмм, вроде работает. даже
table { width: 100%; border-collapse: collapse; float: left;}
не обязательно на сколько я понял. все заключается в body {float: left;}.
Спасибо большое)
в IE 7, 8 однако не работает (
-
да я этот вариант рассматривал, но всеже думал может какое-то решение без ЯС есть)
-
дак поставьте пробелы
да не суть, может в таблице будут размещаться изображения большие, в которых проблемы поставить не возможно.
-
да, с тегами напортачил, сори. поправил.
да и можно былоб к body {overflow: hidden;} приписать, чтоб лишнего нагромождения не делать.
но такой вариант не устраивает ( нужно чтоб body тянулось
-
<!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="ru" lang="ru" dir="ltr">
<head>
<title>таблица</title>
<style>
html, body {
width: 100%;
margin: 0;
padding: 0;
}
body {
border: 1px solid green;
}
table td {
border: 1px solid blue;
width: 100%;
margin: 0 0 0 auto;
}
</style>
</head>
<body>
<table>
<tr>
<td>333333333333333333333333333333333333333333</td>
<td>1111111111111111111111111111111111111111111111111111111111111111111</td>
<td>22222222222222222222222222222222222222222222222</td>
</tr>
</table>
</body>
</html>Если смотреть эту страницу с низким разрешением, то она не будет растягивать элемент body. Возможно ли сделать так, чтобы body растягивлся по таблице, а не подстраивался под разрешение ?, т.е. чтоб ширина таблицы == ширина боди
Уже довольно долго бьюсь над проблемой.
Заранее спасибо
-
В общем вот http://www.pan-sloboda.ru/genplan/ , если нажать на ссылочку Генеральный план, то откроется всплывающее окошко. в ИЕ8 под ХП оно отображается с самого верха, а вот в ИЕ8 под винду 7 (судя по скрину от друга) оно уплывает вверх на 50% примерно, т.е. будет невидимо наполовину.
Незнаю что можно сделать, существуют какие-то отдеьные хаки, чтобы прописать стили под ие8 для хп и отдельно для ие8 под 7 ? или использовать ява-скрипт и определяя ос подправить стили?
Других путей не вижу...
-
Нуу, например
<style>
ul {
list-style-type: outside;
}
ul li {
margin-left: 10px;
padding-left: -15px;
}
</style>
<ul>
<li>one<br/>gg</li>
<li>two</li>
</ul>не дает никакого эффекта. задача именно сблизить пункты с текстом, именно при list-style-type: outside;
-
Есть допустим вот такой вот код:
<style type="stylesheet">
ul {
list-style-type: outside;
}
</style>
<ul>
<li>one<br/>gg</li>
<li>two</li>
</ul>как можно маркеры подвинуть правее - ближе к тексту?
-
Поздравляю ) Спасибо за то, что вы с нами )
-
Ноо если сюда else document.getElementById(id).src = img_error; добавить алерт, то будет видно что он срабатывает в ИЕ, и даже src меняется, но сама картинка преждней остается( именно смена картинок не работает
-
<script>
function checkForm(id) {
var img_ok = 'img1.gif';
var img_error = 'img2.gif';
switch(id) {
case 'passwrd':
if(document.getElementsByName(id)[0].value.length >= 4) {
document.getElementById(id).src = img_ok;
}
else document.getElementById(id).src = img_error;
break;
case 'email':
alert(document.getElementsByName(id)[0].value.length);
break;
}
}
</script>
<input name="passwrd" type="password" onkeypress="if (event.keyCode==60 || event.keyCode==62) event.returnValue = false; if (event.which==60 || event.which==62) return false;" onKeyUp="checkForm(this.name);" size="20" maxlength="20" />
<img id="passwrd" src="img1.gif" style="vertical-align: middle; border: none;" />другие браузеры меняют изображения..а ие нет(
-
<!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></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
body {
overflow: hidden;
margin: 0 auto;
width: 1900px;
min-height: 100%;
height: auto !important;
height: 100%;
}
#header {
border: 10px solid green;
width: 1900px;
height: 567px;
}
</style>
</head>
<body>
<div id="header">123</div>
</body>
</html>Если такую страничку помасштабировать в той же опере, то будет происходить увеличение левого края #header, а как сделать так, чтобы увеличение шло именно к центру этого дива?
Спасибо заранее
-
Ну вот с картинкой и картой-изображением попробывал, вродебы нормально, просто думал может еще идеи какие будут) хотя вроде и так не трудно, время только нужно будет
-
Нужно сделать примерно такое вот
http://www.velegozh-park.ru/genplanS/index3.swf
только без флеша.
Может есть удобные решения? Пока в голову пришло только при помощи карты-изображений и вешать события маусовер и маусаут на display конкретных блоков. вот..
Может можно как-то попроще? Спасибо заранее
CSS. font-size: 24px/30px
in HTML Coding
Posted
На одном сайте в коде встретил строку
font: normal 24px/30px Arial;
Что может значить указание размера шрифта через слеш? в стандарте такого не нашел, это какой-то хак?