Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Как сделать так, чтобы строчный элемент начинался с новой строки

    Есть строчный элемент (span). Нужно, чтобы он начался с новой строки. Вкладывать в блочные элементы нельзя, добавлять/убирать <br> перед элементом не очень удобно, хочется, чтобы перенос на новую строку управлялся стилем. Как можно сделать?

    Asked by fedotxxl,

    0 votes
    4 answers

  2. При нажатии на одну ссылку открывались 2-ве

    Как сделать, что бы при нажатии на одну ссылку открывались 2-ве ссылки один для раздела сайта другой рекламный прошу помощи...

    Asked by Artemis56,

    0 votes
    31 answers

  3. отступ от левого края

    в ячейке таблицы текст, как лучше через CSS сделать отступ текста от левого края я сделал так: <style type="text/css"> .p1 { margin-left: 32px; } </style> </head> <body> <table> <tr> <td><div class="p1"> <p>ssssssssssssssssss</p> <p>ssssssssssssss</p> <p>sssssssssssssss</p> <p>Если соотношение отражаемых спектральных лучей схоже с соотношением, свойственным солнечному свету (преобладание сине-зеленых лучей и уменьшение содержания других цветов по краям спектра), то поверхность принимает белую окраску. Если же в соотношении спектральных лучей есть сдвиг в сторону,…

    Asked by antosha,

    0 votes
    7 answers

  4. Закругленные углы ячеек таблицы

    Добрый день. Нужно сделать рамку ячейки с закругленными углами. Смог сделать только закругленные углы у внешних углов рамки а внутренние остались прямыми как показано на примере у красной рамки. Код <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Таблица</title> <style type="text/css"> table { background:green; border-top-left-radius:10px; border-top-right-radius: 10px; border-spacing:2px; } td { …

    Asked by volniy_strelok,

    0 votes
    11 answers

  5. TABLE кроссбраузерно выходит за правую границу DIV

    HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Список клиентов</title> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" /> <link href="/i/css.css" rel="stylesheet" /> <script src="/i/js.js" language="JavaScript" type="text/javascript"></script> <meta http-equiv="Keywords" content="" /> <meta http-equiv="Description" content="" /> <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /…

    Asked by jg_shift,

    0 votes
    5 answers

  6. Всплывающие подсказки - как отключить память input-ов?

    Всем привет. Проблема такая: Современные браузеры запоминают значения полей формы input при сабмите. И потом при повторном введении слов выдают автоматом всплывающие подсказки в полях типа input. Вопрос: можно ли насильно запретить такое запоминание (или вывод результатов) средствами html/js/css ? Зачем мне это? - хочу сделать свои всплывающие подсказки, ну например как на яндексе - выбирает из базы уже готовые результаты по похожим запросам и подставляют в табличку под окном поиска. В таком варианте автоматические подсказки браузера мешают - закрывают собой наши юзерские. Вариант который я вижу: т.к. запоминание происходит при сабмите формы - передалать систему так, чтоб…

    Asked by Dima_2015,

    0 votes
    4 answers

  7. Как расположить один блок поверх другого?

    В продолжение этого топика. Имеется 2 блока. В одном - фон, составленный из обрезков. В другом - собственно контент. Задача: расположить второй блок (div с контентом) поверх первого так, чтобы фон покрывал весь контент. Фон (в 1 блоке) сделан в виде таблицы 3x3, в которой боковые стороны тянутся, а углы - фиксированного размера. Это для того, чтоб фон был резиновым не только по горизонтали, но и по вертикали. Поэтому просто вложить слой с контентом внутрь слоя с фоном не получится. Если абсолютно позиционировать фон - то он отрисовывается поверх контента, так что это тоже не подходит. <div id="page"> <div id="page-back"> <div class="back-2"><div…

    Asked by Lex-DRL,

    0 votes
    11 answers

  8. Почему padding не работает?

    Я в сайтостроении новичок, та что сильно не пинайте. Вобщем есть HTML <!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=utf-8"> <title>Главная</title> <link href="style.css" type="text/css" rel="stylesheet"> </head> <body> <div id="wrapper"> <!-- top_header --> <div id="t_header"> <div id="t_header_middle"> <p>Левый текст| E-mail: <a href="mailto:xxxxx@mail.ru" title="Написать нам письмо">xxxxx@mail.ru<…

    Asked by Vensdale,

    0 votes
    6 answers

  9. div за курсором

    Здравствуйте, дорогие участники форума. Помогите осуществить замысел. Первая из проблем, с которой я столкнулся при реализации замысла такая: У меня есть div-блок: div.panel { position: absolute; z-index: 0; width: 100%; height: 150px; } Как вы видите, этот блок растянут по ширине, с высотой 150px. Мне нужно сделать так(видимо, с помощью javascript): Чтобы этот div блок следовал за курсором мыши. Независимо от горизонтального передвижения курсора. Помогите, заранее благодарен.

    Asked by f1nik,

    0 votes
    10 answers

  10. CSS border у TR

    Народ, а че за фигня, не подскажите - не работает сие свойство у TR? Как то уже сталкивался с этим, но особой нужды разбираться не было, а сейчас вот неплохо было бы узнать в чем тут дело. Если ответом на вопрос будет остутствие поддержки этого свойства, то предложите возможные пути его эмуляции... Благодарю... (_*_)

    Asked by Deflate_,

    0 votes
    9 answers

  11. горизонтальное выравнивание <div> внутри <div>

    Нагуглил много тем с похожими обсуждениями, но в моём случае никак не получается. Код, который генерит php примерно такой: <td colspan="5" width="707" align="center"> <div id="container"> <div id="leftcol">...</div> <div id="leftcol">...</div> <div id="leftcol">...</div> <div id="leftcol">...</div> <div id="leftcol">...</div> <div id="leftcol">...</div> </div> CSS: #container { width: 705px; text-align: center; border: 1px solid black; overflow: auto; margin: 0px; } #leftcol { width: 200px; height: 200px; float: left; color: white; background: #8d7588; …

    Asked by terrrible,

    0 votes
    20 answers

  12. Пунктирная линия (линия из точек)

    Сорри за кривое название темы, не знаю как называется линия из точек Хотя наверное это больше в css раздел темка, но все же Возникла необходимость сделать с помощью тега сделать пунктирную линию. Т.е линию представляющую собой кучу точек (.........) пробовал <hr nodashed size="1px" style="border:dotted"> но получается прямоугольник) может, тут чего с отступами нужно мудрить, хелп в общем)

    Asked by Furius,

    0 votes
    7 answers

  13. Футер я прижал, появился вопрос

    Ребят, я новичок в html изучаю базис. В общем у меня макет header content footer Footer я прижал к низу браузера. А как можно растянуть блок div с контентом от шапки до подвала? Макет резиновый по вертикали.

    Asked by html_root,

    0 votes
    87 answers

  14. добавить в свой сайт шрифт Roboto

    Всем привет, Хочу добавить в свой сайт шрифт Roboto Для этого захожу на https://www.google.com/fonts и выбираю настройки вроде &nbsp; &nbsp; &nbsp; &nbsp;<link href='https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic' rel='stylesheet' type='text/css'> Мне крайне не нравится что при способе с внешней ссылкой при работе на локальном сервере сайт лезет на гугл Это инода заметно тормозит Поэтому нашел ссылку и скачал файл fonts-master.zip в 262 MiB Судя по всему это ВСЕ файлы гугла? В каталоге Roboto есть файлы : METADATA.pb Roboto-BlackItalic.ttf Roboto-Black.ttf Roboto-BoldItalic.ttf Rob…

    Asked by mstdmstd,

    0 votes
    4 answers

  15. Почему не работает @media?

    Задача: на экранах с шириной до 480px убрать сайдбары, после чего заполнить их место контентом. Что сделал: в общем css файле в самом верху прописал: @media=only screen and (max-device-width:480px) {#sidebar1,#sidebar2 {display:none;}#wrapper {max-width:480px;}#header, #menu, #content, #footer {width:100%;}}/* далее идет основной css для всех */Тестирую в файрфоксе инструментами для разработчика. Ничего не меняется. Вопрос: что сделать, чтобы заработало?

    Asked by nikki4,

    0 votes
    20 answers

  16. Заголовок списка

    Как правильно задать заголовок списка? Нашел в интернете тег <lh>, но в htmlbook его нет. Может он уже не используется? Как правильно задать заголовок списка?

    Asked by apexis,

    0 votes
    6 answers

  17. Как сделать затемнение фона у DIV?

    Привет. Есть div в стилях у него сделующее .header {background: url(../img/bg1.jpg);border-radius: 5px;min-height: 420px;} Как сделать затемнение фона при помощи css? На некоторых сайтах бывает указано так:background: #000 url(../img/bg1.jpg);

    Asked by kolhoz,

    0 votes
    3 answers

  18. Кнопка копирования..

    Доброго времени суток. Меня интересует вот что, существуют-ли скрипты, Для того, чтобы можно было определённый текст скопировать очень быстро . Пример: У меня есть страница на сайте юкоза, и там текст, я его выделаю, и копирую ctrl+c. Надо: А надо, чтобы либо нажать рядом с текстом этим на какую-нибудь кнопочку и этот текст чтобы был скопирован моментально. Как это можно реализовать? Очень очень очень очень нужно( В флеше не рулю. И в js. Всех заранее благодарю за помощь.

    Asked by Eridia,

    0 votes
    16 answers

  19. Заменить курсор на лупу

    Как заменить стандартный курсор на лупу, когда курсор находится над фото? В описании CSS есть свойство для курсора, но там нет изображение лупы (

    Asked by amanito,

    0 votes
    10 answers

  20. Фоновый рисунок во весь экран

    Подскажите пожалуйста как сделать фиксированный фоновый рисунок для body и чтобы рисунок отображался полность(Width:2000px; height:2000px например), был зафиксированным и менял свои размеры в зависимости от расширения экрана, но картинка отображалась полностью, например как здесь http://dakota.kiev.ua/articles/contacts.html Это возможно только с помощью css ? Спасибо

    Asked by AntonSolo,

    0 votes
    46 answers

  21. Вставка отдельного текста.

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

    Asked by KillKa,

    0 votes
    36 answers

  22. Глобальный сброс

    Дорогие верстальщики, помогите ламеру определиться, какой же всё таки Глобальный сброс на ваш взгляд лучше и Почему? Вот например несколько вариантов : http://vremenno.net/html-css/css-global-reload/ ..Оцените и скажите, какой лучше? А может быть у вас есть свой вариант, былобы интересно посмотреть p.s. - кстати я слышал, что простой вариант * {padding:0;margin:0;} считается не очень хорошим, а почему?

    Asked by psywalker,

    0 votes
    53 answers

  23. Проблемы анимации при использовании CSS Transition и display: none/block

    Делал анимацию с появляющимися и исчезающими блоками через CSS Transition. Но наткнулся на проблемы. Проблему локализовал в таком коде: <style> #animated { -webkit-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; -moz-transition: opacity 1s; transition: opacity 1s; padding: 1em; border: 1px solid black; } </style> <script> function fadeIn() { document.getElementById('animated').style.display = 'block'; document.getElementById('animated').style.opacity = '1'; } function fadeOut() { document.getElementById('animated').style.display = 'none'; document.getElementById('animated').style.opacity = '0'; } <…

    Asked by Anton Diaz,

    0 votes
    10 answers

  24. [Таблица] Как разбить ячейку на две строки?

    Всем привет. В общем виде код шапки первого варианта выглядит так: <tr> <td>/<td> <td></td> <td></td> <td colspan = "4"> </td></tr>Но мне нужно четвертую ячейку разбить горизонтально, чтобы было как во втором варианте. Как сделать?

    Asked by oyon,

    0 votes
    2 answers

  25. С чего начать самостоятельное изучение HTML5?

    Здравствуйте. Есть намерение самостоятельно изучить HTML5. Именно HTML5 выбрал интуитивно, опираясь лишь на идею о том что если что-то изучать с нуля, то изучать последнюю так сказать версию, чтобы к моменту более менее уверенного чувствования себя в этой информации, она не утратила своей актуальности, как например старые языки программирования. Изучить собираюсь не абстрактно ради того чтобы изучить, а под конкретную задачу. Для разминки нужно сделать несколько простых, но немножко разных сайтов, затем приступить к главному порталу где без программирования не обойтись (но это отдельная тема). Оговорюсь, что минимальное понимание тегов и атрибутов есть, все что связано с …

    Asked by q3dm4pro,

    0 votes
    10 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept