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. Начало пути веб-программиста

    Всем доброго времени суток. Хочу начать заниматься веб-программированием. Начать хочу с вёрстки (и хорошо её изучить), затем перейти на бекенд (и что бы потом бекенд был моим основным направлением). Опыта в программировании нет вообще никакого. Гуглил дня 2, но немного запутался. Подскажите пожалуйста, в каком порядке и что учить (особенно путаница у меня с HTML, сайтов, которые учат верстать (а не просто тегам) на пятой версии просто нет, они либо на 4, либо просто сборник тегов). Да и вообще надо бы, что бы немного подсказали что и как, сколько времени займёт обучение(мне это очень важно, я потерял 4 года из жизни просто так, надо навёрстывать упущенное время) и т.п. Вс…

    Asked by S-god,

    0 votes
    9 answers

  2. Верстка писем. Встраивание изображения

    Как можно встроить изображение в письмо ? Без абсолютной ссылки. Письмо отправляется программно. Пробовал base64 вставить в img, не отображается... <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAICAgICAQICAgIDAgIDAwYEAwMDAwcFBQQGCAcJCAgHCAgJCg0LCQoMCggICw8LDA0ODg8OCQsQERAOEQ0ODg7/2wBDAQIDAwMDAwcEBAcOCQgJDg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg7/wAARCAAPABwDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJy…

    Asked by SnowSilver,

    0 votes
    3 answers

  3. Не работает justify-content

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700;800&display=swap" rel="stylesheet"> <title>TradeMine - Гарант Сервис Minecraft</title> </head> <body> <header class="header"> <div class="container"> &…

    Asked by Stomi32,

    0 votes
    1 answer

  4. Хелп с шаблоном plz

    В общем нужен такой шаблон , header - фикс высота , резиновая ширина footer - фикс высота , резиновая ширина left - фикс ширина , резиновая высота right - фикс ширина , резиновая высота center - абсолютом , но чтобы незалазил на вс? остальное ... у кого есть выкиньте пожалуста ...

    Asked by mOnYa,

    0 votes
    4 answers

  5. Центрирование менюшки

    Приветик всем. Пытаюсь позиционировать менюшку строго по центру. В ИЕ6 центрируется нормально, но мозилла сдвигает ее влево. Ставлю в двух дивах. Не пойму, что не так. Заранее спасибо за поддержку. Код такой: /*——————headmenubox—————-*/ #headmenubox {position:absolute; top: 290px; width: 795px; height: 30px; margin-left: auto; margin-right: auto; background-color: #F7F2EE; border: 2px outset; z-index:3;} /*——————header-menu—————-*/ #header-menu {position:relative; top:0; width: 90%; height:auto; padding-left:; margin:0 auto; font-family: Times New Roman, serif; text-align: center; font-weight: bold; font-style: italic; background-color: #F7F2EE; colo…

    Asked by Oliany,

    0 votes
    3 answers

  6. Текст в картинке

    В ячейке таблицы находится картинка, в этой же ячейке внутри картинки должен находиться текст. В IE прокатывает такой вариант <tr> <td nowrap style=\"font-size:12px\" style=\"position: relative\"> <span id=\"hp_w\" style=\"position: absolute; left: 5px; z-index: 1; font-weight: bold; color: #FFFFFF\">Раз-два-три</span> <img src=\"images/hp_g.gif\" width=300 height=14 border=0 name=green_hp vspace=0 align=absmiddle> </td> </tr> т.е. absolute работает от границы ячейки таблицы. В других браузерах absolute идет непосредственно от начала страницы. Отодвигать текст аттрибутом left от края экрана до самой таблицы не имеет …

    Asked by daemon,

    0 votes
    9 answers

  7. Два вопроса

    1) как мне убрать в исходном коде все <noindex> 2) Я хочу сделать чтоб куча ссылей открывалось в новом окне как так сделать ?

    Asked by ВэйДлин,

    0 votes
    5 answers

  8. стили ко всему кроме input file

    select,textarea,input {} есть такое.. как сделать, чтобы применилось ко всем элементам кроме input file?? заранее спасибо

    Asked by vvsh,

    0 votes
    11 answers

  9. Проблема с двухуровневым меню

    Добрый день, уважаемые верстальщики. Есть сайт в разработке: http://zimin.hmsite.net/wordpress3/ Сейчас меню выглядит так: А должно выглядеть вот так: Тоесть на :hover у пункта меню первого уровня не должно быть нижней границы. Есть идеи, как это можно реализовать? Может кто-нибудь делал что-то подобное? Буду признателен

    Asked by zimin,

    0 votes
    8 answers

  10. float: left

    http://jsfiddle.net/ruCgg/1/ Почему при использовании float: left div вылезает из другого? Разве так должно быть? Может я где-то накосячил?

    Asked by GuitarFan,

    0 votes
    5 answers

  11. скролл бар и футер

    2 вопроса: 1. как сделать что бы див футера всегда был прижат к низу браузера 2. как сделать что бы скролл бар во всех браузерах всегда отображался, даже если контента меньше чем экран

    Asked by odalex,

    0 votes
    2 answers

  12. баг со ссылками в списках

    Здравствуйте, проблема такая в начале страницы идет обнуление "ol, ul {list-style: none;}" и оно каким то образом влияет на вид ссылок в списках под Оперой и Фаерфоксом(нет подчеркиваний) хотя в IE6-7 все отображаться нормально. Как только я убираю вышеуказанное правило все становиться нормально, но ведь это не выход... Помогите пожалуйста

    Asked by glivera,

    0 votes
    8 answers

  13. фон в *jpg реально без ксяков или нет ?

    Люди добрые и злые тоже,помоги с фоном косяк какойто получаеться, фон можите посмареть на sadilo.ru

    Asked by Sonic,

    0 votes
    12 answers

  14. Ссылка в блоке div

    Вобщем у меня на странице стоит фоновое изображение через background-image. Мне надо одну часть изображения сделать ссылкой, в самом изображении ссылку не пропишешь, Хочу сделать блок div с определенной шириной и высотой, установить в нужное место и сделать его ссылкой.. Подскажите как это можно реализовать? Что бы этот блок div был пустой, тоесть прозрачный, что бы через него было видно фоновое изображение... Или может есть еще какой нибудь способ выделить часть фонового изображения и сделать ее ссылкой, При условии что размер изображения меняется от размера экрана... Кто знает помогите пожалуйста!

    Asked by Исильдур,

    0 votes
    7 answers

  15. Open Graph и абракадабра

    Ребят, возникла проблема. Разметил страницу опен графом, кодировка utf8, в .htaccess также отметил utf8. В браузерах всё отображается нормально. Но стоит вставить ссылку в какую-нибудь соц сеть, как та выводит вместо кириллицы абракадабру... Что это может быть? В интернете о такой проблеме вообще нет инфы

    Asked by Yahoo!,

    0 votes
    1 answer

  16. Прилипание текста к картинке

    Прошу помощь, надо, чтобы в тексте были размещены небольшие картинки, которые обтекает текст. При наведении на картинку, она увеличивается до реальных размеров. Собственно сделал всё, чтобы так и было, но между блоком с маленькой картинкой и обтекаемым текстом нет отступов. Текст полностью прилипает к маленькой картинке. Как сделать, чтобы отступы появились. Снизу мой код и стили. <body> <div class="post"> <div class="tema"> <p>Длинный текст</p> <a class="thumbnail" href="#"><img src="1.jpg" width="20%" border="0" align="left"/><span><img src="1.jpg"/></span></a&g…

    Asked by k1fazoid,

    0 votes
    1 answer

  17. Окрашивание бордера таблиц

    Друзья. Пользовался некогда вот таким стилем для окрашивания бордера таблиц: table.tm { font-size: 9pt; padding: 1px; background: red; } table.tm td { font-size: 9pt; padding: 1px; background: white; } и <table class="tm" cellspacing="1" cellpadding="0"> Но у этого способа есть небольшой недостаток, если таблица объемная, то сначала окрашивается бордеры td а только потом бордер table. Есть ли другой способ, дабы избежать этого недостатка? Но небольшой каприз, стиль задавать только для таблицы, для td не выход. Спасибо.

    Asked by walek,

    0 votes
    3 answers

  18. div, перенос строки

    Здравствуйте, не получается разобраться в следующем. При: abc:<div id="abc"></div> qwe:<div id="qwe"></div> zxc:<div id="zxc"></div> я получаю abc: <результат> qwe: <результат> zxc: <результат> Не могу добиться такого: abc:<результат> qwe:<результат> zxc:<результат> Подскажите ,пожалуйста, спасибо.

    Asked by alexrtp,

    0 votes
    4 answers

  19. 2 колоночный дизайн

    Помогите пожалуйста, уже руки опускаются... Есть дизайн - http://rghost.ru/24021801.view Хотела сделать так, чтобы было не просто в 1 колонку, а 2 две, чтобы еще меню, форма входа, и т.д. и т.д. было... То есть, зеленым блоки малые, а красным новости... Как сделать? Я уже извелась вся, пробовала и так и сяк... Вот что должно получится примерно: http://rghost.ru/24022051.view (сделано в фотошопе). Код главной странички: и CSS: помогите пожалуйста, буду очень благодарна.

    Asked by natalika,

    0 votes
    14 answers

  20. Прокрутка

    Здравствуйте, хотел поинтересоваться каким способом осуществлена прокрутка страницы на этом сайте? Как я понял она работает только в google chrome. Нашел что-то похожее на JQwery, плагин под названием «CustomScrollbar». Но на этом сайте я что-то не нашел чтоб подключалась библиотека на которой основан этот плагин(если, конечно так можно выразится). Так что я подумал, что это сделано на html5, css3, но что-то не понял как. И есть ли еще хорошие примеры с реализацией такой прокрутки, то можете поделится ссылками. Я нашел еще на гугле И вопрос, если реализовывать такую прокрутку, то что будет правильнее использовать, скрипт или css3?

    Asked by Горошко Клим,

    0 votes
    5 answers

  21. Смена изображения при наведении

    Всем привет! У меня имеется элемент, к которому прикреплено изображение в "чёрно-белом формате". При наведении на него мне необходимо, чтобы изображение менялось на "жёлтый формат". Пробовал через :hover - что-то не получается. CSS код: #fdct:hover { position: relative; width: 256px; height: 256px; background-image: url('fdct2.png'); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); } #fdct { position: relative; width: 256px; height: 256px; background-image: url('fdct1.png');…

    Asked by Feers1de,

    0 votes
    10 answers

  22. Слайдеры!

    Добрый всем денек! Пересмотрел кучу вариантов по созданию слайдеров для контента, все они сильно запутанные, особенно для новичков, и вот решил собрать его самостоятельно и разобраться в этой штуке. Пока получается такой вариант, все переключается но контент стоит на месте: <body> <div id="slider"> <div id="content"> <div id="slide01"> <div id="slide02"> <div id="slide03"> <div id="slide-inner"> <div class="page" id="page1"><img src="img/exclusive_yachts_00.png"></div> <div class="page" id="page2"><img src="img/exclusive_yachts_01.png"></div> <div class="page" id="page3"><img…

    Asked by Roomas,

    0 votes
    1 answer

  23. Как реализовать резиновый блок с фиксированным padding?

    Добрый день буду благодарен помощи, условие для задачи только одно - без использования box-sizing

    Asked by Drunk_Monkey,

    0 votes
    3 answers

  24. Проблема с сss фоном в ИЕ

    Ситуация такая в цсс у меня прописан класс. .edit { PADDING-LEFT: 18px; FONT-SIZE: 13px; BACKGROUND-image: url(/images/edit.png) no-repeat; } В коде я задаю <A class=edit title=" Выкл вход для пользователя" href="java script:ajaxLink('mainDiv','/manager/users/set-user-active/id/3/active/0')"></A> Фокс нормально воспринимает картинку и ставит на нее ссылку, но вот ИЕ просто показывает пустую ячейку без ссылки и картинки. Как это можно исправть? Заранее спасибо.

    Asked by Kaiser,

    0 votes
    5 answers

  25. Высота элементов формы в опере

    Форма расположена в строчку, в ней присутствуют элементы <label>, <input>, <button>, <select>. Этим элементам заданы одинаковые font-size, height, line-height, padding, margin. В большинстве браузеров всё в порядке, но в Опере высота элементов значительно отличается даже на глаз, хотя DragonFly считает, что высота одинаковая. Притом Опера на маке показывает только смещённый вверх <select>, а Опера на Windows 7 показывает смещённый вниз <select> и приплюснутый <button>. Тестовая версия сайта здесь: http://domosed.agroup.tmweb.ru/ Речь о горизонтально расположенной форме фильтра в верхней части. Заказчик Оперу очень любит и в таком …

    Asked by wildhind,

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