HTML Coding

29542 questions in this forum

1. Навигация

   Как думаете, такая навигация имеет право на жизнь? http://www.greymlelelele.chat.ru/gepeBo.html Просто на сайтах такую не встречал, а захотелось, что б с любой страницы можно было спокойно в один клик перейти любую другую страницу. Сделать покрасивее и норм вроде будет. Доступ с клавиатуры обеспечен! Скрипты отключены - пользуйся ссылками. Как мне показалось, код получается огромным - это минус, и всё, в остальном одни плюсы?

   Asked by Yahoo!, February 5, 2010

   0 votes
   12 answers
2. Выделить input, не сбивая дефолтной браузерной темы

   Прикручиваю jquery-вую валидацию к старинной спартанской формочке с дефолтным системным оформлением инпутов, столкнулся с проблемой, как выделить ошибочно заполненные (получившие класс .error). При изменении фона или бордера слетают остальные компоненты XPшной темы и измененные инпуты начинают казаться совсем чужеродными (другие размеры из-за padding-ов, псевдообъемность и т.п.). Outline — хороша, ненавязчиво выделяет, ничего не ломая, но... не работает в IE7 (да, совсем забыл: формочка рисуется в quirks mode, переверстывать некогда). Пока остановился на противоестественной комбинации outline для людей и filter:glow для старых ослов, но... может есть еще что-нибудь просто…

   Asked by SelenIT, October 5, 2010

   0 votes
   9 answers
3. Отправляется не тот sumbit

   Всем Доброго времени суток, ситуация такова: есть форма быстрой авторизации на сайте слева, работает нормально, только если на странице нет другой формы, к примеру регистрации или комментариев, при отправке любой из форм почему то отправляется форма быстрой авторизации, причем я так понял она принимает какие то другие параметры имен переменных. может быть, это происходит, потому что у данной формы стоят value инпутов по умолчанию? Очень надеюсь на вашу помощь, саму страницу с 2 формами можно посмотреть здесь Заранее спасибо

   Asked by selevit, January 25, 2011

   0 votes
   9 answers
4. IE 8 не видит ссылок

   Я вообще то не фанат кроссбраузерной верстки, и не заморачиваюсь насчет IE6-7 но вот в IE 8 стараюсь проверять. Но с такой проблемой столкнулся впервые. Дело в том, что этот браузер в упор не видит ссылки слева, пока не прокрутишь страницы до конца! Кто нибудь сталкивался с подобным? Если да, то как решить? _http://test.kabushikigaisha.ru/webster/ Вот CSS который к этому относится

   Asked by terminotor, March 31, 2012

   0 votes
   7 answers
5. Закрепить логотип на сайте!

   Добрый день всем! Вот на сайте http://www.netdreams.co.uk/ при уменьшении окна браузера логотип не куда не скатывается, остаётся на своём же месте. Проще говоря он прикреплен^^ У меня же при изменении чего либо, он двигается в месте с этими-же изменениями а должен прилепиться в указанном месте=)) Вот мой код: <style> .logo_img { float: left; position: absolute; margin-left: 130px; margin-top: 14px; } </style><div class="logo_img"> <img src="{THEME}/images/logo.png" alt="Логотип сайта Warcraft 3 Cheats"> </div> Подскажите что исправить нужно, чтоб логотип прикрепился в указанном месте.

   Asked by Dallas, June 4, 2013

   • Логотип
   0 votes
   7 answers
6. раскрывающаяся форма при клике и сворачивание при нажатии

   Вопрос как сделать такую форму, может есть скрипт? как вообще такое называется. внизу экрана плавает кнопочка - это понятно position:fixed; а то что внутри - display:none; нажимаешь на неё - кнопка display:none; а то что под ней становиться видимым - вся форма с отправкой сообщения. ну и с таким эффектом красивым. потом нажимаешь куда-нить. или на крестик, и форма сворачивается обратно или может плагин под вордпресс такой есть?

   Asked by nikki4, September 2, 2016

   0 votes
   3 answers
7. Как отобразить блок, который пропадает из-за overflow?

   Есть слайдер. Чтобы скрыть слайды, у блока lsbslider стоит overflow: hidden; У слайдера есть стрелки навигации. - .left хочу сместить стрелку левее от блока. т.е. чтобы стрелка была вот так: http://joxi.ru/BA0KBq0HMlxJq2 Вопрос как сделать ,чтобы она не пропадала. Сейчас стрелку не видно, так как у блока выше overflow:hidden <div class="lsbslider"> <a class="left" href="#" role="button"></a> </div> .lsbslider {width: 300px; position: fixed; left: 100px; height: 200px; background:coral; overflow: hidden; } .left { left:-30px; } .left { position: absolute; display: flex; width: 30px; height: …

   Asked by nikki4, March 9, 2019

   0 votes
   1 answer
8. 3 блока друг под другом

   Всем доброго времени суток! Хочется взять револьвер и вышибить себе мозги. Казалось бы задача простая, но то ли меня клинит, то ли неверно создана иллюзия простоты этой задачи. Условие: Есть 3 div'а. Назовём их условно: шапка, контент, футер (по логике их расположения на странице). Все они имеют фиксированную ширину 200px. Располагаются соприкасаясь друг по другом, позиционируются на странице по центру. Получается эдакий столбик. Контент имеет высоту 200px, располагается в этом столбике точно посередине. А теперь приведу абстрактную формулу, высчитывающую высоты шапки и футера (которые одинаковы) и дающую представление цели задачи. H = (max (100%, 200px) - 200px) / 2 Как …

   Asked by Mister Y, July 2, 2009

   0 votes
   12 answers
9. Красная строка

   Всем Здасьте! Допустим в файле типа default.css я могу выставить отступ красной строки, а как мне сделать, что бы он (отступ) был тока там, где я этого хочу? Я имею ввиду, может есть что-то, что можно вставить напрямую в текст и при этом без моноширинного шрифта !?!??!?!??! Спасибо!

   Asked by Vicoff, January 2, 2010

   0 votes
   5 answers
10. Проблемы с clear

    Привет, прошу совета товарищи, в общем проблема заключается в следующем: есть такой код: <!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> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } body { margin: 5px; padding: 0; } div.left { float: left; width: 250px; } div.left p { background-color: #FFCC66; } div.right { margin-left: 250px; } div.right p { background-color: #FF9966; } </style> </head> <body> <div class="left"> <p>left</p> <p>left</p…

    Asked by beginner, May 27, 2010

    0 votes
    6 answers
11. выпадающее меню

    помогите, сделал выпадающее меню, но проблема в том, когда сделал основной контент, при выпадении меню, контент уходит вниз из-за меню, как сделать, чтобы меню выпадала на контент, тоесть поверх моего контента и не сдвигало его?? Если нужен код пишите!

    Asked by aleksej, March 26, 2013

    0 votes
    11 answers
12. vertical align у inline-block

    <div class="parent"> <div class="helper"></div> <div class="child">TEXT</div></div>.parent { height:100px; width:600px; border:1px solid #ff0000;}.helper { display:inline-block; height:100%; width:1px; background:green;}.child { display:inline-block; vertical-align:middle; border:1px solid #0000ff;}Не могу понять, как работает способ вертикального центрирования. https://jsfiddle.net/mws18yoL/ Если дать элементу .helper vertical-align:middle, то центрируется отлично. Без этого нет. Но ведь должно и без того? Высота строки задана блоком .helper в 100% от родителя. Далее известно следующее - vertical-a…

    Asked by sond1k, December 7, 2015

    0 votes
    15 answers
13. как сделать постоянный отступ независымый от размера окна браузера

    прочитав статью на этом сайте "Фиксированный дизайн. Наложение слоев" решил попробовать на практике <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> body { margin: 0px; /* Убираем отступы */ } a { cursor: hand; cursor: hand; border: 0; white-space: nowrap; text-decoration: none; } #top { /* Верхняя часть с заголовком страницы */ background: #e3e8cc; /* Цвет фона */ border: solid 1px black; /* Параметры рамки */ padding: 15px 0px 15px 10px; /* Поля вокруг текста */ margin-bottom: 15px; /* Расстояние между заголовком и колонками */ font-size: 24px; /* Размер шрифта */ font-weight:…

    Asked by Gloft, January 29, 2008

    0 votes
    1 answer
14. IE6-неправильно отображает

    Здравствуйте. Нужна помощь. Я, пока что, полный чайник в кодировании . Но есть проблема: везде (IE7, Safari, Opera, Chrome, Mozila) нормально отображается фон анонса новостей, а в IE6 он более высокий/широкий. Можно посмотреть здесь.

    Asked by iAL, October 1, 2008

    0 votes
    3 answers
15. Стили таблицы - строки и столбцы

    У меня есть примерно такой код: <table> <col class='id' /> <col class='name' /> <col class='info' /> <tr class=odd> <td>1</td> <td>Пупкин</td> <td>...</td> </tr> <tr class=evn> <td>2</td> <td>Иванов</td> <td>...</td> </tr> <tr class=odd> <td>3</td> <td>Петров</td> <td>...</td> </tr> <tr class=evn> <td>4</td> <td>Сидоров</td> <td>...</td> </tr> </table> Я могу определить цвет фона чётных и нечётных строк, задавая его через классы odd и env…

    Asked by erelen, November 13, 2008

    0 votes
    5 answers
16. привязка столбцов

    Извените, уже два дня смотрю по форуму как решить данную проблему, но что-то безуспешно. Как привязать все столбики к нижней границе резиновой таблицы. Я где-то встречал данную тему, но немогу её найти. Или какие ещё существуют варианты подобного разбиения сайта? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Без названия 2</title> <style type="text/css"> body{margin: 0;padding: 0;} #TeloKolonka1{ width=199px; height:100%; backgr…

    Asked by KEKC, December 24, 2008

    0 votes
    5 answers
17. Файл Sitemap

    Создал Файл sitemap.xml для сайта. Сам в этом полный ноль сделал все по инструкции представленной здесь Но яндекс находит ошибку в нем и пишет что-то типа "Невалидный XML" Подскажите где ошибка? вот сам sitemap.xml <?xml version="1.0" encoding="windows-1251"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <url> <loc>http://www.zion.ho.ua/</loc> <changefreq>monthly</changefreq> <priority>0.8</priority> </url> <url> <loc>http://www.zion.ho.ua/index.php?page=servis</loc> <changefreq>monthly</changefreq> </url> <url&g…

    Asked by ванька, April 3, 2009

    0 votes
    6 answers
18. флоаты

    Добрый всем день. Вот хочу что бы вы поделились опытом верстки. есть к примеру три блока у которых стоит (float:left; и какая то ширина), что нужно сделать что бы блок который идет следующим нормально отображался? я делаю так: - или делаю этим блокам обвертку и прописую такие стили overflow:hidden; ( height:1%; width:100%; в зависимости что удобней; - или следующему блоку clear:both; кто ещё какие способы знает?

    Asked by mini, September 21, 2009

    0 votes
    5 answers
19. Помогите определить на что ругается валидатор?

    Подскажите, на что ругается валидатор? Я только учусь, сам допереть не могу... Из 64 ошибок осталось только 2...бьюсь третий день выхода не вижу((( буду весьма признателен за подсказку... вот ссылка на валидатор http://validator.w3.org/check?uri=http%3A%...ebelshop.com.ua . Сам адрес сайта vmebelshop.com.ua. Сейчас я привожу в божеский вид главную страницу.

    Asked by Xaroshka, January 26, 2010

    0 votes
    6 answers
20. Flash-сайты

    Очень красивый дизайн у флеш-сайтов. Можно такие фуртеля закрутить - прямо закачаешься! Но вот интересно ваше мнение какие плюсы и какие минусы у такого сайта? Возможно ли как-то подключить java script к такому сайту? Как-нибудь можно решить трудности с обновлением сайта, если сайт не рекламный и частенько подлежит обновлению? Как поисковики относятся к подобным сайтам? Большой ли размер у подобного рода сайтов? Стоит ли делать флеш-сайт, если тематика "Юмор" и раза 2 в неделю он обновляется? Просто может есть какие способы как для action script сделать актуальным или подключить java script?..

    Asked by maksimka, April 17, 2010

    0 votes
    6 answers
21. Как правильно прописать "selection" ?

    Решил вот поменять цвет выделения на сайте - добавил в css. файл строку ::selection { background: #1BBADF; color: #FFFFFF; } ::-moz-selection { background: #1BBADF; color: #FFFFFF; } Текст выделяется как положено, но при валидации возникла ошибка Предупреждение: Неизвестный псевдокласс или псевдоэлемент «selection». Правило проигнорировано из-за плохого селектора. Что делаю не так подскажите пожалуйста?

    Asked by Freeman Liberty, July 31, 2010

    0 votes
    3 answers
22. Фотогалерея

    Здравствуйте! Увидел интересную галерею http://dev.herr-schuessler.de/jquery/popeye/demo.html. Пример №2.Пробую прикрутить. На сайте есть раздел вроде доски объявлений - хотелось бы чтобы к каждой записи выводился блок фотографий. Проблема в том, что фото выводятся только к последней записи. Убрал у тега ul стиль ppy-imglist - фото выводятся к каждой записи (конечно криво, но они есть). Поэтому возникла догадка, что при каждом последующем выводе записи из БД блок фотографий просто накладывается на предыдущий. Верно ли? И как это можно исправить? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <h…

    Asked by lapwing, October 5, 2010

    0 votes
    4 answers
23. Растягивающийся фрейм

    Подскажите возможен ли растягивающийся фрейм? Проблема вот в чём: Есть гостевая книга,есть сайт вставляю гостевую книгу средствами iframe, по ширине все устраивает но по высоте есть нюанс по мере заполнения книги появляется прокрутка этого фрейма. Как это дело устранить и возможно ли это!! Вставляю фрейм следующим образом <iframe src="guestbook/index.php" width="765px" height="" frameborder="0" align="center"> Ваш браузер не поддерживает плавающие фреймы! </iframe>

    Asked by wortex, May 16, 2011

    0 votes
    4 answers
24. IE 7-8 PIE border-radius и first-child

    Доброго всем времени суток. Помогите пожалуйста решить такую проблему. Итак есть меню , у меню есть заголовок, этот заголовок сделан при помощи first-child первому li в ul , там же используется css 3 PIE для border-radius в IE. Chrome , Opera , FF как всегда нормально, но в IE7-8 заголовок просто пропадает. Дать заголовку zoom:1; position:relative; пробовал ul тоже . Всем его родителям тоже. Не помогает. Блок появляется в обоих IE если убрать border-radius. Сделать заголовок png или просто убрать его в div конечно можно. Но хотелось бы найти решение проблемы. Код: <ul class="left_menu"> <li>Наши услуги</li> <li><a …

    Asked by _loki_, August 14, 2012

    0 votes
    4 answers
25. Ссылка, а вокруг рамка...

    Нужно сверстать ссылку в положении active Вокруг нее должно появится поле. Довольно трудно объяснить, лучше нарисую _________ | Ссылка | | Ссылка | __.....____ .....\/ Итак, что мы имеем. Ссылку, поле вокруг нее и нижний указатель(он же хвост). Проблема как раз с последним. Нужно учесть то, что все это должно быть прописано в css в свойстве active, очень желательно без таблиц. Хвост является картинкой. P.S. все что написано белым шрифтом не считается

    Asked by doniv, May 4, 2009

    0 votes
    6 answers