epog333
-
Posts
47 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by epog333
-
Спасибо, буду пробывать
-
epog333.ru в браузерах гугл хром, опера, в ИЕ норм и в мозилле норм
-
Спасибо за совет, попробую. Не понял эту фразу уменьшение ширины не помогает
-
В Mozilla сайт отображается так (то есть всё хорошо): Сайдбар как положено находится на своём месте. А теперь опера: Как видите сайдбар уполз вниз и влево. Вот код CSS: * { margin: 0; padding: 0; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; background-image: url('img/1.gif'); } a { color: blue; outline: none; text-decoration: none; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #wrapper { width: 1250px; margin: 0 auto; } /* Header —————————————————————————--*/ #header { height: 100px; } #logo { margin-top: 15px; } #block { border: 5px solid #eeeeee; margin-top: 15px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:5px; -khtml-border-radius:10px; } /* Middle —————————————————————————--*/ #middle { width: 100%; height: 1%; position: relative; } #tb { background-image: url('img/1_01.png'); width: 220px; height: 15px; padding: 10px; background-repeat: no-repeat; font-family: Verdana; font-size: 16px; color: #767676; border-bottom: 5px solid #eeeeee; } #title_text { font-family: Verdana; font-size: 16px; color: #767676; margin-bottom: 1px; } #title_text a:hover { border-bottom: 1px dashed #767676; } #mb { background-image: url('img/1_02.png'); width: 250px; background-repeat: repeat-y; font-family: Verdana; font-size: 12px; color: #3d3d3d; padding: 10px; } #bb { background-image: url('img/1_03.png'); width: 250px; height: 10px; background-repeat: no-repeat; margin-bottom: 10px; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; background-color: white; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:5px; -khtml-border-radius:10px; padding: 10px; border: 5px solid #eeeeee; } #content { padding: 0 270px 0 0; margin-top: 10px; font-family: Verdana; font-size: 12px; color: #2e2e2e; } #zapis { border-bottom: 1px dashed gray; margin-bottom: 15px; } #zapis_info { color: #767676; font-family: Verdana; font-size: 11px; margin-bottom: 5px; } /* Sidebar Right —————————————————————————--*/ #sideRight { float: left; margin-right: -3px; width: 250px; margin-left: -260px; position: relative; } /* Footer —————————————————————————--*/ #footer { height: 100px; padding: 20px; } А вот HTML: <!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=windows-1251" /> <title></title> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> </head> <body> <div id="wrapper"> <div id="header"> <div id="logo"><a href="/" ><img src="img/logo.png" /></a></div> </div><!-- #header--> <div id="middle"> <div id="container"> <div id="content"> <div id="title_text"><a href="/" id="title_text">Название записи</a></div> <div id="zapis_info">Дата: 08.04.2011 | Коментарии: 0 | Просмотров: 10</div> <div id="zapis"><strong>Content:</strong> Sed placerat accumsan ligula. Aliquam felis magna, congue quis, tempus eu, aliquam vitae, ante. Cras neque justo, ultrices at, rhoncus a, facilisis eget, nisl. Quisque vitae pede. Nam et augue. Sed a elit. Ut vel massa. Suspendisse nibh pede, ultrices vitae, ultrices nec, mollis non, nibh. In sit amet pede quis leo vulputate hendrerit. Cras laoreet leo et justo auctor condimentum. Integer id enim. Suspendisse egestas, dui ac egestas mollis, libero orci hendrerit lacus, et malesuada lorem neque ac libero. Morbi tempor pulvinar pede. Donec vel elit. <strong>Content:</strong> Sed placerat accumsan ligula. Aliquam felis magna, congue quis, tempus eu, aliquam vitae, ante. Cras neque justo, ultrices at, rhoncus a, facilisis eget, nisl. Quisque vitae pede. Nam et augue. Sed a elit. Ut vel massa. Suspendisse nibh pede, ultrices vitae, ultrices nec, mollis non, nibh. In sit amet pede quis leo vulputate hendrerit. Cras laoreet leo et justo auctor condimentum. Integer id enim. Suspendisse egestas, dui ac egestas mollis, libero orci hendrerit lacus, et malesuada lorem neque ac libero. Morbi tempor pulvinar pede. Donec vel elit. <strong>Content:</strong> Sed placerat accumsan ligula. Aliquam felis magna, congue quis, tempus eu, aliquam vitae, ante. Cras neque justo, ultrices at, rhoncus a, facilisis eget, nisl. Quisque vitae pede. Nam et augue. Sed a elit. Ut vel massa. Suspendisse nibh pede, ultrices vitae, ultrices nec, mollis non, nibh. In sit amet pede quis leo vulputate hendrerit. Cras laoreet leo et justo auctor condimentum. Integer id enim. Suspendisse egestas, dui ac egestas mollis, libero orci hendrerit lacus, et malesuada lorem neque ac libero. Morbi tempor pulvinar pede. Donec vel elit. <strong>Content:</strong> Sed placerat accumsan ligula. Aliquam felis magna, congue quis, tempus eu, aliquam vitae, ante. Cras neque justo, ultrices at, rhoncus a, facilisis eget, nisl. Quisque vitae pede. Nam et augue. Sed a elit. Ut vel massa. Suspendisse nibh pede, ultrices vitae, ultrices nec, mollis non, nibh. In sit amet pede quis leo vulputate hendrerit. Cras laoreet leo et justo auctor condimentum. Integer id enim. Suspendisse egestas, dui ac egestas mollis, libero orci hendrerit lacus, et malesuada lorem neque ac libero. Morbi tempor pulvinar pede. Donec vel elit. <strong>Content:</strong> Sed placerat accumsan ligula. Aliquam felis magna, congue quis, tempus eu, aliquam vitae, ante. Cras neque justo, ultrices at, rhoncus a, facilisis eget, nisl. Quisque vitae pede. Nam et augue. Sed a elit. Ut vel massa. Suspendisse nibh pede, ultrices vitae, ultrices nec, mollis non, nibh. In sit amet pede quis leo vulputate hendrerit. Cras laoreet leo et justo auctor condimentum. Integer id enim. Suspendisse egestas, dui ac egestas mollis, libero orci hendrerit lacus, et malesuada lorem neque ac libero. Morbi tempor pulvinar pede. Donec vel elit. </div> <div id="title_text"><a href="/" id="title_text">Название записи</a></div> <div id="zapis_info">Дата: 08.04.2011 | Коментарии: 0 | Просмотров: 10</div> <div id="zapis"><strong>Content:</strong> Sed placerat accumsan ligula. Aliquam felis magna, congue quis, tempus eu, aliquam vitae, ante. Cras neque justo, ultrices at, rhoncus a, facilisis eget, nisl. Quisque vitae pede. Nam et augue. Sed a elit. Ut vel massa. Suspendisse nibh pede, ultrices vitae, ultrices nec, mollis non, nibh. In sit amet pede quis leo vulputate hendrerit. Cras laoreet leo et justo auctor condimentum. Integer id enim. Suspendisse egestas, dui ac egestas mollis, libero orci hendrerit lacus, et malesuada lorem neque ac libero. Morbi tempor pulvinar pede. Donec vel elit. <strong>Content:</strong> Sed placerat accumsan ligula. Aliquam felis magna, congue quis, tempus eu, aliquam vitae, ante. Cras neque justo, ultrices at, rhoncus a, facilisis eget, nisl. Quisque vitae pede. Nam et augue. Sed a elit. Ut vel massa. Suspendisse nibh pede, ultrices vitae, ultrices nec, mollis non, nibh. In sit amet pede quis leo vulputate hendrerit. Cras laoreet leo et justo auctor condimentum. Integer id enim. Suspendisse egestas, dui ac egestas mollis, libero orci hendrerit lacus, et malesuada lorem neque ac libero. Morbi tempor pulvinar pede. Donec vel elit. <strong>Content:</strong> Sed placerat accumsan ligula. Aliquam felis magna, congue quis, tempus eu, aliquam vitae, ante. Cras neque justo, ultrices at, rhoncus a, facilisis eget, nisl. Quisque vitae pede. Nam et augue. Sed a elit. Ut vel massa. Suspendisse nibh pede, ultrices vitae, ultrices nec, mollis non, nibh. In sit amet pede quis leo vulputate hendrerit. Cras laoreet leo et justo auctor condimentum. Integer id enim. Suspendisse egestas, dui ac egestas mollis, libero orci hendrerit lacus, et malesuada lorem neque ac libero. Morbi tempor pulvinar pede. Donec vel elit. <strong>Content:</strong> Sed placerat accumsan ligula. Aliquam felis magna, congue quis, tempus eu, aliquam vitae, ante. Cras neque justo, ultrices at, rhoncus a, facilisis eget, nisl. Quisque vitae pede. Nam et augue. Sed a elit. Ut vel massa. Suspendisse nibh pede, ultrices vitae, ultrices nec, mollis non, nibh. In sit amet pede quis leo vulputate hendrerit. Cras laoreet leo et justo auctor condimentum. Integer id enim. Suspendisse egestas, dui ac egestas mollis, libero orci hendrerit lacus, et malesuada lorem neque ac libero. Morbi tempor pulvinar pede. Donec vel elit. <strong>Content:</strong> Sed placerat accumsan ligula. Aliquam felis magna, congue quis, tempus eu, aliquam vitae, ante. Cras neque justo, ultrices at, rhoncus a, facilisis eget, nisl. Quisque vitae pede. Nam et augue. Sed a elit. Ut vel massa. Suspendisse nibh pede, ultrices vitae, ultrices nec, mollis non, nibh. In sit amet pede quis leo vulputate hendrerit. Cras laoreet leo et justo auctor condimentum. Integer id enim. Suspendisse egestas, dui ac egestas mollis, libero orci hendrerit lacus, et malesuada lorem neque ac libero. Morbi tempor pulvinar pede. Donec vel elit. </div> </div><!-- #content--> </div><!-- #container--> <div class="sidebar" id="sideRight"> <div id="block"> <div id="tb">Название блока</div> <div id="mb">Содержание</div> </div> </div><!-- .sidebar#sideRight --> </div><!-- #middle--> <div id="footer"> <img src="http://top100-images.rambler.ru/top100/banner-88x31-rambler-green2.gif" /> </div><!-- #footer --> </div><!-- #wrapper --> </body> </html>
-
Всмысле? Хотите сказать, что мне нужно готовую вёрстку брать? я с csstemplater.com генерировал эту...
-
Я только учусь
-
У меня на локальном. Вот весь html: <!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=windows-1251" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> </head> <body> <div id="wrapper"> <div id="header"> <div id="logo">Site Name</div> </div><!-- #header--> <div id="middle"> <div id="container"> <div id="content"> <div id="title">Название</div> <div id="message"> Войска международной коалиции нанесли новые удары по Триполи. В командовании заявляют, что целью атаки были объекты ПВО. Между тем ливийские официальные СМИ сообщают, что пострадали гражданские объекты. Погибли более 60 человек. Накануне Ливия потребовала немедленного созыва Совета безопасности ООН для обсуждения западной агрессии. Согласно заявлению Каддафи, Ливия считает себя вправе использовать для самообороны свою военную авиацию. Вторая ночь операции "Одиссея" принесла новые удары с воздуха и впервые - по городским объектам в Триполи. Хотя в Пентагоне отчетливо заявили, что резиденция Каддафи не находится в списке целей, одна из ракет поразила здание в пределах дворцового комплекса полковника. Утверждается, что это был военный объект. Ливийские зенитки, которые всю ночь обстреливали небо над столицей, не смогли помешать планам коалиции. Сообщения о клубах дыма, поднимающихся в районе жилища полковника Каддафи, подтвердились, когда журналистов, аккредитованных в Триполи, разбудили перед рассветом и отвезли на место авиаудара. "Это административное здание, в котором работали люди, - сообщил представитель ливийских властей Ибрагим Муса. - Его уничтожили два часа назад. Как вы видите сами и можете запечатлеть на камеры, гражданские семьи, женщины и дети на </div> <div id="title">Название</div> <div id="message"> Войска международной коалиции нанесли новые удары по Триполи. В командовании заявляют, что целью атаки были объекты ПВО. Между тем ливийские официальные СМИ сообщают, что пострадали гражданские объекты. Погибли более 60 человек. Накануне Ливия потребовала немедленного созыва Совета безопасности ООН для обсуждения западной агрессии. Согласно заявлению Каддафи, Ливия считает себя вправе использовать для самообороны свою военную авиацию. Вторая ночь операции "Одиссея" принесла новые удары с воздуха и впервые - по городским объектам в Триполи. Хотя в Пентагоне отчетливо заявили, что резиденция Каддафи не находится в списке целей, одна из ракет поразила здание в пределах дворцового комплекса полковника. Утверждается, что это был военный объект. Ливийские зенитки, которые всю ночь обстреливали небо над столицей, не смогли помешать планам коалиции. Сообщения о клубах дыма, поднимающихся в районе жилища полковника Каддафи, подтвердились, когда журналистов, аккредитованных в Триполи, разбудили перед рассветом и отвезли на место авиаудара. "Это административное здание, в котором работали люди, - сообщил представитель ливийских властей Ибрагим Муса. - Его уничтожили два часа назад. Как вы видите сами и можете запечатлеть на камеры, гражданские семьи, женщины и дети на </div> </div><!-- #content--> </div><!-- #container--> <div class="sidebar" id="sideLeft"> <div id="block_1">Название</div> <div id="block_content_1">Контент блока</div> <div id="block_1">Название</div> <div id="block_content_1">Контент блока</div> <div id="block_1">Название</div> <div id="block_content_1">Контент блока</div> <div id="bkbg"></div> </div><!-- .sidebar#sideLeft --> <div class="sidebar" id="sideRight"> <div id="block_2">Название</div> <div id="block_content_2">Контент блока</div> <div id="block_2">Название</div> <div id="block_content_2">Контент блока</div> <div id="block_2">Название</div> <div id="block_content_2">Контент блока</div> </div><!-- .sidebar#sideRight --> </div><!-- #middle--> </div><!-- #wrapper --> </body> </html> Вот весь CSS: * { margin: 0; padding: 0; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; background-image: url('img/bg_s.png'); background-repeat: repeat-x; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #wrapper { width: 1200px; margin: 0 auto; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; } /* Header —————————————————————————--*/ #header { height: 23px; background-image: url('img/header.png'); padding: 30px; font-size: 25px; font-weight: bold; } /* Middle —————————————————————————--*/ #middle { width: 100%; height: 1%; position: relative; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; } #bkbg { background:url('img/bkbg.png') repeat-y; width: 254px; height: 100%; } #logo { color: white; } #title { background-image: url('img/title_bg.png'); height: 23px; background-repeat: repeat-x; padding: 7px; color: white; font-size: 12px; font-family: Verdana; text-shadow: 1px 1px 0px black; width: 678px; } #message {padding: 10px; width: 672px; } #content { width: 682px; padding: 0px 254px 10px 254px; } #block_content_1 { background-color: white; background-image: url('img/block_content_1.png'); background-repeat: no-repeat; padding: 10px; font-family: Verdana; font-size: 11px; } #block_content_2 { background-color: white; background-image: url('img/block_content_2.png'); background-repeat: no-repeat; padding: 10px; font-family: Verdana; font-size: 11px; } #block_1 { width: 254px; background-repeat: no-repeat; text-align:center; height:25px; background-image: url('img/block_1.png'); padding-top: 5px; font-family: Verdana; color: white; text-shadow: 1px 1px 0px black; } #block_2 { width: 254px; background-repeat: no-repeat; text-align:center; height:25px; background-image: url('img/block_2.png'); padding-top: 5px; font-family: Verdana; color: white; text-shadow: 1px 1px 0px black; } /* Sidebar Left —————————————————————————--*/ #sideLeft { float: left; width: 254px; margin-left: -100%; position: relative; background: #B5E3FF; } /* Sidebar Right —————————————————————————--*/ #sideRight { float: left; margin-right: -3px; width: 254px; margin-left: -254px; position: relative; background: #FFACAA; }
-
не получается
-
Фоновой рисунок в нём Ну мне всмысле надо, что бы фоновой рисунок в нём продолжался до конца страницы... по вертикали
-
Нужно сделать так, что бы див репитился до самого низа страницы. В CSS: #bkbg { background-image: url('img/bkbg.png'); background-repeat: repeat-y; width: 254px; height: 100%; } В HTML: <div id="bkbg"></div> Как делать подскажите!
-
ответов море
-
Сделал, в классе "p" стоял маргин 18
-
В CSS: #content { width:1184px; padding: 0; border-spacing: 0; margin: 0; } #middle_top { background-image: url('img/middle_01.png'); background-repeat: no-repeat; width: 1184px; height: 33px; } #middle_center { background-image: url('img/middle_03.png'); background-repeat: repeat-y; width: 1050px; margin: 0px 0px 0px 1px; padding: 0px 50px 0px 50px; } #middle_bottom { background-image: url('img/middle_05.png'); background-repeat: no-repeat; width: 1184px; height: 41px; } #title { color:#2368ae; font-family: Verdana; font-size: 15px; font-weight: bold; font-style: italic; } HTML (незнаю надо или нет): <div id="content"> <div id="middle_top"></div> <div id="middle_center"> <div id="title">Блог Uploader</div> <p>Платежный документ, в согласии с традиционными представлениями, устанавливает международный Указ, когда речь идет об ответственности юридического лица. Кредитор, если рассматривать процессы в рамках частно-правовой теории, обязывает незаконный кредитор, даже с учетом публичного характера данных правоотношений. Ответственность правомерно страхует уголовный закон, исключая принцип презумпции невиновности. Объект права добросовестно использует сервитут, именно такой позиции придерживается арбитражная практика. Собственность, учитывая отсутствие в законе норм, посвященных данному вопросу, вероятна. Сделка, как неоднократно наблюдалось при чрезмерном вмешательстве государства в данные правоотношения, индоссирует нормативный объект права, именно такой позиции придерживается арбитражная практика. Движимое имущество, в представлениях континентальной школы права, безусловно доказывает страховой полис, хотя законодательством может быть установлено иное. Ограниченная ответственность, в отличие от классического случая, катастрофично поручает регрессный Кодекс, что не имеет аналогов в англо-саксонской правовой системе. В самом общем случае перестрахование анонимно формирует уголовный обычай делового оборота, даже с учетом публичного характера данных правоотношений. Фрахтование, в первом приближении, своевременно исполняет законодательный задаток, именно такой позиции придерживается арбитражная практика. Предпринимательский риск последовательно экспортирует акционерный предпринимательский риск, учитывая недостаточную теоретическую проработанность этой отрасли права. Муниципальная собственность устойчиво добросовестно использует страховой полис, даже с учетом публичного характера данных правоотношений. Наследование добросовестно использует конституционный индоссамент, даже с учетом публичного характера данных правоотношений. Концессия последовательно вознаграждает гарантийный аккредитив, даже с учетом публичного характера данных правоотношений.</p> <div id="title">Блог Uploader</div> <p>Платежный документ, в согласии с традиционными представлениями, устанавливает международный Указ, когда речь идет об ответственности юридического лица. Кредитор, если рассматривать процессы в рамках частно-правовой теории, обязывает незаконный кредитор, даже с учетом публичного характера данных правоотношений. Ответственность правомерно страхует уголовный закон, исключая принцип презумпции невиновности. Объект права добросовестно использует сервитут, именно такой позиции придерживается арбитражная практика. Собственность, учитывая отсутствие в законе норм, посвященных данному вопросу, вероятна. Сделка, как неоднократно наблюдалось при чрезмерном вмешательстве государства в данные правоотношения, индоссирует нормативный объект права, именно такой позиции придерживается арбитражная практика. Движимое имущество, в представлениях континентальной школы права, безусловно доказывает страховой полис, хотя законодательством может быть установлено иное. Ограниченная ответственность, в отличие от классического случая, катастрофично поручает регрессный Кодекс, что не имеет аналогов в англо-саксонской правовой системе. В самом общем случае перестрахование анонимно формирует уголовный обычай делового оборота, даже с учетом публичного характера данных правоотношений. Фрахтование, в первом приближении, своевременно исполняет законодательный задаток, именно такой позиции придерживается арбитражная практика. Предпринимательский риск последовательно экспортирует акционерный предпринимательский риск, учитывая недостаточную теоретическую проработанность этой отрасли права. Муниципальная собственность устойчиво добросовестно использует страховой полис, даже с учетом публичного характера данных правоотношений. Наследование добросовестно использует конституционный индоссамент, даже с учетом публичного характера данных правоотношений. Концессия последовательно вознаграждает гарантийный аккредитив, даже с учетом публичного характера данных правоотношений.</p> </div> <div id="middle_bottom"></div> </div><!-- #content-->
-
Спасибо за ответы я как раз лису юзаю
-
Я знаю, что есть линейка которой можно мерить расстояние между элементами прямо в браузере, подскажите откуда взять данную вещь.
-
Спасибос! Получилось!
-
Я хочу сделать блок. Пишу: <div id="left_colon"> <div id="top_block"><img src="http://www.iconsearch.ru/uploads/icons/silk2/16x16/user.png" /> Название</div> <div id="middle_block">Текст блока</div> </div> В CSS: #top_block {background-image: url('img/bt.png'); background-repeat: no-repeat; height: 35px; padding: 8px; font-family: Verdana; color: white; text-shadow: gray 1px 1px 0px;} #middle_block {background-image: url('img/bc.png'); background-repeat: repeat-y; padding: 8px; font-family: Verdana; color: gray;} #left_colon {border-spacing: 0; margin: 0; padding: 0;} Получается так: Помогите пожалуйста!
-
Хотелось бы сделать такой эффект: Допустим я зашёл на главную страницу сайта. Нажал на кнопку "Форум" главная часть сайта свернулась и через пару секунд развернулась (всё это плавно) уже с другим контентом, в моём случае с форумом. А вапще хотел применить это чудо к хостингу изображений, то есть нажал загрузить, окно свернулась и развернулось с ссылками...
-
При заходу на мой сайт вылетает окно с сохранением непонятного файла, хотя в директории есть index.php. Сайт
-
Спасибо большое, отличный сайт и форум! Часто пользуюсь справочниками с вашего сайта, спасибо что вы есть . Я просто не правильно расставил комментарии в html и запутался с таблицами, дивами ещё не очень хорошо верстаю...
-
А где задавать? Я прописываю. TD {vertical-align: top;} Раньше в DreamWeaver всё решалось одной кнопкой, а теперь юзаю PHPDesigner
-
Это работает, но у меня и весь текст по верхнему краю выровнился...
-
У меня проблема, не могу прижать боковые колонки к верху. Вот код: <style> .left_container {border: 1px solid gray; width: 200px; height:100px; background-color: #fefefe; border-spacing: 0px;} .left_title {background-image: url('http://img-life.ru/upload_image/cc8e25dab286958a2cc47ccfe98a06a8.png'); height:30px; font-family: Verdana; font-size: 12px; border-bottom: 1px solid gray; padding-left: 5px; color: white; font-weight: bold;} .left_message {vertical-align: top; padding: 5px; font-family: Verdana; font-size: 12px;} .center_container {border: 1px solid gray; width: 800px; height:100px; background-color: #fefefe; border-spacing: 0px;} .center_title {background-image: url('http://img-life.ru/upload_image/cc8e25dab286958a2cc47ccfe98a06a8.png'); height:30px; font-family: Verdana; font-size: 12px; border-bottom: 1px solid gray; padding-left: 5px; color: white; font-weight: bold;} .center_message {vertical-align: top; padding: 5px; font-family: Verdana; font-size: 12px;} .verh_menu {background-image: url('http://img-life.ru/upload_image/cc8e25dab286958a2cc47ccfe98a06a8.png'); height:30px; font-family: Verdana; font-size: 12px; border: 1px solid gray; color: white; width: 1204px; text-align:center;} a:link {font-size:12px; text-decoration: none; color: white;} a:visited {font-size:12px; text-decoration: none; color: white;} a:hover {font-size:12px; text-decoration: none; color: white; text-shadow: #00a2ff 1px 1px 1px;} reklama {font-size:12px; text-decoration: none; color: #f4ffaa;} reklama:hover {font-size:12px; text-decoration: none; color: #f4ffaa; text-shadow: #00a2ff 1px 1px 1px;} </style> <body> <div align="center" > <!--Меню--> <table> <tr> <td class="verh_menu"> <a href="/" >Главная</a> | <a href="/" >Форум</a> | <a href="/"><reklama>Рекламная ссылка</reklama></a> </td> </tr> </table> <!--/Меню--> <table > <tr> <td> <!-- Левый --> <table class="left_container" > <tr> <td class="left_title">Кнопки</td> </tr> <tr> <td class="left_message"><div align="center"><img src="http://counter.yadro.ru/hit?t13.15;r;s1680*1050*24;uhttp%3A//megasoft.3dn.ru/;0.7987173930534416" /> <img src="http://artvit.ru/cypr?domain=megasoft.3dn.ru" /></div></td> </tr> </table> <!-- /Левый --> <!-- Центер --> </td> <td> <!-- Реклама --> <table class="center_container" > <tr> <td class="center_title" >Рекламный блок</td> </tr> <tr> <td class="center_message" >Реклама</td> </tr> </table> <!-- /Реклама --> <table class="center_container"> <tr> <td class="center_title">Пробная запись</td> </tr> <tr> <td class="center_message">Текст материала</td> </tr> </table> </td> <td> <!-- /Центер --> <!-- Правый --> <table class="left_container"> <tr> <td class="left_title">Кнопки</td> </tr> <tr> <td class="left_message"><div align="center"><img src="http://counter.yadro.ru/hit?t13.15;r;s1680*1050*24;uhttp%3A//megasoft.3dn.ru/;0.7987173930534416" /> <img src="http://artvit.ru/cypr?domain=megasoft.3dn.ru" /></div></td> </tr> </table> <!-- /Правый --> </td> </tr> </table> </div> Пробывал в CSS вставлять "vertical-align:top;", в параметры таблица "valign="top"" но нечего не получается Помогите пожалуйста