|
|
|
|
|
для: Владимир55
(14.10.2011 в 10:48)
| | конечно можно, если в ЦСС указывать #wrap {}, тогда для элемента надо будет поменять ИД. а если цсс будет задаваться через атрибуты, то вообще без проблем (с учетом того, что на странице нету жабаскриптов, иначе в них тоже нада будет поправить)
<div id='wrapper' id='wrap'>
|
| |
|
|
|
|
|
|
|
для: АЯС
(13.10.2011 в 22:11)
| | Тут ключевой для меня вопрос: #wrapper, #container, #left и #center - это специальные обозначения, которые не могут быть изменены?
К примеру, вместо #wrapper можно использовать #wrap? | |
|
|
|
|
|
|
|
для: Владимир55
(13.10.2011 в 22:05)
| |
#hren {правила} <==> <ТЕГ id="hren" style="правила">
.fig {правила} <==> <ТЕГ class="fig" style="правила">
|
| |
|
|
|
|
|
|
|
для: Lelik
(13.10.2011 в 18:52)
| | Скрипт здесь наверняка не потребуется, поскольку задача горадо проще.
Насколько я понимаю, атрибуты CSS можно задать стилями внутри head, как это сделано в исходном коде, а можно указать непосредственно в коде таблице.
Собственно, именно это мне и надо - перенести в саму таблицу то, что сейчас реализуется через #wrapper, #container, #left и #center . | |
|
|
|
|
|
|
|
для: Владимир55
(13.10.2011 в 18:41)
| | Занести в саму таблицу другим кодом...
Под "другим кодом", что имеется ввиду? То, что какой-то скрипт-обработчик просмотрит существующий файл и перепишет его под ваши нужды? Если да, то можете читать то, что ниже, если нет, то поясните конкретнее, что вы имеете ввиду :)
Занести в саму таблицу другим кодом тот результат, который дает составленное Вами выражение?
Тут ХТМЛ И ЦСС точно не помощники, а жабаскриптом можно попробывать перенести эти стили из тега style в атрибуты элементов, а потом из ДОМ дерева удалить тег style.
Но открывая исходный код у вас всё равно будет присутствовать этот самый тег style со всем его содержимым, а на сколько я понимаю, вам надо, чтобы стили переместились на постоянной основе. В случае с жабаскриптом при каждом открытии страницы браузер будет отрабатывать код и переносить стили, что говорит о неправильности подхода, тем более что можно сделать так, чтоб за один раз всё перенести.
Это ведь нужно только для таблицы?
Из приведённого вами ЦСС-кода можно оставить только
html {margin:0;height:100%;}
body {margin:0;height:100%; overflow: hidden;}
|
и для таблицы добавить margin-left: 150px; и эффект будет тот же :)
Но я не знаю назначения всех блоков, потому не могу ответить на ваш вопрос точно. | |
|
|
|
|
|
|
|
для: Lelik
(13.10.2011 в 16:54)
| | А совсем не трогать body нельзя?
Занести в саму таблицу другим кодом тот результат, который дает составленное Вами выражение?
Это ведь нужно только для таблицы? | |
|
|
|
|
|
|
|
для: Владимир55
(13.10.2011 в 16:00)
| | А разве перенести стили из тега style в атрибуты соответсвующих элементов не выход?
<style>
body {margin:0;height:100%; overflow: hidden;}
...
</style>
...
<body style="margin:0;height:100%; overflow: hidden;">
|
| |
|
|
|
|
|
|
| На странице есть только код таблицы. Вот такой:
<!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=utf-8">
<title></title>
<style>
html {margin:0;height:100%;}
body {margin:0;height:100%; overflow: hidden;}
#wrapper {height:100%; min-height:97%; min-width:100%;}
#container {height:auto !important; height:100%; min-height:100%; min-width:100%;}
#left {float:left; width:150px; height: 100%; min-height: 100%;}
#center {margin-left:150px; height: 100%; min-height: 100%; overflow: auto;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='container'>
<div id='left'>
<table border="0" width="150" style="border-collapse: collapse" id="table1" cellspacing="2" align="left">
<tr>
<td>Меню сайта</td>
</tr>
<tr>
<td>Первая строка</td>
</tr>
</table>
</div>
</div>
<div class='clear'></div>
</div>
</body>
</html>
| Как бы его видоизменить таким образом, чтобы все, что относится к таблице, было прописано в ней самой? При этом контейнер <style> </style> внутри head чтобы исчез полностью. Полностью, включая
html {margin:0;height:100%;}
body {margin:0;height:100%; overflow: hidden;}
|
Как бы это сделать? | |
|
|
|
|