Molotok2391
Newbie-
Posts
13 -
Joined
-
Last visited
Molotok2391's Achievements
Explorer (1/14)
0
Reputation
-
Какая именно картинка?
-
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> Думаю - это то что надо. Жду от Вас ответа!
-
Эти блоки и мешают встать на место, если они не удаляются, есть вариант, поместить выше их код с футера или ниже, лучше выше, сразу после <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">
-
Да в корне ошибки, много их, то есть идут повторы: несколько футеров: <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>
-
Попробуйте задать самой картинке Идентификатор: ID <a href="#"><img src="img/logo.png" alt="альтернативный текст"/ id="imageslogo"> </a> В стилях пропишите: #imageslogo { margin:0; } Или скиньте мне в личку ссылку на сайт, я посмотрю обязательно.
-
Да, я зашел к вам на сайт и увидел, то что ожидал, ночью я перепробовал массу способов по решению задачки, и думаю будет само то, потому что у вас сейчас сдвиг в крайнем правом углу, и дизайн съезжает, попробовать стоит и моим способом И надпись вы закрыли которая была справа... В общем тренировка и ещё раз тренировка
-
Да Да Я Уже дописал смотрите Выше: #footer { width:1400px; Конечно чуть не забыл У вас резиновый, здесь поставите 100% :)/> вместо пикселей. margin:0; } То есть: #footer { width:100%; margin:0; } И будет оно
-
Так как картинка выше меню и чтобы не было отступа между ними, нужно прописать в 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; } И думаю - Заработает)
-
Нет, ничего таким макаром не получается... Кто нибудь - ХЭЛП, 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? Пробуйте)
-
Ваша шапка-картинка: 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>
-
При наведении на ячейку таблицы показывалась ссылка
Molotok2391 replied to Molotok2391's question in HTML Coding
Дорогие Друзья! Нашел Решение и без 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> Спасибо за Внимание! -
При наведении на ячейку таблицы показывалась ссылка
Molotok2391 replied to Molotok2391's question in HTML Coding
Нужно чтобы при наведении на ячейку внизу страницы показывало адрес ссылки как на обычной ссылке. -
Здравствуйте дорогие друзья! Помогите пожалуйста мне с таким вопросом: Есть таблица, Ячейки у нее являются ссылками, они работают, но при наведении на ЯЧЕЙКИ НЕ ПОКАЗЫВАЕТСЯ КУДА ОНА ВЕДЕТ, то есть внизу сайта нет адреса. Как Сделать чтобы адреса появились? Вот код: <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>