HTML Coding

29,542 questions in this forum

1. Резиновая вёрстка

   Здравствуйте! В общем сайт выглядет вкратце примерно так: <table width="100%"> <tr> <td width="170">левая колонка</td> <td>центральная колонка</td> <td width="170">правая колонка</td> </tr> </table> И видимо из-за того, что на сайте много медиа контента и скриптов, идёт не красивая загрузка страницы: загружается левая фиксированная по размеру колонка, затем появляется центральная колонка шириной от конца левой колонки до правой границы браузера, и затем уже появляется правая колонка, вследствии чего центральная колонка на глазах сужается. Можно ли как-то сделать, чтобы центральная колонка оставалась ре…

   Asked by ramambarum, December 7, 2010

   0 votes
   2 answers
2. INPUT type="radio" Нестандартное оформление

   Вот такая ситуация, первый раз с ней сталкиваюсь, оформить элементы формы типо текст можно, а вот как быть с радиокнопками и чеками? По заказу я должен сделать радио чтоб внутри при выборе точка была красная, как это сделать подскажите пожалуйста

   Asked by Mr Loga, December 7, 2010

   0 votes
   4 answers
3. Позиционирование слоя в гибридной странице

   Возникла необходимость внести на страницы, свёрстанные таблицами, элемент, который должен располагаться над всеми другими элементами(ячейками таблиц) страницы, на пересечении границ ячеек. Скажите пожалуйста, как вывести эту картинку "на верхнем слое", и отпозиционировать её относительно ячеек таблицы (таблица расположена всегда по центру окна, поэтому от границ окна устанавливать фиксированные координаты к сожалению нельзя ). Очень прошу помочь.

   Asked by zuldek, December 7, 2010

   0 votes
   4 answers
4. Как выровнять список страниц по центру блока навигации

   Проблема со стилями нумерации страниц. Блок wp_page_numbers имеет ширину 600px. Ссылки с номерами страниц должны располагаться по центру блока независимо от того, сколько их будет - одна или 20. У меня никак не получается выровнять список страниц по центру блока навигации. #wp_page_numbers { clear: both; width : 600px; height : auto; text-align: center!important; font-weight : normal; margin: 10px auto 20px; } #wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a { padding: 0; margin: 0; border: none; text-decoration: none; font-weight: normal; font-style: normal; list-style: none; text-transform: none; text-indent: 0; font-variant: n…

   Asked by Mila, December 6, 2010

   0 votes
   7 answers
5. при масштабировании все розваливается

   Добрый вечер. При масштабировании вся страница расползается в разные стороны. Подскажите пожалуйста, что, как, почему так получается, на что нужно обратить внимание. Еще не разу ни пробовал резиновый макет ...,вот ссылка на страничк:http://pattaya-solntsev.narod.ru/Sky/sky.html

   Asked by pattaya, December 6, 2010

   0 votes
   16 answers
6. Сложная таблица проблема с шириной в разных браузерах

   Нужно на странице показать 2 таблицы являющихся по смыслу одной, только 1я - это шапка, а вторая - содержание таблицы. Причем шапка лежит в div с параметром position: fixed; Проблема в том, в разных браузерах: Opera, IE, Chrome ширина таблиц разная, замучился уже Результат таков: Opera: верхняя уже нижней IE: все хорошо Chrome: верхняя шире нижней таблицу сюда сложно добавить + стили в отдельных файлах, поэтому вот ссылка: http://artistone.ru/pricenew1.htm до 7го столбца все отображается одинаково, дальше ширина столбцов отличается, хотя ширины столбцов явно задавл через тег COL и параметр WIDTH, есть один ньюанс, может тут дело: в верхней таблице 7я ячейка имеет п…

   Asked by vfix, December 6, 2010

   0 votes
   3 answers
7. Верстка - правый элемент ризины

   Здравствуйте. Подскажите как сделать так чтобы правый блок (#right-right) при изменении размера окна "заезжал" за пределы окна, т.е. как сейчас левый (#left-left)? вот тут макет тут Ну и может пару комментов по поводу верстки. Заранее огромное спасибо.

   Asked by clgs, December 6, 2010

   0 votes
   9 answers
8. Проблемы с меню (шапкой) сайта

   Полностью отредактированная и рабочая страница с верхним выпадающим меню: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <LINK href="images/logo_mini.jpg" type=ico rel=icon> <style> body{ background-image: url('images/фон.jpg'); } .menu{ font-family:arial, sans-serif; position:center; font-size:14px; z-index:100; margin-top:-1px; } .menu ul li a, .menu ul li a:visited{ display:block; text-decoration:none; color:#000; text-align:center; …

   Asked by LazyBoy, December 6, 2010

   0 votes
   24 answers
9. Поиск на сайте

   Хочу сделать поиск по сайту (php) Какой вариант лучше - скрипт, готовый яндекс или гугл или с помощью базы данных. Условие не должно быть никакой рекламы, быстрый, авто индексация, сайт около 400стр. в идеале похожий на http://loza.ru/ я так понимаю сайт на готовом движке Что значит сайт с базой данной - как это вообще работает Полный лузер в этом вопросе.

   Asked by Арт, December 6, 2010

   0 votes
   7 answers
10. Повторение тега "class"

    Использую jquery для вывода модальных окон. За вывод модального окна отвечает html код <a class="iframe" href="">Вывод модального окна</a>. Вместе с тем, хочу чтобы вывод модального окна происходил с картинки (спрайта), вывод которой происходит тоже через class - <a class="img-1">Ссылка</a>. Как соединить между собой коды ссылок, чтобы выводимая картинка (class="img-1") могла вызывать модальное окно (class="iframe") ????? Заранее, большое спасибо! Решение: В css файле вместо имён спрайта a.name{} и a.name:hover{} нужно поставить знак #, то есть - #name{} и #name:hover{}, а выводить в коде html через div вот так: <a class="iframe" href="page.…

    Asked by yelkin, December 6, 2010

    0 votes
    6 answers
11. Проблемы с формой обратной связи

    Добрый день всем. Взялся писать сайт для своей жены и столкнулся с проблемой в форме обратной связи. Тестирую на локальном сервере. При нажатии кнопки отправить выводит: Сообщение отправленно"; } else { echo " Сообщение не отправленно"; } ?> Вот код: <?php if (isset($_POST['name'])) {$name = $_POST['name'];} if (isset($_POST['email'])) {$email = $_POST['email'];} if (isset($_POST['message'])) {$message = $_POST['message'];} $address = 'bysinkamysinka@mail.ru'; $sub = "Это сообщение с моего сайта"; $mes = "Автор указал такое имя: $name \n Оставил такой E-mail: $email \n Содержание письма: $message"; $verify=mail($address,$sub,$mes,"Content-type:text/plain; charset =…

    Asked by boombastyk, December 6, 2010

    0 votes
    3 answers
12. class vs #

    Вроде далеко не первый день верстаю, но у меня складывается такой вопрос? Зачем надо ставить в стилях где то #, а где то class писать. У меня все прекрасно на классах работает и не парюсь, иногда ставлю # но это чисто для визуального выделения чтоб быстрее заметить. А так везде и всегда на классах пишу. Поясните пожалуйста мне неразумному.

    Asked by Mr Loga, December 6, 2010

    0 votes
    11 answers
13. Настройка страницы

    Доброе время суток! Подскажите пожалуйста, кто-нибудь знает как сделать настройку страницы (с записью в кукис) на сайте. Точно так же как на яндеске. Там на главной странице кнопка "Личные настройки->настроить яндекс" есть возможности добавлять новые блоки и перемешать блоки, при сохранение идет запись в кукис.

    Asked by Pavlov___, December 6, 2010

    0 votes
    4 answers
14. Вертикальное выравнивание

    Добрый день! Никак не могу справиться с вертикальным выравниванием. Есть меню из дивов в списке. В дивах как картинки, так и текст. Одно из картинок выше других. У меня выравнивается по верхней границе, а нужно по нижней. HTML <div id="header_img"> <ul id="categories_img"> <li><a href="#"><div><img src="../About_l.png" width="175" height="100" /></div>Contacts</a></li> <li><a href="#"><div><img src="../Cable_pic.png" width="350" height="200" /></div>Cable</a></li> <li><a href="#"><div><img src="../Sound_pic_l.png" width="175" height="100" /></…

    Asked by Ngels, December 6, 2010

    0 votes
    12 answers
15. Ссылки внутри одной страницы

    Здравствуйте, уважаемые эксперты. Вы мне один раз уже очень замечательно помогли. Сегодня, полдня потратив на попытку решить проблему с помощью интернета, решил вновь обратиться к вашей помощи. итак, проблема следующая. документ, вверху оглавление, внутри - содержание. при нажатии на знак решетки (#) в файерфоксе и на айфоне экран смещается вверх, если фотошоп не врет - 10 px. Это существенно. в других браузерах - кажись всё ок. примерный код следующий: <!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-T…

    Asked by provoloka, December 5, 2010

    0 votes
    3 answers
16. input type

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег INPUT</title> </head> <body> <form name="test" method="post" action="input1.php"> <p><b>Ваше имя:</b><br> <input name="nick" type="text" size="40"> </p> <p><b>Каким браузером в основном пользуетесь:</b><Br> <input type="radio" name="browser" value="ie"> Internet Explorer<Br> <input type="radio" name="browser" value="opera"> Opera<Br>…

    Asked by SingIe, December 5, 2010

    0 votes
    7 answers
17. помощь

    помогите пожайлуста сверстать такой сайтик. http://img717.imageshack.us/img717/561/88436952.jpg не получается, хоть убейте. расплывается весь. буду очень благодарен.

    Asked by avatarr696, December 5, 2010

    0 votes
    5 answers
18. выкладываю фото на сайт.Как защитить фото от копирования?

    Как защитить фото от копирования на сайте?

    Asked by tolya100595, December 5, 2010

    0 votes
    3 answers
19. Помогите адаптировать вкладки под свои нужды )))

    Здравствуйте ! Помогите разобраться с вкладками ! Задача в том, что бы к кнопкам Document1, Document2, Document3, Document4, Document5 привязать выполнение какого либо действия, тоесть не просто вывод текстовой информации а например загрузка картинки или xml файла. Заранее благодарен вам за помощь ! Вот пример самой странички с вкладками http://zzz.ho.ua/ Вот html код: <!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> <title>Dynamic tabs with jQuery - why and how to create them | JankoAtWarpSpeed Demos</title> <sty…

    Asked by 333_org_ua, December 5, 2010

    0 votes
    6 answers
20. Проблема с css и html

    Здравствуйте! Помогите мне сделать так, как я хочу) Показано на изображении: Вот css, который я написал для картинки div#sermonsauthor a:hover {color: #363636;} div#sermonsauthor { background: url(../img/sermonsfonauthor.png) no-repeat; width: 770px; height:263px; margin:0 auto; } div#authorphoto { width: 223px; height:223px; padding:20px; } Для текста рядом (который сине-голубым цветом) не могу написать, это в данном случае в css sermonstextauthor Вот html код: <div id="sermonsauthor"> <div id="authorphoto"><img src="/img/IMG.png"></div> <div class="sermontextauthor" id="sermonstextauthor">Этот сине-голубой текст</div> </div&gt…

    Asked by Xorigan, December 5, 2010

    0 votes
    2 answers
21. Выделение строки таблицы картинкой

    Добрый день Уже вторые сутки сижу, пытаюсь отыскать подходящий мне скрипт. Задача стоит следующей: Нужно двухуровневое вертикально меню, строки которого при наведении курсора будут выделять заданной картинкой на полную длину Один из наиболее подходящих вариантов нашел на данной странице: http://www.html-books.net/js/menu/11.php Но: в ие и опере длина строчки отображается как заданная, в фф - обрамляет текст Попробовал подобрать другие решения - вышел на эту же проблему. Вот простейший аналогичный отрезок кода: #navlink {background: #FFFFFF; color:#777777; width: 183px; height: 100%; } #navlink:hover {width:183px; background-image:url('string.png'); color:white; text-dec…

    Asked by Provodnik, December 5, 2010

    0 votes
    12 answers
22. Объясните пожалуйста, как сделать

    Мне нужно сверстать шапку. Ее размер 1024px Мне показалось этого мало, и по моей просьбе дизайнер сделал ее 1500 добавив незначительные детали. Таким образом я стал иметь 1024 полезной инфы и и 476 не особо важной... Мне нужно сверстать шапку таким образом: возьмем к примеру минимальную ширину браузера 1024px. Распилем шапку на три части... 238 1024 238 Надо сверстать DIVами чтобы центральная часть была фиксированной ширины, по центру. а левая и правая часть расширялись в зависимости от разрешения экрана. Это делается до безобразия просто на таблице <table width="100%"> <tr height="500"> <td> </td> <td width="1024px"> </td> <td>…

    Asked by squard, December 5, 2010

    0 votes
    9 answers
23. Резиновая верстка

    Всем привет. Вот допустим у меня разрешение экрана 1280х1024 в body стоит min-width: 980px;max-width: 1500px; шапка ( она сейчас единственная вставлена ) имеет разрешения 1300х453px, как я могу сделать чтобы, у меня не появлялась полоса прокрутке, а шапка растягивалась. И хотелось бы узнать как завиксировать отдельный блок чтобы он не растягивался. Спасибо. <!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> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="sh…

    Asked by ret, December 4, 2010

    0 votes
    9 answers
24. ссылки

    Можно как-то убрать свойство visited с ссылки после перехода на другую ссылку так что бы visited был активен только 1 раз когда перешел по ссылке??? Я вот хочу сделать с background-image картинкой ссылки. Ставлю ссылке на hover картинку, потом хочу что бы при нажатии на ссылку после перехода что бы background-image картинка бегала только по тем страницам куда перешел по ссылке. К примеру если это сделать с помощью HTML то не сложно поставить свойство для каждой ссылки на каждую страницу, а если использую $_GET из PHP то нз че даже и делать. Если ставлю к visited background-image то получается что у меня будет картинка по всем пройденным скылкам(( а мне ток для 1 надо....к…

    Asked by Simon, December 4, 2010

    0 votes
    14 answers
25. INPUT

    Подскажите, пожалуйста, почему в INPUT не хочет вставляться длинная строка со многими пробелами из базы даних MySQL "г.МОСКВА ул.Сереброва 24\34" обрезает по первому пробелу и выводит "г.МОСКВА"

    Asked by Shchavinsky, December 4, 2010

    0 votes
    5 answers