Дайте совет, все ОК, только менью . . .

Dobo · May 22, 2009

Вот та страница сайта над которым работаю.

t a m c r e d i t . g e / f i n a n c i a l . h t m

(без пробелов)

Я хочу переделать вес сайт, чтобы все страницы были с такими же играющими цветом меню.

Все вроде бы вставила, но вот с шириной не могу справится, как поступит, чтобы и меню было резиновой.

psywalker · May 22, 2009

Dobo

t a m c r e d i t . g e / f i n a n c i a l . h t m

Зачем пробелов понаставила, а нам теперь соединять два часа, не делай так больше..

Во вторых сайт Жесть ваще)) Я не смог разобраться к сожалению, просто очень всё заграмажденно, я тебе советую вообще сверстать его на div, а не на table, а меню ваше делайте именно таблицей в любом случае, потому что пунктов меню много, список будет разваливаться, а ячейки таблицы нет

Сделайте так: И всё будет растягиваться по середине и на 100%

<!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>Untitled Document</title>
<style type="text/css">
 table { width: 100%; border-collapse: collapse;}
  td { text-align: center;}
</style>
</head>

<body>
		 <table>
			 <tr>
				 <td>1 Пункт</td>
				 <td>Покупка</td>
				 <td>Продажа</td>
				 <td >USD</td>
				 <td>00.00</td>
				 <td>00.00</td>
				 <td>Продажа</td>
				 <td >USD</td>
				 <td>00.00</td>
				 <td>00.00</td>
			 </tr>
		</table>
</body>
</html>

Edited May 22, 2009 by psywalker

Dobo · May 23, 2009

. . .

Спасибо Вам за ответ, я всетаки решаю пока оставить table, т.к. я заметила, что они более резиновые чем диви. или мож я пока не знакома на таком уровне с дивами.

Раз вы уже знакомы с моей страницей, будте добры пересмотрите его заново, я там кажется чтото поправила.

И пожалуйста посмотрите там ошибки W3 (валидатор стоит на тойже странице, ниже желтый минибанер)

Скажите мне как поправить те ошибки (они принципиально одинаковые) на которые указывает валидатор.

Надеюсь на ваш ответ

Edited May 23, 2009 by Dobo

psywalker · May 23, 2009

Dobo

1) Я настоятельно рекомендую вам научиться верстать на div, это намного удобнее, чем таблицы..

2) Насчёт Валидации у вас следующее: На одной странице не должно быть Два ID с одинаковыми именами, потому что это уникальный идентификатор и он используеться в пределах одной странице всего Один раз, тоесть у вас Два варианта: 1. Пользоваться классами 2. Поменять имена у Идентифкаторов на разные

3) Вот смотрите , я вам набросал код на div, Расположение колонок, меню, шапки и т. д., как у вас на сайте, поглядите, как мало кода я затратил, но зато теперь при таком раскладе я могу делать с сайтом, всё, что угодно, убирать колонки, менять их местами, делать шире или уже, вобщем всё, что хочу:

<!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>Div vs Table</title>
<style type="text/css">
*{ margin: 0; padding: 0;}
body { min-width: 500px;}
  div#hdr { height: 50px; background: #006; }
  div#nav { height: 20px; background: #0C0;}
  div#left { height: 500px;width: 200px; float: left; background: #F00;}
  div#right {height: 500px; width: 200px; float: right; background: #900;}
  div#cnt { height: 500px; background: #306; overflow: hidden; zoom: 1;}
  div#ftr { clear: both; background: #9F0; height: 30px;}
</style>
</head>

<body>
<div id="hdr">HEADER</div>
<div id="nav">NAVIGATION</div>
<div id="left">LEFT</div>
<div id="right">RIGHT</div>
<div id="cnt">CONTENT</div>
<div id="ftr">FOOTER</div>


</body>
</html>

И смотрится везде одинаково и проблем намного меньше, чем с Громоздкими таблицами, попробуйте, не пожалеете..

p. s. - И главное помните, div хороши только в умелых руках, поэтому начинайте изучать эту технологию и будет вам счастье

Edited May 23, 2009 by psywalker

Sign In

Дайте совет, все ОК, только менью . . .

Question

Dobo

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

Dobo

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information