HTML Coding

29,542 questions in this forum

1. Прозрачный угол для каринки

   Сейчас создаю дизайн, задумался смогу ли я это реализвать. Есть объект, он статической высоты стической ширины, вот его фрагмент: Красным выделена своеобразная рамка, в правой части будет текст поэтому там опросов особо то и нету. А что касается картинки, я хочу сделать так, чтобы пользователь заморачивался лишь о высоте картинки и ни в коем случае вручную не обрезал уголки. Тоесть как сделать посредством css и html так, чтобы картинка в div с определенным классом сама себе обрезала уголки в нужном месте? Например вот этак картинка: Нужно чтобы когда её вставили в ДИВ получилось вот так: На что способен я, вы можете видеть в первом изображении. Идеи: Текст будет на фон…

   Asked by 92ave, March 1, 2011

   0 votes
   26 answers
2. Размытый полупрозрачный фон

   Пример видел подобное на сайтах, но забыл каких. пытался искать в google, но как-то не получается толково сформулировать запрос. предполагаю, что данную вещь можно сделать полупрозрачной png, или скриптом. интересует как сделать или где скачать такой фон, я к сожалению с photoshop на ВЫ. если кто знает где есть статьи по этому поводу дайте ссылку.

   Asked by Switch74, November 14, 2011

   0 votes
   4 answers
3. Вёрстка большого количества страниц

   Приветствую жителей форума! У меня к вам есть вопрос. Дело в том, что я изучаю вёрстку недавно и столкнулся с очень неприятной проблемой. Мне нужно было сверстать большое количество страниц одного сайта. На каждой странице было разное размещение информации. И для каждой страницы одинаковое положение и наполнение было только у шапки сайта и у подвала. Предположим, на главной была шапка, потом шёл блок со слайдером и подвал. На другой была шапка, две колонки (текст и форма обратной связи) и подвал. На третей опять шапка, после неё две колонки с новостями, которых в каждой колонке должно было быть по три штуки и для других страниц новостей должны были прикрутить скрипт, чт…

   Asked by SNIGOWYK, December 14, 2012

   0 votes
   9 answers
4. Фильтрация таблицы на JavaScript

   Здравствуйте! Имеется таблица с заголовками. Есть к ней фильтр: https://jsfiddle.net/3eqfLb7b/ Фильтрация убирает строки tr, которые не совпадают с искомым значением. Но заголовки th остаются. Подскажите, пожалуйста, как скрыть заголовки, которые не содержат искомое значение? Заранее благодарю за помощь.

   Asked by volshebnyi, November 29, 2016

   0 votes
   7 answers
5. Как зафиксировать логотип

   Всем привет! Не могу разобраться с фиксацией логотипа, фото прилагаются. Стиль логотипа: #cs_logo{ position: absolute; top 210px; left: 260px; margin: 10px; } Код логотипа: <div id="cs_logo"><img src="images\cs_logo.png" width="150" height="150"></div>

   Asked by Sanchezzz, May 31, 2012

   0 votes
   17 answers
6. Выпадающее меню в фрейме. Меню поверх фреймов.

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

   Asked by porschefan, December 12, 2012

   0 votes
   6 answers
7. Как научится быстро и качественно верстать?

   Как научиться быстро и качественно верстать ? А то я очень долго верстаю. Есть какие то хитрости или помощники - сервисы?

   Asked by irina_f, November 14, 2014

   • верстка
   0 votes
   9 answers
8. Использовать трансформацию в анимации JQuery

   Как применить трансформацию через анимацию JQ $('.abz span:last').click(function(){ $('.w').animate({ transform: 'scale(.9)' }); });

   Asked by aqua.77, January 17, 2017

   • jquery
   0 votes
   10 answers
9. елементарная задача усложненная кроссбраузерностью.

   здравствуйте. уже 2 дня занимаюсь любовью с следующей задачей: в шапке сайна нужно поместить горизонтальную полоску определенного цвета которая начинается с координат top:77px, left:200px. и продолжается к правому краю екрана. на полоске должно быть меню. в следующем примере все работает в ИЕ. опера растягивает экран на 200 пикселей в ширину (100% ширины меню + 200 отступ с левого края) доктайп не указан. но его указание делает в опере еще хуже - пропадает цвет фона, тк. высота блока inhead становится равной 0. html <div id="head"> <div id="inhead"> <ul> <li><a href="index.html" class="menu">пунктменю</a></li> <li><…

   Asked by ua.rik, June 6, 2007

   0 votes
   5 answers
10. Как прописать права файлам-папкам? (чисто ламерский вопрос)

    У мене стоит денвер. Уперся я в тупик - как прописать права файлам и папкам? P.s. Да, Я - ламер! но это временное явление, я росту на глазах!)

    Asked by Light_82, June 17, 2008

    0 votes
    16 answers
11. input vs a href

    Можноли кнопку для отправки данных формы заменить на ссылку? <form name="form" action="/form/" method="post"> <input name="tem" type="hidden" value="tem" /> <input type="submit" name="submit" id="submit" value="отправ"> </form> <input type="submit" name="submit" id="submit" value="отправ"> заменить на ссылку можно? если да то как?

    Asked by woofs, July 13, 2009

    0 votes
    18 answers
12. Вложенный див растягивает родительский див вправо.

    Всем привет. Прошу вашей помощи, как говориться одна голова хорошо, а много лучше. И так, описание проблемы дальше. 1. Дизайнер сделал фиксированный макет с одной колонкой. Колонка 1000px. Выставлена по середине. Проблем нет, сделал. Колонку выровнял margin:0 auto; 2. Дизайнер попросил добавить фоновый рисунок повторяющийся до бесконечности к боковым колонкам(пустое место справа и слева от колонки) при разрешении более 1024 по горизонтали. Проблем нет, сделал. К body background-image прикрепил. 3. Дизайнер попросил сделать как показанно на схеме: То есть при разрешении 1024 * 768 фоновые изображения не должны отображаться. При увеличении разрешения фоновые изображения д…

    Asked by pizzZ, November 3, 2009

    0 votes
    15 answers
13. Скрыть сразу несколько блоков (javascript)

    Здравствуйте! Скажите пожалуйста как можно с помощью события onclick скрыть несколько блоков div сразу. Допустим есть блоки wind1, wind2, wind3, wind4. Для каждого из них в меню есть кнопка. Нужно чтобы при нажатии на кнопку 1 показывался блок wind1, при нажатии на кнопку 2 скрылся блок wind1 и отобразился блок wind2, то есть при нажатии на кнопку показывался только соответствующий блок, а остальные скрывались. Я решил эту проблему так: wind1: <div id="button1"> <a class="but" href="#" onclick="document.getElementById('wind1').style.display='block'; document.getElementById('wind2').style.display='none'; document.getElementById('wind3').style.display='none'; doc…

    Asked by anjoy74, June 12, 2012

    0 votes
    2 answers
14. img, вылезающая за пределы div?а в Opera при уменьшении размера окна

    Имеется код: <!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>title</title> <style type="text/css"> .content { text-align: center; padding: 20px; margin-bottom: 10px; border: 1px solid silver; } .b-content { padding: 20px; } </style> </head> <body> <div class="b-content"> <div class="content"> <img src="img1.jpg" width="735" height="512" /> </div> <div class="content"> <img src="img2.jpg" width="736" height="512" /> </div> </div&g…

    Asked by WM, July 7, 2007

    0 votes
    2 answers
15. ИЕ не отображает изображение во вложенных div

    Всем доброго дня. Проблема в том, что браузер ИЕ7 (на других версиях ИЕ не проверял) не отображает изображения во вложенных div. Код в HTML <body> <div id="header"> <div id="logotype"> <a href="/index.php"></a> </div> <div id="menubody"> <div class="home"></div> <div class="graff"></div> <div class="forum"></div> <div class="guest"></div> </div> <div id="menu"> </div> Код CSS для <div class="home"> и остальных трех .home { width:128px; height:128px; margin-top:6px; margin-left: 16px;…

    Asked by volonter, December 13, 2009

    0 votes
    18 answers
16. Помогите пожалуйста выронять меню

    Здравствуйте. Я "верстаю" шаблон, и в ie6 верхнее меню не пристыковывается с левой стороны к шапке. А firefoxe всё хорошо. Вот вёрстка HTML <!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-type" content="text/html; charset=utf-8" /> <title>Rational by Free CSS Templates</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="default.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="outer"> <div id="header"&…

    Asked by Sayitright, April 16, 2010

    0 votes
    22 answers
17. Фрейми

    Всем привет! Помогите пожалуйста, создать страницу с размещенными в ней тремя фреймами. Я уже кое-что создал в приобщенном архиве. Что именно нужно сделать: нарисовал в приобщенном файле struktura.jpg. Сами фреймы я уже создал, нужно толкосделать действия, также приобщаю в архиве frame3.rar. Поскольку на Вашем форуме не нашел как прилепить к посту файл, то пришлось виложить здесь на ифолдере. Результати пожалуйста викладивайте здесь или скидуйте на почту: honda07@ukr.net Заранее всем спасибо!

    Asked by nedan, November 2, 2008

    0 votes
    8 answers
18. не работает background color

    Вопрос, когда подключаю к divам, CCS не работает background color, в чем может быть, причина? Вот стили: #line3 { background-color: #5B3403; float: left; width: 100%; height: 5px;}

    Asked by Bach, April 10, 2008

    0 votes
    18 answers
19. Резиновый сайт с помощью CSS и DIV.

    Здравствуйте. Подскажите, кто сталкивался с такой проблемой. Есть дизайн сайта, надо сделать резиновую верстку. Но эта верстка должна отвечать многим требованиям: Сайт должен быть резиновым. Но крайне желательно ограничить размеры сайта шириной 1200 пикселей и минимальной шириной 860 пикселей. И нужно, чтобы сайт был позиционирован по центру на широких мониторах. В шапке сайта есть три рисунка. Нужно их позиционировать таким образом, чтобы рисунок слева оставался слева, рисунок справа оставался справа, а рисунок по центру находился по центру всегда, независимо от ширины монитора. Подскажите, кто сталкивался с такими трудностями - как решить? Спасибо.

    Asked by Artweb, November 12, 2011

    0 votes
    3 answers
20. позиционирование формы

    Ребят подскажите как отпозоционировать input и option что бы они были на одном уровне и одинакового размера,кучу видосов посмотрел на ютубе но там никто не объясняет толком как и почему <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <form action="#" method="post"> <p><label for="name">Name: <input type="text"></label></p> <p><label for="passvord">Passvord: <input type="text"></label></p> <p><label for="forza">Forza:</label> <select name="nav" id…

    Asked by Евгений_SB, July 8, 2017

    0 votes
    6 answers
21. Не пройти валидацию из-за указания атрибута ширины ячейки (HTML 4.01)

    Здравствуйте! Не пройти валидацию на w3c из-за:

    Asked by Boron, August 12, 2007

    0 votes
    6 answers
22. Помогите дураку (:

    Прошу помощи у тех кто что понимает в css, у меня сайт есть, и я хочу сделать чтобы в меню при наводе курсора на ссылку, ёё фон менялся на желтый, скрипт есть: <style type="text/css"> h4 {font: 18px geneva, sans-serif; margin: 0; color: #000; background: #; } a {text-decoration: none; } div#navbar {width: 100px; } div#navbar a {display:block; margin: 0; padding: 0.3em; } div#navbar a:hover {background: #000000; color: #fffc00;} div#navbar a:link {color: #fff; background-color: transparent; } div#navbar a:link:hover {color: #000000; background: #fffc00;} div#navbar a:visited {color" #CCC; background-color: transparent;} div#navbar a:visited:hover {color: #fff; b…

    Asked by aimmachine, January 29, 2009

    0 votes
    21 answers
23. Не приходят данные с формы

    Всем привет. На лендинге не приходят данные с формы, не могу понять в чем ошибка. Если не трудно, посоветуйте в чем проблема? Кусок html с формой <form action="scripts/contact.php" role="form" id="contact_form"> <div class="form-group"> <input type="text" class="form-control" id="contact_name" placeholder="Ваше имя" name="contact_name"> </div> <div class="form-group"> <input type="email" class="form-control" id="contact_email" placeholder="Ваш Email" name="contact_email"> </div> <div class="form-group"> <input type="packet" class="form-control" id="contact_packet" placeholder="Ц…

    Asked by valery, August 29, 2015

    0 votes
    9 answers
24. как сделать чтоб при измениии размера окно не двигались картинки???

    У меня вот еще какая проблема есть сайт все в родебы нормально начальству нравится, но есть одно но при изменении размера окно или разрешения экрана надпись "Главная" и картинка девушьки сильно уползают, как сделать так что они стояли на месте. я еще мало что знаю в деле Web программирования нолько ничинаю, помогите пожалуйста подскажите.

    Asked by Nickols, October 30, 2007

    0 votes
    5 answers
25. Inline-block в IE6. какая-то лажа=(

    есть многострочная менюшка, состоящая из елементов типа inline-block с фоновой картинкой и именем элемента. Через каждые четыре пункта вставлен тег </br>. В FF и опере все происходит адекватно, в IE6 перевод на новую строку просто игнорируется и пункты выстраиваются по всей ширине экрана. Использую атрибуты Display:inline; zoom:1; для получения инлайн-блока в експлорере. стили выглядят так: html>body li.catalog_block, li.first_in_line_catalog_block для всех кроме ие { list-style:none; display: inline-block; width:132px; height:188px; text-align:center; color:#f3f3f3; font:bolder 15px/10px Sans-serif; text-decoration:none; } *html li.catalog_block, li.fi…

    Asked by Love_silense, August 27, 2009

    0 votes
    7 answers