Jump to content

Александръ

Newbie
  • Posts

    3
  • Joined

  • Last visited

Everything posted by Александръ

  1. Спасибо , именно table-layot и не хватало, а то читаю мануал по overflow и не понимаю почему у меня не работает.
  2. Здравствуйте. Есть у меня сайт http://www.wanderer88.tu2.ru/gbook.php. Когда я ввожу длинный www или e-mail таблица смещается. Как я понимаю нужно использовать overflow, но для таблицы его использовать нельзя, поэтому мне кажется нужно использовать div'ы. Но как это вс? организовать? Я уже div вставлял во всю таблицу (отдельное сообщение), в отдельную строку, в отдельный столбец - ничего не получается. Использовал свойство hidden у overflow. Или я иду не в том направлении?
  3. Почему Opera отображает эту страницу нормально, а IE нет. В главном слое появляется какая-то линия, меню кособокое, при наведении мышкой на меню появляется белая полоса. Как это можно исправить. <HTML> <HEAD> <TITLE> Вс? об аквариумах и аквариумных рыбках. </TITLE> <link rel="stylesheet" type="text/css" href="my.css"> </HEAD> <BODY> <div id="page-all"> <div id="toplayer"> <img src=left_title.gif width=240 height=185 id=left> <img src=right_title.jpg width=240 height=185 id=right> <p align=center>Вс? об аквариумах и аквариумных рыбках</p> </div> <div class=menu> <div><a href="index.html">Главная</a></div> <div><a href="fishes.html">Каких рыбок выбирать</a></div> <div><a href="plants.html">Как выбирать растения</a></div> <div><a href="public.html">10 наивных вопросов начинающего аквариумиста</a></div> <div><a href="bank.html">Ваш аквариум</a></div> <div><a href="ground.html">Почвы</a></div> <div><a href="light.html">Свет и тепло</a></div> <div><a href="food.html">Кормление</a></div> </div> <div id="content"> <H1>Главная</H1> <p> Однажды увиденная красота подводного мира, сосредоточенная в скромном объеме домашнего аквариума, наверняка надолго останется у вас в памяти. Нигде вы не сможете наблюдать жизнь рыб, улиток, черепах и растений так наглядно, как в аквариуме. Возможность создавать свой микромир и постоянно быть свидетелем всего происходящего в нем заставляет миллионы людей по всему миру заниматься аквариумистикой, и для многих она становится столь большой частью жизни, что уже перестает быть просто увлечение, и перерастает в нечто большее - дело всей жизни. </p> <p> В продаже имеется очень много всемозможных тропических рыб и растений, наиболее подходящих для аквариума. Необходимое оборудование делается на очень высоком техническом уровне и относительно дешево. Все это позволяет добиться того, что подводный мир, изначально враждебный человеку, открывается перед нами во всей красоте, доступной до сих пор только водолазам и ныряльщикам. </p> <p> Мне хочется поделиться с вами той радостью, которую испытываешь, наблюдая за миром, который практически создан собственными руками. Если же вы уже сделали некоторые шаги на пути к этому, и у вас есть опыт в обращении с аквариумными принадлежностями и рыбками, я расскажу о том, как можно ухаживать за ними наилучшим образои, создавая для них условия существования, максимально приближенные к природным, и при этом без особых затрат. </p> </div> </div> <div id="bottom"> <p align=center font-size:50%> Моя домашняя страница </p> <p align=center> 2008 г. </p> </div> </BODY> </HTML> BODY { margin: 0 px; height: 100%; padding:0 } H1 { margin-top: -5px; font-family: 'Monotype Corsiva', Verdana,Arial, sana-serif; font-size: 50 px; color: yellow } #page-all {min-height: 100%; margin-bottom:-30px} * html #page-all {height: 100%} #toplayer { background: #3366cc; height: 185px; font-family: 'Monotype Corsiva', Verdana,Arial, sana-serif; font-size: 50px; font-weight: bold; color: yellow; margin-bottom: 10px; A {text-decoration: none} } #left { float: left; margin-left: -3px } #right { float: right; margin-right: -3px } A:link {color: yellow} A:active {color: red} A:visited {color: yellow} A:hover {color: red} .menu { width: 100px; float: left; } .menu A { display: block; width: 100px; padding: 5px; border-left: 10px solid #13649e; border-bottom: 1px solid silver; background: #74a18e; color: white; text-decoration: none; } .menu A:hover { border-left-color: orange; background: #a18e74; color: #ffffcc } #content { background: green; border: solid 1px black; margin-left: 125 px; margin-bottom: 15 px; font-size: 20px; padding: 5px; } #bottom { height: 15px; background: blue; border: solid 1px black; font-size: 50%; padding: 3px; clear: both; } #content P { font-size: 90%; text-align: justify; padding: 0px; margin: 0px; margin-bottom: 10px } P {text-indent: 20px}
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy