Scrum
-
Posts
553 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Scrum
-
-
li {display: inline} или li {float: left;}
-
согласен с Владом.
-
первый, в тот раз выручил rash а я тупанул.
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title></title>
<style type="text/css">
/*<![CDATA[*/
table {
border: 1px solid gray;
border-collapse: collapse;
}
td {
border: 1px solid silver;
}
/*]]>*/
</style>
</head>
<body>
<table width="100%" border="1" cellpadding="0" cellspacing="1" bordercolor="#000000">
<tr>
<td rowspan="4"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td rowspan="4"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td rowspan="4"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td rowspan="4"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td rowspan="3"> </td>
<td> </td>
<td rowspan="3"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
</table>
</body>
</html> -
ну допустим
<img class="aligncenter size-full wp-image-44" title="logo1" src="http://localhost/wordpress/wp-content/uploads/2009/01/logo1.jpg" alt="logo1" width="150" height="150" />
-
издеваетесь что ли.
-
так
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title></title>
<style type="text/css">
/*<![CDATA[*/
table {
border: 1px solid gray;
}
td {
border: 1px solid silver;
}
/*]]>*/
</style>
</head>
<body>
<table width="100%" border="1" cellpadding="0" cellspacing="1" bordercolor="#000000">
<tr>
<td rowspan="4"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td rowspan="4"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td rowspan="4"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td rowspan="4"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td rowspan="3"> </td>
<td> </td>
<td rowspan="3"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
</table>
</body>
</html> -
вот не поленился.
-
если у а стоит значение display: block то не поможет.
-
a display: block ?
-
display: table;
-
В самом верху 4 строки, и где дебри?
ну надо же, а я думал в середине плюс 5 и 7 строчка снизу.
-
-
для ИЕ условные комменты, он понимает height как min-height
не улавливаю суть.
-
выкладываем проблемный участок верстки
-
Исходя из этого, предпочитаю впринципе не использовать чужих исходников, классов, библиотек: считаю это ниже своего достоинства.
Ваше право, но на деле все противоположно происходит.
средство развития мышлениябудет намного быстрее развиваться если разобрать уже готовое, взять на заметку, попрактиковаться и в дальнейшем в мозгу уже будет пара тройка комбинаций которые в последствие можно дополнять, комбинировать и в конечном итоге это может перерости в
заработка денег -
Кстати сделал футер на основе пустого блока абсолютно без багов.*
Пользуйтесь smile.gif
* проверено в Opera 9.63, Mozilla FireFox 3.05, MSIE 6.0.2900.2180
и стоило так мучатся, см 15 пост.
-
не вижу взаимосвязи центрирования и прижатия подвала.
по сабжу выкладываем проблемный участок верстки, никто не буде разбираться в этих дебрях.
-
у EI всегда было туго с inline элементами.
-
-
а маржены и падинги тут ни причем, придется подбирать line-height.
-
при чем здесь position ???
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
<!--
html, body {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
}
table {
width: 100%;
height: 100%;
table-layout: fixed;
}
td {
padding: 0;
vertical-align: top;
}
p {
margin: 0;
}
#scrollbox {
overflow: auto;
}
-->
</style>
</head>
<body>
<table>
<tr>
<td rowspan="3" width="200">menu</td>
<td colspan="2" height="160">header</td>
</tr>
<tr>
<td colspan="2" height="30">menu</td>
</tr>
<tr>
<td height="100%" width="60%">
<div id="scrollbox">
<p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p><p>text</p>
</div>
</td>
<td>menu</td>
</tr>
<tr>
<td colspan="3" height="20">footer</td>
</tr>
</table>
<script language="JavaScript" type="text/javascript">
<!--
function fixbox() {
var body = document.body.offsetHeight;
document.getElementById("scrollbox").style.height = body - 224;
}
function reload() {
window.location.reload(true);
fixbox ();
}
fixbox ();
window.onresize= reload;
-->
</script>
</body>
</html> -
что-то подобное уже выкладывал клик может поможет.
-
Дело в том, что можно выкинуть оный редактор и почитать пару книжек, позиционировать ячейки относительно таблицы это уже перебор.
ICQ протокол
in Flame
Posted
9024 уже готов.