HTML Coding

29542 questions in this forum

1. bottom... с position absolut и relative

   Доброго времени госопда, открыл простой урок по bottom, все очень банально, есть 2 div'a, 1ый является контейнером с фиксированной высотой и шириной 200px, в нем находится еще один div, с позицией relative и bottom суть такова если задаю абсолютное позиционирование (absolute) то как и положенно вложенный div относительно окна браузера делает отступ, если использую relative как-то не правильно работает, не как в уроке написанно, подскажите в чем моя ошибка? HTML <div class="di_img"> <div class="di_img_cont"> </div> </div> CSS .di_img { margin:100px; width:200px; height:200px; background:#F00;} .di_img_cont { background:#0F0; width:50px;…

   Asked by Arhidiablo, August 19, 2013

   0 votes
   6 answers
2. Как можно реализовать

   Подскажите пожалуйста, можно ли сделать на css то, что изображено на картинке: http://prntscr.com/2ew4u1 Как это лучше сделать? Есть ли смысл пытаться делать на css или вставить картинкой лучше? http://jsfiddle.net/3J7dW/

   Asked by Imperil, December 29, 2013

   0 votes
   3 answers
3. выравненный по вертикали тултип

   http://joxi.ru/uxt7U_3JTJDDMELyvMQ Можно ли вот так выравнивать по вертикали тултип с динамичесокй высотой? Или без javascript не обойтись?

   Asked by Zverushka, May 20, 2014

   0 votes
   9 answers
4. Очень нужна помощь HTML+CSS+JS

   Суть вопроса: в HTML страничке реализована анимация средствами CSS: // CSS .fon_animate{ ...width: 0px; animation: timing_left 2s ease forwards;}@keyframes timing_left { 100%{ width: 400px; margin-left: 0px; }}//HTML <div class = "fon_animate" style="top:250px; animation-delay: 1s"> <img src = "../res/img/blank.png"></div>Необходимо по кнопке клавиатуры, например пробел, либо сокращать время анимации до нуля, либо переходить к 100% анимации. Я так понимаю это можно реализовать средствами JQuery. Очень буду рад и благодарен за помощь!

   Asked by dobryc, November 17, 2014

   • html
   • css
   • js
   • jquery
   • animation
   0 votes
   4 answers
5. Проблема с tabs на css

   http://versuscat.esy.es/blog.html Браузер,при переключении табов перенаправляет страничку вверх.Я хочу избавится от этого эффекта,чтобы когда переключал табы,положение на странице не менялось. http://codepen.io/wallaceerick/pen/ojtal - это исходник с которого было скопировано и переделано под себя решение(там тоже перенаправляет положение на странице вверх) Помогите пожалуйста

   Asked by MegaS, May 8, 2015

   • css
   • html
   • problem
   • верстка
   • tabs
   0 votes
   2 answers
6. Гугл шрифт

   Подгрузил шрифт в head прописал - <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300subset=cyrillic,cyrillic-ext,latin,greek,latin-ext,vietnamese' rel='stylesheet' type='text/css'> в css - font-family: 'Open Sans Condensed', sans-serif; В браузерах отображается все хорошо а вот планшет не видет шрифтов ((( В чем может быть проблема ?

   Asked by virtas, May 30, 2015

   • шрифт
   0 votes
   3 answers
7. Как сделать свои курсоры со значениями

   Здравствуйте! Мой первый пост на этом форуме. HTMLBOOK пользуюсь регулярно. Надеюсь, и тут меня примут хлебом да солью Прошу строго не судить мои "Остроумные" вопросы и в будущем, верстать я начал в конце февраля. Перейдем ближе к теме. Я хотел спросить, как сделать свои курсоры на сайте. Нашел много инфы в интернете, в том числе и http://htmlbook.ru/css/cursor Но нигде не нашел ответа на свой вопрос. Я уже знаю, как сделать общий курсор на весь сайт. Но как задать множество видов курсоров - обычный, при наведении на ссылку, на текст и прочее? Как задать им значения? Буду очень благодарен Да и, пожалуйста, давайте обойдемся без "Зачем тебе ставить свой курсор" и т.п…

   Asked by OneDev, March 10, 2016

   • курсор
   0 votes
   1 answer
8. Пикселизация текста

   Здравствуйте! подскажите и-за чего это может быть? -webkit-text-size-adjust: 100%; --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; -…

   Asked by dimpase, April 6, 2021

   0 votes
   0 answers
9. Нужна помощь в создании сайта!

   Скромнай просьба. Я только начел создовать сайт, и вообще заниматься сайтостроительством. Поетому я в этой теме буду задавать вопросы,а вы плиз помогите ответом.(ТИпа FAQ)! Вопрос ?1 У меня проблема, друг сделал дизайн главной страницы и написал чтото на инглише, так вот, гогда я пишу на русском то вот что получаеться : &?&?礮弢r> . &?䰮&?宮. Что делать?

   Asked by Sy, December 22, 2007

   0 votes
   1 answer
10. Проможетки между слоями при postion:absolute

    Вопрос заключается в следующем: как разеделить слои при абсолютном позиционировании?, не прибегая к раздаче индивидуальных координтат каждому, что замедлит рендеринг. При обычном позиционировании я просто делал пустой слой с нужным мне height. Когда я вствляю такой же слой посередине 2-х слоёв, которые находятся в одном общем слое с postion:absolute, высота пустого слоя увеличивается, но он ожидаемо распологается на странице «сам по себе» поверх, начинаясь с тех же координтат, что и оба слоя находящихся внутри общего, никак не меняя расстояния между верхним и нижнем слоем. P.S. Модератор, пожалуйста исправь в названии темы слово «Проможетки».

    Asked by jas0n, October 14, 2008

    0 votes
    2 answers
11. Подскажите программу

    Добрый день! Не мог бы мне кто-нибудь подсказать программу для веб-дизайна, примерно такого типа как FrontPage? Главное условие, чтобы она была официально бесплатной и её можно было бы установить на работе не опасаясь, что фирма может попасть на штраф. Заранее спасибо.

    Asked by elena22, December 4, 2008

    0 votes
    3 answers
12. <Form> в блоке который display:none

    Сделали на сайте форму авторизации на основе SimpleModal Demos (а именно на основе Basic Modal Dialog) http://www.ericmmartin.com/simplemodal/ но получилось что форма авторизации, находится в блоке с display:none и не работает. Есть у кого какие предложения как её можно оживить в display:none ?? Заранее спасибо

    Asked by droncl, May 28, 2009

    0 votes
    3 answers
13. Вертстка дивами и таблицами

    Вкратце: есть сайт, сверстанный на таблицах. Все устраивает, но нужно сделать небольшую модернизацию. Покажу на примере. <div>контент</div> <table> <tr><td>шапка</td></tr> <tr> <td>колонка с меню</td> <td>место для контента</td> <td>колонка с текстом</td> </tr> <tr><td>подвал</td></tr> </table> Экспериментировал сам, но по человечески вставить див с контентом в нужное место не получается. Пробовал вставлять контент позиционированием div. Последний затык - в высоте ячеек. Никак не получается подогнать их по высоте сайта. Может есть способ "им…

    Asked by vydr, August 23, 2010

    0 votes
    5 answers
14. Форма растягивает блок

    Привет всем участникам! Возникла проблема при верстке. Имеется блок с фотографией пользователя. Фотография может быть разная, как по высоте, так и по ширине, но важным для моей задачи является именно ширина. Под блоком с фотографией находится блок с некоторым контентом. Задача в том, чтобы этот блок был такой же ширины, как и ширина загруженной фотографии. Поэтому я не задавал ему ширину, разместил блок с фотографией и с контентом в таблицу. Блок с контентом растягивается на ширину ячейки, ширину которой, в свою очередь, определяет ширина фотографии. Казалось бы, задача решена. Но в блоке с контентом имеется форма, которая раскрывается при нажатии на ссылку. И при развор…

    Asked by nickostyle, January 26, 2011

    0 votes
    2 answers
15. Щелчек по свободному полю -> переход по ссылке

    Всем привет, Уважаемые форумчане, прошу Вашей помощи в решении такого вопроса: Создал сайт на джумле, менюшки, ествественно, гененируются автоматически и на выходе получается вот такой код: <ul class="menu"> <li id="item-105"><a href="/index.php/kamaz" >камаз</a></li> <li id="item-106"><a href="/index.php/maz" >маз</a></li> <li id="item-107"><a href="/index.php/paz" >паз</a> <li id="item-109"><a href="/index.php/uaz" >уаз</a></li> <li id="item-110"><a href="/index.php/ural" >урал</a></li> <li id="item-111"><a href="/index.php/yazda" >язда&l…

    Asked by goodguy, May 4, 2011

    0 votes
    2 answers
16. Как выровнять модули

    Всем привет, помогите пожалуйста решить проблему, дело в том, что у меня есть 2 кода, но один выше друго-го, и у меня не получается их выровнять... <left><script type="text/javascript" src="http://stream9.radiostyle.ru/swfobject.js"></script> <div id="player"> <script type='text/javascript'> var so = new SWFObject('http://stream9.radiostyle.ru/mediaplayer.swf','single','180','20','7'); so.addVariable('type', 'mp3'); so.addVariable('file', 'http://stream9.radiostyle.ru:8009/sarp'); so.addVariable('width','180'); so.addVariable('height','20'); so.addVariable('volume','50'); so.addVariable('autostart', 'false'); so.write('player'); </script…

    Asked by safari, August 26, 2011

    0 votes
    12 answers
17. Данные в БД не отправляются

    Страница с формой для отправки <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Блок Администрации</title> </head> <body> <form name="form1" method="post" action="add_news.php"> <p> <label>Введите название<br> <input type="text" name="title" id="title"> </label> </p> <p> <label>Введите краткое описание<br> <input type="tex…

    Asked by Mahay, October 7, 2011

    0 votes
    6 answers
18. Уникальная ширина первой ячейкм таблицы

    У меня есть таблица. Ширина каждой ячейки, кроме первой, равна 151px. А у первой должна быть 14px. Таблица имеет id="apa". Я пишу свойство CSS #apa td{ padding: 0; width: 151px; } Первой ячейке я пишу class="first" .first{ width:14px; } Почему ширина не применяется? В FireBug пишется, что браузер его видит, но даёт приоритет ширине 151px. Как сделать так, чтобы ширина применялась корректно? Можно ли сделать без класса?

    Asked by sktemp, September 12, 2012

    0 votes
    12 answers
19. CSS fixed top

    Есть HTML. <div class="block"> Содержимое блока </div> Есть CSS Что происходит При прокрутки страницы блок фиксируется по центру экрана. Что нужно При прокрутки страницы блок должен позиционироваться сверху. Подскажите Хотелось бы как тут. (форма поиска)

    Asked by Krookers, October 31, 2012

    0 votes
    5 answers
20. Проблема с кириллическими шрифтами.

    Я столкнулся с проблемой реализации двуязычного сайта. Точнее подгрузки шрифта, чтобы сайт отображался на английском и русском языках. Выбранный шрифт - http://font.ubuntu.com/ Латиница и кирилица присутствуют. Через fontsquirrel генерировал необходимые файлы. Прописал все в код и в CSS и был счастлив, но кирилица нужным шрифтом не отображается. Вернулся в fontsquirrel стал копаться в опциях генератора, нашел где можно поставить галку Кирилица. Файлы получились вдвое тяжелее предыдущих. Почти что был счастлив снова, но теперь не только кирилица но и латиница не хочет отображаться нужным шрифтом. Как можно исправить ситуацию? Нужно ли в случае генерации пакета шрифтовых фа…

    Asked by shavedhead, November 9, 2012

    0 votes
    9 answers
21. Карусель из параллелограммных картинок

    Привет всем! Прошу у вас чуточку внимания и ещё чуточку помощи. Стоит задача сделать карусель из переллелограмных изображений, каждое из изображений является ссылкой к разным ресурсам. Прикрепляю примерный набросок того что должно быть. 1, 2, 3 собственно изображения-ссылки, стрелочки - кнопки управления каруселью(те картинки должны ездить влево или вправо). Так вот вопрос как сделать ссылки так чтобы они не накладывались друг на друга, ведь по сути картинки то получатся прямоугольные.

    Asked by alexfxiii, September 25, 2013

    • карусель
    • параллелограмм
    0 votes
    7 answers
22. Как убрать промежуток под div?

    http://cssdesk.com/u44mp Как убрать этот пустой промежуток? Как я понял,он возникает из-за круглого div Подскажите пожалуйста как будет правильнее:разбить на 2 блока top(красный с important notice) и bottom(все что ниже блока top) или в главном блоке разместить top и все остальные элементы не засовывая их в div bottom? Заранее спасибо!

    Asked by Temik2704, October 28, 2013

    • Новичок
    0 votes
    4 answers
23. Фон + Картинка

    Добрый день. Не подскажите как наложить картинку на умножающий фон? То-есть: body { font: 12px Calibri, Arial, Tahoma, PT Sans, sans-serif; background: url(../images/bg_body.jpg);}Тут мой фон повторяется, так и должно быть. А как наложить на этот фон 2-ю картинку?

    Asked by Dallas, June 12, 2014

    • Фон Картинка
    • html
    0 votes
    2 answers
24. счетчик для одностраничника

    Добрый день подскажите как найти счетчик вот такой где найти подобный? Очень нужен! Пересмотрел много, но ни один не подходит, как его править, так чтобы можно было шрифт заменить, и цвет нужный поставить, и на русский даты и времени перевести. Спасибо, буду очень признателен за помощь.

    Asked by mrfrunze, November 10, 2014

    0 votes
    13 answers
25. Анимация фона

    Сделал вот такой пример. Почему-то время движения субъективно различается в браузерах. В хроме быстрее, в IE и Firefox медленнее. Почему так может быть? http://jsfiddle.net/04yvqa25/ Если движения сразу не видно, надо чуток подождать.

    Asked by Vlad, March 9, 2015

    0 votes
    14 answers