HTML Coding

29542 questions in this forum

1. DIV-ы или table...?

   Здравствуйте гуру , знающие , интересующиеся и просто любопытствующие... Какая просматривается тенденция , что рекомендуют учителя и опытные верстальщики ? Набирать div или склонится в сторону table ? Есть принципиальная разница ? Быть может просто я не понимаю сути этого дела , поэтому терзаюсь сомнениями ? Спасибо . Хорошего всем дня .

   Asked by RomanF, January 31, 2013

   • div table layer css вёрстка
   • верстка стиль дизайн
   0 votes
   6 answers
2. Убрать рамку и тень

   Имеется два блока, возможно ли убрать рамку снизу, а также тень маленького блока снизу ?Нужно чтобы блок смотрелся как единый целый http://jsfiddle.net/jVPa9/.

   Asked by jaster, February 22, 2013

   0 votes
   6 answers
3. Не работает кнопка в поиске

   Вот есть такая вот форма поиска <div class="google_search" > <form action="http://southklad.ru/bestsearch.php" id="cse-search-box" class="searchform"> <div> <input type="hidden" name="cx" value="partner-pub-9717502539708433:0102334659" /> <input type="hidden" name="cof" value="FORID:10" /> <input type="hidden" name="ie" value="UTF-8" /> <input type="text" name="q" class="searchfield" size="30" style=" border: 1px solid rgb(126, 157, 185); padding: 2px; background-image: url(http://www.google.ru/cse/intl/ru/images/google_custom_search_watermark.gif); background-color: rgb(255, 255, 255); background-position: 0% 50%; background-re…

   Asked by Mr.B, October 18, 2013

   0 votes
   5 answers
4. Расстояние между компонентами макета

   Подскажите, пожалуйста, в чем проблема: различное расстояние от полосы меню до следующей компоненты на сайте technohim.com? "Главная" и остальные страницы.

   Asked by nightman13, June 20, 2014

   • html сss
   0 votes
   10 answers
5. Нестандартный вид текстового поля

   День добрый! Возникла необходимость вместо стандартного прямоугольничка тега input сделать вот такое: ..................... и потом на эти точки вводить текст. Рылся пол-ночи в инете и ничего не нарыл Подскажите, как это можно сделать средствами css? С ув. Uncle Fox

   Asked by Uncle Fox, September 14, 2014

   • input
   0 votes
   9 answers
6. Растянуть трехколоночный макет на высоту экрана с минимальным содержанием до прижатого вниз к футеру

   Здрасьте. Только не бросайте сразу камнями. Читала, думала, три дня пыхчу и все никак. С дивами в первые столкнулась (помогаю папе в создании сайта). В общем есть трехколоночный макет, с шапкой (хэдером) и подвалом (футером). вот сам макет http://gorodtaxi.com/index11.html(убрала все наполнение, чтобы было проще). Теперь рассказываю что есть: 1. шапка - фиксированная высота, размещена в основном контейнере. 2. контейнер: структура - сайдбар 1, контент, сайдбар 2. все три колонки помещены в контейнер 1, 2 и 3, для того чтобы все вместе растягивались по содержимому наиболее наполненной колонки. 4. в контейнере перед футером стоит распорка clearfloat, чтобы ничто никуда …

   Asked by Valkyrja, March 15, 2015

   • растянуть контент до футера
   0 votes
   3 answers
7. Как перейти на адаптивность ?

   я сверстал для компов. Начинаю переходить на адаптивность создал внешнюю табл стилей для моб и назвал small, там беру ширину, а также значения left для позиционирования. Беру эти значения и делю на 480 и умножаю на сто. Со шрифтом размер шрифта делю на 16 и результат пишу в em. Но получилось в браузере ерунда, одни уменьш другоое - нет. ЧТо я делаю не так ? П ПОМОГИТЕ.... html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, …

   Asked by rpmcmerphy, September 22, 2015

   0 votes
   11 answers
8. Центрирование блоков, исключая последней строки

   У меня контент состоит из квадратных блоков фиксированных размеров. Нужно сделать адаптивный дизайн, так чтобы блоки размещались построчно. При этом они должны быть по центру экрана по ширине. Я сделал так: https://jsfiddle.net/t3mbvvbo/ Но в последнем ряду, если блоков не хватает до ширины экрана, они также по центру. А нужно, чтобы они были по левому краю. Как это сделать?

   Asked by PavelTkachev, February 3, 2016

   0 votes
   3 answers
9. flex: выравнивание по высоте

   помогите пожалуйста установить для каждого элемента .icon высоту, которая равна его ширине. элементу .icon я добавил круглую границу, нужно чтобы при любой ширине экрана кружочки не сплющивались. при этом все эти кружочки должны быть равномерно распределены по высоте экрана результат выглядеть должен приблизительно так: вот моя попытка html: <div class="wrap"> <div class="icons"> <div class="icons_item"><a class="icon" href="">1</a></div> <div class="icons_item"><a class="icon" href="">2</a></div> <div class="icons_item"><a class="icon" href=""&…

   Asked by cyklop77, September 13, 2016

   • css
   • flex
   0 votes
   0 answers
10. Разное отображение в браузерах элемента <select>

    Здравствуйте! Стилизовал элемент select, но, к сожалению, в Firefox практически вдвое увеличивается padiing, а в IE даже дефолтные стрелки выпадающего списка не убираются: https://jsfiddle.net/hhbsorny/3/ Помогите, пожалуйста, разобраться в этом вопросе. Заранее благодарю!

    Asked by volshebnyi, November 1, 2016

    0 votes
    6 answers
11. Content model:

    Объясните пожалуйста человеческим языком описание контент модели тега <a> 3.2.4.2 Transparent content models Some elements are described as transparent; they have "transparent" in the description of their content model. The content model of a transparent element is derived from the content model of its parent element: the elements required in the part of the content model that is "transparent" are the same elements as required in the part of the content model of the parent of the transparent element in which the transparent element finds itself.

    Asked by AlexZaw, November 27, 2017

    0 votes
    2 answers
12. Вертикальные строки внтури горизонтальных блоков списка

    https://jsfiddle.net/49jzxfc1/1/ Подскажите, как сделать, чтобы строки в каждом блоке были вертикально

    Asked by Ser8191, June 23, 2019

    0 votes
    2 answers
13. Подключить flash

    quot;-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Как подлючить flash?

    Asked by Slyfox, February 1, 2008

    0 votes
    1 answer
14. Проблема с вложенными дивами

    Доброго все времени суток! Возникла небольшая проблема, ломаю голову никак не могу решить, если кто сталкивался и подскажет буду очень рад: Собственно делаю меню с помощью дивов вот скриншот: http://img9.imageshack.us/img9/24/divmenu.jpg разделитель хочу поставить туда,куда показывает голубая стрелочка. нужно банально сделать разделитель но, но он почему-то перескакивает на следующую строчку.. HTML Код <div class="menu_div"> <div class="menu_glavnaja">Главная</div> <div class="menu_razdelitel"></div> </div> CSS Код: /*Меню*/ .menu_div { margin-left:5px; margin-top:10px; background-image:url(images/menu_bg.png); background-rep…

    Asked by Oleg330, March 27, 2009

    0 votes
    5 answers
15. Помогите Useru

    Всем привет! Создаю свой сайт, ну точнее пробую, подскажите пожалуйстачто нужно пропичатать на HTML, для того чтоб на сайте пользователи могли осставлять коментарии/сообщения. Заранее спосибо!

    Asked by donin27, October 26, 2009

    0 votes
    4 answers
16. Что посоветуете ? (пожалуйста посоветуйте)

    Я знаю базовые знания html 4 и css. Вот попробывал верстку сделать... Все на смарку... Получилось только чуть чуть и еще код весь не красивый и не качественный, в браузерах по разному отображается... И вот хочу чтобы вы посоветовали бы мне какую нибудь книгу, уроки и.т.д. Где Вы сами учились и сумели научится верстать валидно и.т.п. Спасибо за внимание! Нужно блочная верстка. Таблица меня вообще не устраивает

    Asked by new_pep, January 25, 2010

    0 votes
    5 answers
17. Ресайз видео при нажатии на превью

    Вопрос: Есть блог на wp. На главную в сайдбар выводятся превьюшки видео-роликов с ютуба. Превьюшки размерами: 110*80 Как сделать так, чтобы при нажатии на превью, пользователь либо переходил на ютуб (на канал с роликом), либо на страницу на сайте, где и выложен сам ролик. Код <object data="http://www.youtube.com/v/<?php echo stripcslashes($fvideo); ?>" type="application/x-shockwave-flash" width="110" height="80" style="border: 2px solid gray;"><param name="movie" value="http://www.youtube.com/v/<?php echo stripcslashes($fvideo); ?>" /><param name="wmode" value="transparent"/></object>

    Asked by YaD, September 29, 2010

    0 votes
    1 answer
18. Несовпадение кодировок

    Здравствуйте! Обращаюсь с абсолютно нуберским вопросом. Просто попробовал воспользоваться шаблоном от htmlbook.ru Суть проблемы состоит в том, что какой бы шаблон я не ставил и не сохранял (с помощью Notepad) в виде одиночного html-файла, у меня не совпадает кодировка. Влад пишет в utf-8, это , пожалуй, самая распространенная на сегодня кодировка. Но при открытии файла в браузере я вижу множество вопросительных знаков всюду, где есть кириллические символы. После повторного открытия файла Notepad-ом даже комментарии становятся в виде вопросов. Что делать?

    Asked by Xelborg, June 24, 2011

    0 votes
    4 answers
19. Помогите с выбором материала

    Добрый день! Помогите пожалуйста подобрать качественный материал по обучению созданию сайтов. Уровень почти нулевой, в сети столько всего, что глаза разбегаются, а когда начинаю читать что-то одно то натыкаюсь на непонятные мне вещи и термины. Хотелось бы изучать все по порядку, распишите если не сложно этапы по которым стоит вникать. Заранее всем огромное спасибо! P.S Вообще планирую создать сайт на бесплатной CMS типа joomla, drupal.

    Asked by 4 e k, July 5, 2011

    0 votes
    2 answers
20. Выравнивание в блоке

    есть родитель блок: .content-internal {position: relative; margin: 0 auto; width: 775px; vertical-align: top; padding-bottom: 310px;} в нем ещё блок второй: .block-info .page {position: relative; margin: 0 auto; display: block; font: normal 14px 'Trebuchet MS'; color: #46342c;} .block-info .page a {position: relative; font: normal 14px 'Trebuchet MS'; color: #46342c; text-decoration: none; left: 2px; top: -8px; float: left; padding: 8px 0 0 16px; width: 42px; height: 37px; margin-bottom: -2px; background: url('../images/page_yellow.png') no-repeat;} .block-info .page span {position: relative; font: normal 14px 'Trebuchet MS'; color: #46342c; left: 2px; top: -8px; float…

    Asked by okunev2, July 23, 2011

    0 votes
    6 answers
21. Вопрос по jQuery

    Начит так. http://docs.jquery.com/Downloading_jQuery#Download_jQuery - спер от сюдова 1.7.1 (Release Notes) Minified http://professorcloud.com/mainsite/carousel.htm и по этому уроку сделал замечательную карусельку. счастью моему небыло предела. я радовался. Но вдруг горе! jquery.mousewheel.min чтобы карусельку крутить калесеком мышки надо вставить этот скрипт. но фак, она не крутиться. я провел расследование и выявил следующие: во всем виновата библиотека jquery без ней всё робит ок ок. Внимание вопрос "Дзынь" как сделать так чтобы и jquery было подключено и колесом мыши крутилась каруселька.

    Asked by Vanilnaya, January 29, 2012

    0 votes
    8 answers
22. проблема верстки со слоями

    проблемка.... есть меню.... сверха меню помещаю лого сайта... пункты меню становятся неактивными... т.е. как буду просто картинка... как это реализовать чтобы и меню работало и лого было сверха меню? (идет перекрытие меню с лого)

    Asked by LadyS, November 11, 2012

    0 votes
    8 answers
23. уголки с помощью before и after

    Здравствуйте. Может кто-нибудь объяснить(или дать ссылку на урок) за счет чего делаются скосы у бордера before или after. Например, задача из практикума http://jsfiddle.net/TiGR/RkmBD/ Если взять конкретно ul.steps li:before, ul.steps li:after { position:absolute; width: 0px; height: 0px; content:" "; } ul.steps li:before { border: 15px solid transparent; border-left: 5px solid white; border-right: 0px solid transparent; То я понимаю это как белый элемент с видимой белой шириной 5 пикселей и невидимой высотой. В общем уже на бумаге рисую чтобы понять, но никак не пойму механизм.

    Asked by ВикторТрошка, December 17, 2012

    0 votes
    7 answers
24. Проблема с построением фона

    Всем привет! Делаю вид новостей, столкнулся с проблемой..... такая структурка: <div style="margin-bottom:10px;"> <div style="width: 705px;height: 30px;background-image: url(http://s017.radikal.ru/i441/1301/fd/e6675f8585aa.png);background-repeat: no-repeat;"></div> <div style="width: 675px;background-image: url(http://s018.radikal.ru/i510/1301/c5/306147fcb3b6.png);background-repeat: repeat-y;padding:0px 15px 0px 15px;color:#383838;"> Название новости<br> <img src="#" width="200px" height="124" align="left" /> <div style=" float: left; width:460px; padding-left:5px;">Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пы…

    Asked by Seganda, January 15, 2013

    0 votes
    2 answers
25. Посоветуйте програму для рисования в PNG под иконки в CSS

    Посоветуйте в чем нарисовать иконки в PNG с элементами имеющими прозрачные области. К примеру логотип Вконтакте: квадрат с вырезанной буквой "В" в центре. К примеру в фотошопе приходится вырезать букву В в ручную, что не очень радует. Может есть попроще и покрасивее способы? Спасибо.

    Asked by bios, June 14, 2013

    • CSS иконки
    0 votes
    7 answers