Jump to content

Molotok2391

Newbie
  • Posts

    13
  • Joined

  • Last visited

Everything posted by Molotok2391

  1. CSS: #footer { width:100%; margin:0 auto; background: url("../images/general/foot.jpg")repeat-x; height:87px; } #foot { height:87px; width:68px; float:left; background: url("../images/general/foot.jpg")repeat-x; } #footer1 { height:87px; width:527px; float:right; background: url("../images/general/foot_map.gif"); } #footer2 { height:87px; margin: 0 527px 0 68px; width:69%; background: url("../images/general/foot.jpg")repeat-x; } HTML: <div id="footer"> <div id="foot"></div> <div id="footer1"></div> <div id="footer2"></div> </div> Думаю - это то что надо. Жду от Вас ответа!
  2. Эти блоки и мешают встать на место, если они не удаляются, есть вариант, поместить выше их код с футера или ниже, лучше выше, сразу после <div id="wrapper"> moduletablefoot и customfoot не нужны, они только мешают, тем более в середине. Сделай так, чтобы они были внизу. или вверху, но ни как не в середине футера... <div id="wrapper"></div> <div id="footer"> <div id="foot"></div> <div id="footer1"> </div> <div id="footer2"> </div> </div> <div class="moduletablefoot"> <div class="customfoot">
  3. Да в корне ошибки, много их, то есть идут повторы: несколько футеров: <div id="footer"> <div class="moduletablefoot"> <div class="customfoot"> <div id="footer"> <div id="foot"> <div id="footer1"> </div> <div id="footer2"> </div> Дальше не буду перечислять, нужно удалить лишние дивы - они не нужны точно!!! Оставить только необходимое для футера! Это: <div id="footer"> <div id="foot"> </div> <div id="footer1"> </div> <div id="footer2"> </div> </div> Я зашел к вам на сайт - видимых ошибок по моему коду нет, блок не может встать на свое место по тому что он дублирован и не один раз, видно не вооруженным глазом - удалять лишнее. Что ниже <div id="wrapper"> просмотрите качественно! Никаких повторов не должно быть! 1. После <div id="wrapper"> должно идти: <div id="footer"> <div id="foot"></div> <div id="footer1"> </div> <div id="footer2"> </div> </div>
  4. Попробуйте задать самой картинке Идентификатор: ID <a href="#"><img src="img/logo.png" alt="альтернативный текст"/ id="imageslogo"> </a> В стилях пропишите: #imageslogo { margin:0; } Или скиньте мне в личку ссылку на сайт, я посмотрю обязательно.
  5. Да, я зашел к вам на сайт и увидел, то что ожидал, ночью я перепробовал массу способов по решению задачки, и думаю будет само то, потому что у вас сейчас сдвиг в крайнем правом углу, и дизайн съезжает, попробовать стоит и моим способом И надпись вы закрыли которая была справа... В общем тренировка и ещё раз тренировка
  6. Да Да Я Уже дописал смотрите Выше: #footer { width:1400px; Конечно чуть не забыл У вас резиновый, здесь поставите 100% :)/> вместо пикселей. margin:0; } То есть: #footer { width:100%; margin:0; } И будет оно
  7. Так как картинка выше меню и чтобы не было отступа между ними, нужно прописать в css: что отступ снизу (margin-bottom:0;) картинки, и отступ от самого меню сверху тоже чтобы был ноль: (margin-top:0;) Прописываете это: здесь: #main img { border: 1px black solid; padding-left:20px; margin-bottom:0; } и Здесь: .menu { background:#AFAFAF; overflow: hidden; margin-top:0; } И думаю - Заработает)
  8. Нет, ничего таким макаром не получается... Кто нибудь - ХЭЛП, SOS!!! =) Попробуй: .container3 a { margin: 10px 0; Внешний отступ сверху, снизу по 10px (попробуй меньше 10, больше 10) padding: 10px 0; Внутренний отступ сверху, снизу по 10px (попробуй меньше 10, больше 10) } Если не работает: Возможно Конфликты Полей, почитайте и про это) Также можете: Заключить ваши заголовки в параграфы (абзацы - как хотите) <p><a href='index.html'>Главная</a></p> и с ними экспериментировать отступы сверху, снизу: .container3 p { margin: 10px 0; Внешний отступ сверху, снизу по 10px (попробуй меньше 10, больше 10) padding: 10px 0; Внутренний отступ сверху, снизу по 10px (попробуй меньше 10, больше 10) } Что то должно подойти, margin? padding? p? Пробуйте)
  9. Ваша шапка-картинка: 1400 длина * 257 ширина и сайт играет от этого. Футер должен быть в сумме 1400 пикселей. Исходя что у вас есть: Картинка на 68 пикселей (позже сделаем ей margin:0 так надо будет, об этом позже.) Первый футер: это фон цвета: #0C4A69 растянутый процентами вправо до 50%, Второй футер: это картинка 527 на 100 (в стилях прописана ширина 87 и это правильно) Тогда можно посчитать 1400-527=873-68=805 должна быть середина, так как не два а три блока должно и быть в футере, сейчас все по порядку: Нужно будет сделать три блока, заключенные в один блок div. Первый блок с картинкой длина которого 68 пикселей, она заключена в блоке foot, пускай так и останется, float:left, margin:0 Второй блок создадим после него, назовем: footer1 с длиной в 805 пикселей Третий блок создадим footer2. отмечу: что у вас идет как class, а не id, сделаем его все равно id и он у вас должен быть float: right, теперь о самих стилях css и правилах: Стили: #foot { width:68px; float:left; margin:0; background-image: logo.png; url всё как положено; height: 87px; background: #0C4A69; } #footer1 { width:805px; margin-left:68px; margin-right:527px; background: #0C4A69; } #footer2 { width:527px; margin-left:873; float:right; background-image: foot_bg.jpg; url всё как положено; text-align: right; } #footer { width:1400px; Конечно чуть не забыл У вас резиновый, здесь поставите 100% вместо пикселей. margin:0; } ХТМЛ: <div id="footer"> <div id="foot"></div> Здесь у вас будет картинка с длиной 68 пикселей logo.png <div id="footer1"></div> Здесь у вас будет фон background: #0C4A69; <div id="footer2"></div> Здесь у вас будет картинка с длиной 527 пикселей foot_bg.jpg </div>
  10. Дорогие Друзья! Нашел Решение и без onClick! Возможно пригодится кому Само решение: <style type="text/css"> a.cell { display: block; background: #fff; text-decoration: none; font-weight: bold; color: #000; padding: 3px 0px 3px 0px; } a.cell:hover { display: block; background: #ebebeb; text-decoration: none; font-weight: bold; color: #FF8000; padding: 3px 0px 3px 0px; } a.but { display: inline; background: #fff; text-decoration: none; font-weight: bold; color: #000; padding: 2px 3px 2px 3px; } </style> HTML: <table width="300"> <tr> <td> <a class="cell" href="/">ссылка-ячейка</a> </td> </tr> </table> Спасибо за Внимание!
  11. Нужно чтобы при наведении на ячейку внизу страницы показывало адрес ссылки как на обычной ссылке.
  12. Здравствуйте дорогие друзья! Помогите пожалуйста мне с таким вопросом: Есть таблица, Ячейки у нее являются ссылками, они работают, но при наведении на ЯЧЕЙКИ НЕ ПОКАЗЫВАЕТСЯ КУДА ОНА ВЕДЕТ, то есть внизу сайта нет адреса. Как Сделать чтобы адреса появились? Вот код: <style type="text/css"> .over67 {background-color: #fff; font-weight: bold; cursor: pointer;} .out67 {background-color: #fff; font-weight: normal;} </style> <table> <tr> <td onMouseOver="className='over67'" onMouseOut="className='out67'" onClick="document.location='Здесь ссылка'"><img src="picture1.png" align="left">Файлы</td> </tr> </table>
×
×
  • 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