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. Помогите исправить код!

    Здравствуйте, уважаемые эксперты! Вот есть код и сайт dollarforukraine.com Подскажите, пожалуйста, как сделать бирюзовую кнопку в виде кнопки которая ниже (маленькая кнопка Donate в рамке) и чтобы она открывалась в новой вкладке. Огромное спасибо заранее! P.s. маленькая кнопка Donate уже была в шаблоне и ссылалась на "Read more"...

    Asked by budanov,

    0 votes
    49 answers

  2. как задать размер ПсевдоЭлементу

    Добавляю псевдоэлемент - картинку h2:after{ content:url(../img/bart.png); position:relative; left:0.5vw; } Как задать этому элементу размер? Height, Width всё дело в том, что есть before и after, которые должны быть чётко по краям заголовка, оно всё правильно стоит, но только размер указать не выходит. Если сделать элемент блочным, тогда проблемно расположить его правильно. вот так это выглядит, но если приблизить, псевдоэлементы станут больше.

    Asked by xTODx,

    0 votes
    11 answers

  3. Сложная кнопка, являющаяся ссылкой, с вертикальным центрованием текста, и другими ссылками внутри.

    Здравствуйте! Перед мной задача сделать кнопку, которая сама по себе является ссылкой, но внутри этой тоже должны быть размещены другие ссылки. Эти дополнительные ссылки, скажем так, опции или подразделы, основной ссылки. HTML: <div class="item"> <div class="content"> <a href="/">Основная длинная ссылка</a> <div class="sub"> <hr> <div> <a href="/" style="float:left;">Подссылка1</a> <a href="/" style="float:right;">Подссылка2</a> </div> </div> </div> </div> <div class="item"> …

    Asked by b0s,

    0 votes
    56 answers

  4. Проблема с валидацией в <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ht

    Всем привет вот столкнулся с проблемой хочу поставить на сайт фото галерею,но дело в том что она не проходит валидность и выдаёт ошибку на закрывающем теге. Подскажите как исправить такую ошибку? Вот часть кода с ошибкой: <div class="imageElement"> <!-- Название--> <h3>Картинка 2</h3> <!--Описание--> <p>Описание 2</p> <!-- Ссылка на большое изображение--> <a href="gallery/gallery_index/images/big2.jpg" title="open image" class="open" target="_blank"></a> <!-- Ссылка на среднее изображение--> <img src="gallery/gallery_index/images/middle2.jpg" class="full" /> <!-- Ссылка на миниатюру--> <img …

    Asked by vadimcucherencko,

    0 votes
    5 answers

  5. Обрезать текст по высоте.

    Приветствую, подскажите друзья как быть, представим, что есть новость, высота блока новости 40px. Нужно сделать так, что текст обрезался не по ширине в одну строчку, а по высоте и в конце ставил троеточие, как это можно сделать используя text-overflow. http://htmlbook.ru/css/text-overflow тут описан способ обрезки текста в строчку без переносов, что мне не подходит.

    Asked by papay,

    0 votes
    3 answers

  6. Народ, подскажите чайнику как рамку сделать просто цветной

    По этому тегу открывается окно с картинкой. Мне нужно, во-первых, чтобы окно автоматически подстраивалось под размер картинки, а во-вторых, чтобы рамка была нужного мне цвета. Помогите...

    Asked by orbakh,

    0 votes
    24 answers

  7. body overflow:hidden не работает в Chrome

    Здравствуйте! Возникли сложности со скроллом в webkit браузерах. Задача: необходимо что-бы по клику на div страница замирала в текущем положении и не возможно было прокручивать с помощью колёсика мыши. Вот небольшой макет. <!doctype html><html><head><meta charset="UTF-8"><title>Overflow: hidden</title><style> .box { width: 498px; height: 298px; border: 1px solid #000; margin: 5px auto; text-align: center; } .text { font-size: 150px; font-family: sans-serif; font-weight: bold; }</style></head><body> <div class="box"><span class="text">1</span></div> <div class="box"><span…

    Asked by Alexander34,

    0 votes
    7 answers

  8. необьяснимый z-index

    Здравствуйте. Разъясните пожалуйста свойства z-index. Как то не логично он себя ведет в комплекте с :before и :after http://codepen.io/mikhail09/pen/WrYvdb Почему желтые квадраты сверху вопреки z-index? если убрать з-индекс у дива и прописать в after z-indez: -1; все отображается как надо? http://codepen.io/mikhail09/pen/KVrpez

    Asked by Mixail.09,

    0 votes
    20 answers

  9. Модальное окно поверх этого же модального окна

    Здравствуйте. Прошу кликнуть в этом прекрасном блоке на 4-м раунде кнопку "Подробнее", а затем в лайтбоксе на кнопку "Принять участие". Хочется, чтобы второй лайтбокс был над первым. Ну и очень хочется, чтобы первый ретировался туда, откуда вышел. Нашла такое и такое. Но насчёт второго с z-index'ом ни разу не слышала. А по первому - может, совет и хороший. Но нет времени учить JS, нужно модальное окно) П.С. Обещаю JS подтянуть, то самоё уже надоело спрашивать.

    Asked by kattiperk,

    0 votes
    8 answers

  10. Как сделать скролл на один экран вниз?

    Посередине первого экрана будет кнопка скрола ко второму. Что нужно писать в джиквери, что бы прокрутить вниз на один экран?

    Asked by tefery,

    0 votes
    2 answers

  11. Количество строк в блоке

    Подскажите, пожалуйста. Имеется: Родительский блок и дочерний. Дочерний блок "приклеен" к left bottom родительского. Задача следующая: В дочерний блок выводится текст. Если текст занимает 1 строку, то блок растягивается по ширине текста, вот так: Если в тексте >= 2 строк, то дочерний блок растягивается на всю ширину родительского. То есть так: Проблема: Как это реализовать, когда изначально размер пользовательских шрифтов и кол-во текста неизвестны? upd: В FireFox все по дефолту выглядит, как и должно. А вот в Opera и IE – вот так:

    Asked by locky,

    0 votes
    13 answers

  12. Что лучше html(5 скорее всего) или php?

    1.html или html 5 это разное я читаль чтоь html 5 может заменить adobe flash player с помощью css правда ли? 2.Mожно ли на html или html5 написать игру на страницу или анимации, или формы коментировать по красивому или с каждый раз новой анимацией к примеру? надеюсь я понятно спросил? 3.В html или html5 надо обязательно писать css и javascript(4.в нем код пишется как в программе?5. а в php не надо писать css и javascript и вообще php нужен html или html 5? 6.php язык програмирования, потом обрабатывается сервером как на нем писать просто пишешь код языком программирования php а потом сервер выдает html или html страницу? 7.можно ли в него добавить то что и в html или ht…

    Asked by Аниме Любитель,

    0 votes
    6 answers

  13. Как сделать адаптивный сайт 2015-2017

    Прикинул как лучше вопросы задавать... попробую все в одной теме. Будут рассмотрены следующие темы:meta_name="viewport" во всей красеmedia запросы - взгляд изнутриособенности мобильных браузеров - как происходит обработка-подстройка кода странички под реальный экран мобильникашрифт - как подстраиваться под размер экрана мобильных браузеровфотографии - легкие но не мелкие, с видом на будущее, retina-дисплей,IE хакиИконка сайта Обо мнеВерстальщик-любитель. Знания - только HTML и CSS.о PHP знаю только что собирается из отдельных кусков кода. Сервисных технологий и терминов не понимаю.По теме адаптивной верстки прочитал довольно много. Другими словами базовые знания есть. …

    Asked by autit,

    0 votes
    39 answers

  14. Как сделать ссылку не кликабельной с помощью CSS

    На сайт парсится программа передач с помощью PHP и втавляется не нужная активная ссылка . Можно ли ее как то сделать не активной . В PHP файле прописываются стили . Вот тут пример публикации , там где программа передач . Помогите знатоки .

    Asked by zatocnik,

    0 votes
    13 answers

  15. Как подогнать картинку под определенный размер

    Как можно подогнать картинку под определенный размер блока (див или таблицы неважно). Что бы картинка как-бы вписалась в выделенную область с сохранением пропорций. Подробнее: есть область 100х100, и картинки 150х50 и 50х150. Если в ксс указать только ширину картинки, первая картинка (150х50) ужмется как надо, а вот вторая (50х150) вылезет снизу. Если указать высоту, вторая (50х150) красиво ужимается но первая (150х50) вылезает вправо. Если указать и ширину и высоту - всё влезает но теряются пропорции. Вот код реализации задуманного с использованием таблиц: <table> <tr> <td class="customimg"><a href="link"><img src="image" width="100px"><…

    Asked by alleclf,

    0 votes
    4 answers

  16. Выделение столбца в таблице

    В таблице можно легко изменить стиль строки при наведении на неё через tr:hover. Можно ли каким-то подобным образом выделить колонку? Без скриптов, чисто через CSS.

    Asked by Vlad,

    0 votes
    11 answers

  17. Реально ли так сверстать?

    Возникла необходимость сверстать вот такой вот шаблон. Контентный блок(серые прямоугольники на белом фоне) фиксированной ширины, и расположен по центру. На первый взгляд, все просто, если бы не одно НО. Вертикально расположенный пунктир по бокам (на сером фоне). Вне зависимости от ширины свободного места вокруг контентной части пунктирная линия должна идти по центру этого свободного пространства. Единственное решение, которое мне на ум пришло, приведено ниже. Но увы, оно не подходит - нужно сделать пунктир графикой - dashed-ы имеют существенно меньшую длину, чем черточки в PSD. А вот как сделать с графическим пуктиром выполняя все поставленные условия, я додуматься не мо…

    Asked by skatadov,

    0 votes
    21 answers

  18. DIV в таблице height:100%; overflow:auto;

    Привет, Помогите новичку, как говориться (: Это прототип чата... Страничка ведет себя как надо в IE и Opera, но overflow: auto никак не хочет отрабатывать в FF. Когда окно уменьшается у DIVа (id="chat") должен появиться scroll... Только стал разбираться с html и на тебе, сразу вляпался в каие-то проблемы. Даже обидно. ): <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title> Untitled Page </title></head> <body> <table width='80%' border='0' style="height: 100%;"> <tr> <td colspan='2' valign="top" style="height: 100%;"> <div id="…

    Asked by Evclid,

    0 votes
    15 answers

  19. чем отличается ::after от :after?

    Чем отличается ::after от :after? Если не считая двойного и одинарно двоеточия.

    Asked by Slyfox,

    0 votes
    4 answers

  20. ссылка кнопка...

    подскажите как привязать ссылку к кнопке типа инпут и бутон:/....и у кого есть помогите с кнопками....как их активными сделать и тд может киньте ссылку если есть что полезное...

    Asked by perfvozovantes,

    0 votes
    10 answers

  21. -webkit-gradient и -webkit-linear-gradient

    Один из самых популярных генераторов CSS-градиентов генерирует, кроме прочего, такую пару свойств: background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #aaaaaa 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */ С учетом того, что он генерирует также немало лишнего (напр. -ms-вариант, который уже не понадобится), возник вопрос: нужны ли оба этих свойства? Не достаточно ли одного первого (впридачу к беспрефиксному варианту, по новому стандарту с to)? Существуют ли webkit-браузеры, понимающие вторую нотацию, но не понимающие первую, и значимы ли они хоть скольк…

    Asked by SelenIT,

    0 votes
    23 answers

  22. Как выстроить блоки div с разной шириной в один ряд

    Всем привет, такая вот у меня проблема: <div class="block"> <img src="img.jpg" /> <h3>Заголовок</h3> <span>Текст, примерно одно предложение</span> </div> Это будут товары в каталоге, блоков будет много, как можно выстроить их в ряд, типа float:left, но с тем условием, что ширина картинки может быть разная, и в зависимости от этого менялась бы ширина блока и текста в span, в итоге лишние блоки переносятся на нижнюю строку, а в строке их может быть, в одной 3, в другой 4, в зависимости от ширины картинки и соответственно блока. При фиксированной ширине - это понятно, а вот так, не знаю куда копать

    Asked by galaydas,

    0 votes
    10 answers

  23. Как растянуть рамку div-а по содержимому?

    Здравствуйте! У меня на странице элемент с постоянно меняющимися размерами заключ?н в рамку. Код такой: <div class="myborder2"></div> .myborder2 { border: 1px solid blue; width:auto; padding:0px; position:relative; display:table; } Из-за display:table; это дело не работает в IE (элемент имеет ширину, равную ширине страницы). Подскажите пожалуйста кроссбраузерное решение проблемы. Заранее спасибо.

    Asked by realmadrid,

    0 votes
    4 answers

  24. Автоматический переход в конец textarea

    Есть страница с текстом в тегах textarea. Как можно при открытии страницы автоматически прокрутить этот текст к последней строке в textarea? Заранее спасибо.

    Asked by Ser_UFL,

    0 votes
    8 answers

  25. Несколько картинок в одной ячейке таблицы

    Первый раз в жизни пишу на форум. Обычно все уже обсуждалось. Но нигде не нашел что прописать или в CSS или лучше в <td> что бы изображения расположились не в столбик как по умолчанию а в линию в одной ячейке таблицы. Заранее спасибо.

    Asked by vlad7777,

    0 votes
    22 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