HTML Coding

29,542 questions in this forum

1. Можно ли сделать следующее средствами HTML+CSS

   При клике на квадратик(или наименование), список должен открываться и закрываться. В принципе, наверное, можно, делая для каждого наименования свою страницу, а сделать всё на одной странице? Перемещаться как-то по якорям, при нажатии на ссылку, чтобы появлялся блок с описанием, ведь вроде есть какой-то атрибут скрывающий содержимое блока. Или без JS не обойтись?

   Asked by Анна, August 10, 2011

   0 votes
   11 answers
2. css отображение, reset.css

   есть таблица с использованием css3. На локальном клмпе выглядет идеально. Но после закидывания ее на сайт под Джумлой она косячится. Мне посоветовали css reset, я даже понял для чего это. Теперь мне нужно переопределить некоторые свойства таблицы. Вопрос, как это делать? если через firebug отключать опции в reset.css border-collapse: collapse; border-spacing: 0; то таблица показывается верно. значит мне эти опции надо переопределить в моем стиле. мой стиль оформлен так и дописан в коенц темплейта ксс.

   Asked by radarium, August 11, 2011

   0 votes
   11 answers
3. проблема с margin

   вот простой пример - http://jsfiddle.net/keut3/ Почему так выходит? Ведь у вложенного дива (.panel) отступы должны браться относительно родителя (.phone)? А выходит, как будто margin задан body. Как исправить? Наверно, это как- то связанно с Margin Collapsing? Никогда его смысла не понимал...

   Asked by Odrin, March 1, 2012

   0 votes
   11 answers
4. Разные кодировки

   У меня вопрос к специалистам какая разница какую кодировку использовать UTF-8 или ....-1251?

   Asked by nightgremlin, August 16, 2011

   0 votes
   11 answers
5. Вопрос про img

   А можно ли в img отобразить часть изображения? Или он всегда старается впихнуть в доступное пространство весь файл(в соответствии с указанными высотой и шириной)? А еще конкретнее, можно ли использовать спрайты в таблице?

   Asked by Анна, August 17, 2011

   0 votes
   11 answers
6. Список с возможностью ввода доп.записи

   Добрый день! Помогите с реализацией задумки. Имется таблица из 3-х столбцов. ip - ucastnik - address Нужно сделать форму для добавления новых данных так чтобы при добавлении была возможность указать несколько значений поля ip для одних значений ucastnik и address.

   Asked by Zvezdochet, August 23, 2011

   0 votes
   11 answers
7. Нужна помощь!)

   Дело в том что я хочу что-бы "index.php" не перезагружался при обновлении "<input name='new_address' type='text'". И что-бы ошибки выводились перед <form>. index.php <?php $result_city = mysql_query ("SELECT * FROM address WHERE address_code='$select_city'",$db); if (mysql_num_rows($result_city) > 0) { $myrow_city = mysql_fetch_array($result_city); } do { printf ("<style> #boxes%s .window { position:absolute; left:0; top:0; width:440px; height:200px; display:none; z-index:9999; padding:20px; } #boxes%s #dialog%s { width:375px; height:203px; padding:10px; background-color:#ffffff; } </style> <p>%s <a name='modal' href='#dialog%s'&gt…

   Asked by w1ndw0rk, August 24, 2011

   0 votes
   11 answers
8. резиновый блок в центре

   на сайте есть горизонтальное меню. оно должно быть в центре и резиновым (т.е удлиняется когда названии пунктах меню длинное) сейчас чтобы было в центре я дал ему ширину 60% и margin: 0 auto; но так резиновый не получается. как можно это делать?

   Asked by jumancy, August 25, 2011

   0 votes
   11 answers
9. <table>

   имеется таблица <table> <tr> <td></td> <td></td> </tr> </table> как можно сделать такую структуру: ________________ |Фото |Описание | | | | | | | |_____| | | | | | _________________

   Asked by Ledniy, August 28, 2011

   0 votes
   11 answers
10. div в правом нижнем углу

    Надо разместить див в правом нижнем углу другого дива. Если писать position:absolute; right:0; bottom:0. Он размещается, где надо, но текст внешнего дива прячется под этот див, а нужно, чтоб он обтекался. Если написать margin-top:-250px; float:right; — аналогично: блок размещается, где надо, но не обтекается текстом.

    Asked by anatoliy86, August 29, 2011

    0 votes
    11 answers
11. Как правильно называть блоки при верстке?

    Подскажите как правильно называть блоки при верстке, есть ли какие то стандарты?

    Asked by Sergey410, August 30, 2011

    0 votes
    11 answers
12. Резиновое меню при помощи таблицы

    Я начал заниматься версткой совсем недавно и хотел бы узнать. Хочу сделать резиновое меню на сайте, но возник один вопрос - можно ли сделать меню через таблицу, как показано на рисунке:Сейчас поясню, то есть каждая ячейка (кроме 1 и 2 на рисунке) при наведении будут выдавать выпадающий список. При этом, насколько я понимаю, при наведении на ячейку, выпадающий список появляется в виде таблицы. Возможно ли это?

    Asked by Bryant-24, August 31, 2011

    0 votes
    11 answers
13. закругленный блок

    Подскажите что не так? http://itmages.ru/image/view/280727/78c3ec02 <div id="content"> <div style=" margin-left:25px;" class="bred"><a style=" margin-left:47px;color:#2f35a3;" href="/machines/" >Станки с ЧПУ</a></div> <div class="conten"> <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> <div class="bocontent"> <a style="position: absolute;margin-top:5px;" class="stanok" href = "/machines/"><img src = "stanok.png" width = "150" height="148" border="0" alt="logo"></a><br /> <div class="textimg"> <ul class="hr"> <li&…

    Asked by Rambo2045, September 13, 2011

    0 votes
    11 answers
14. ссылка на тексте

    <div style="position:relative; width:200px; height:200px"> <p style="position:absolute; width:100px; height:50px; margin:0; border:1px solid black">ТЕКСТ</p> <a style="position:absolute; width:100px; height:50px;" href="#"></a> </div> два блока,один над другим в ИЕ9 сылки нет над областью текста.

    Asked by jurassik, September 27, 2011

    0 votes
    11 answers
15. как сделать меню?

    как сделать такое меню http://templates.websitetemplatesonline.com/Agriculture-Tomatoes/index.html какие есть варианты?

    Asked by olechic, September 29, 2011

    0 votes
    11 answers
16. Chrome удручает...

    Итак... шапка сайта разбита на таблицу - 4 строки и куча столбцов замысловатым образом. В firefox сайт отображается аки миленький, в хроме капризничает. ФактЪ в том, что надо сайтец подогнать под хром... вотЪ... прилагаю скрины и код: google chrome: firefox: сделал видными границы border="1" код с элементом таблиц: <div align="center"> <table cellspacing="0" width="100%" cellpadding="0" border="0"> <tr> <td colspan="6" width="100%"> <img src="header.bmp" width="100%"> </td> </tr> <tr> <td colspan="6" width="100%"> <table cellspacing="0" width="100%" cellpadding="0" border="0"> <tr> <td width="…

    Asked by laird, September 29, 2011

    0 votes
    11 answers
17. не работает простейшее меню

    Добрый день! Неожиданно столкнулся со следующей проблемой - данное меню работает в IE, а в Opera и Chrome нет <div id="menus"> <ul> <li><a href="test.php?contacts"><img src="img/menu/05.gif" alt="Контакты"></a> <li><a href="test.php?request"><img src="img/menu/04.gif" alt="Вопрос-ответ"></a> <li><a href="test.php?about"><img src="img/menu/02.gif" alt="О нас"></a> <li><a href="test.php"><img src="img/menu/01.gif" alt="Главная"></a> </ul> </div> Спасибо

    Asked by malxic, October 3, 2011

    0 votes
    11 answers
18. Проблема с div'ами

    Ребят, помогите решить проблему, пожалуйста Короче говоря, есть таблица, делённая на три части. В Опере всё нормально отображается, а вот в Хроме других браузерах, второй левый слой не растягивается до нужных размеров. Знаю, нужно было на css делать, но совершил ошибку уже, всё менять долго и времени нет. Может что с кодом не так, спасайте. Вот код: <body bgcolor="#232323"> <div align="center"> <table cellpadding="0" cellspacing="0" width="800" height="200"><tr> <td width="200" height="200" valign="top" align="center"> <div align="left"> <table width="200" border="0" cellspacing="0" cellpadding="0" id="table12" height="100%">&…

    Asked by ALIEN-XIII, October 8, 2011

    0 votes
    11 answers
19. Ситуация с Input

    http://jsfiddle.net/rrPzy/3/ Посмотрите пожалуйста такую вот ситуацию. Не могу объяснить для себя, почему строковый элемент input в этой ситуации переводится на новую строку.

    Asked by Svatov, October 8, 2011

    0 votes
    11 answers
20. Фон в форме меню/список

    Суть проблемы в том, что фон к форме отображается только в осле и мозиле, и как изменить кнопку выбора в форме? Объясните кто знает!!! код: <div id="sort"> <select name="kom" class="sortform" > <option>По командам</option> <option>Яндекс</option> <option>Почта</option> <option>Рамблер</option> </select> <select name="data" class="sortform"> <option value="b" selected>По дате</option> </select> <select name="chemp" class="sortform"> <option value="c" selected>По чемпионату</option> </select> </div> CSS: #sort{ float:left; width:1000px; height:50px; b…

    Asked by kiz, October 14, 2011

    0 votes
    11 answers
21. Google Developer Tools и UL

    В этом примере.. (нашёл тут на форуме) Google Developer Tools у меню показывает ширину/высоту UL [800 x 0] Почему высота у UL нулевая?? Ведь внутри него лишки, а в них ещё ашки??

    Asked by DrStrangeLove, October 15, 2011

    0 votes
    11 answers
22. Div поверх gmap

    Вобщем есть картинка, которую нужно разместить поверх гугл-карты. Z-index не помог. Есть ли способ? Привожу код страницы: <!DOCTYPE html "-//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-type" content="text/html; charset=utf-8"/> <title>Гугокарты</title> <script src="http://maps.google.com/maps?file=api&v=2&key=abcdefg" type="text/javascript"></script> <script type="text/javascript"> function initialize() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")…

    Asked by Lakrein, October 19, 2011

    0 votes
    11 answers
23. Как можно разместить по горизонтали несколько картинок ?

    Как можно разместить по горизонтали несколько картинок ?

    Asked by Saturn, October 19, 2011

    0 votes
    11 answers
24. проблема с высотой (height:100%) при 2 background-image

    Всем привет. Такая проблема возникла, необходимо поставить два баграунда. Один снизу в блоке по центру, простая однопиксельная повторяющаяся полоса, а другой - картинка накладывающийся сверху, необходимо контент наложить на первый, что бы он (первый) продолжался вниз до бесконечности, при: <body> <div class="bg1"> <div class="bg2"> <div class="content"> </div> </div> </div> </body> *{ margin:0;padding:0 } html, body{ height:100%; } .bg2{ background-image: url("../images/background_second.jpg"); background-repeat:no-repeat; /*height:100%;*/ height:100%; } .bg1{ background-image: …

    Asked by hjcnjdobr, October 24, 2011

    0 votes
    11 answers
25. Помогите решить простую задачу

    Нужно сделать простенькую табличку с несколькими ячейками. Хотелось бы его сделать на дивах.. Какая-то хрень выходит, причем в разных браузерах выглядит по разному... Подскажите где косяк? <style> /* Задаю границы по ширине, центральное выравнивание, бордюр */ .otziv{width:750px; margin: 0 auto; padding:0; border: 1px solid #feb735; background-color:#222;} /* Левая верхняя ячейка */ .author_otziv{width: 599px; height:25px ;position: relative; float: left; border-bottom:1px solid #feb735;} /* Правая верхняя ячейка */ .date_otziv{width:150px;height:25px ; position: relative; float: right; border-bottom:1px solid #feb735; border-left:1px solid #feb735; } /* Прав…

    Asked by veromi, October 30, 2011

    0 votes
    11 answers