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. Вложенность и height

    Помогите, пожалуйста, сверстать без JS следующую конструкцию: Всё, что я перепробовал, давало различные проблемы: выталкивание зелёного блока за пределы таблицы, растягивание цветных блоков на всю высоту экрана или скучивание в центре ячейки в одном из браузеров. UPD. Вот пример, как всё должно быть (двигаем границу окошка и смотрим на растягивание красного блока) В примере использован JavaScript, а я ищу возможность обойтись без него.

    Asked by chubrik,

    0 votes
    4 answers

  2. Автоматически пополнять БД, беря инфу из другого сайта

    Здравствуйте, помогите. Хочу написать программу которая работала бы круглосуточно, и при добавление новой информации на каком-то сайте, он пополняла базу данных. Пример: есть база данных друзей в вк, и, при добавление новых друзей, программа пополняла мою базу данных. Прошу дать ссылки на статьи относящиеся к этой теме. Прошел полный курс обучения С++, знаком с HTML и PHP (не полностью).

    Asked by myRoot,

    0 votes
    3 answers

  3. Можно ли реализовать такое на чистом css?

    http://take.ms/g973S Реально реализовать такое на чистом css? Любой способ... Была идея светлую картинку затемнять прозрачным темным слоем через псевдоэлемент, но как потом кругом снова засветить? Как такое можно реализовать?

    Asked by vladmih,

    0 votes
    16 answers

  4. Резиновый div с верикальным выравниванием

    Никак не могу совладать с вёрсткой... Есть задача сделать резиновый div на 90% высоты экрана с изборажением на бекграунде. Туда нужно вписать текст, затемнить бекграунд сеткой и выровнять текст по вертикали. Что я сделал. Разместил внутри первого дива второй, у которого бекграунд сеткой. Всё бы хорошо, но теперь не могу растянуть его по размеру родителя и отцентрировать текст. Функционал можно глянуть тут: http://jsfiddle.net/gumbert/ddkd1bs9/3/ Как мне можно его победить?

    Asked by dmtr,

    0 votes
    3 answers

  5. как сделать такой бордер?

    всем привет как можно реализовать такой бордер чтоб слева сверху такой был? http://jsfiddle.net/d8L9oj8n/19/ или эт надо картинкой прикручивать уголок этот ?

    Asked by tr0nik,

    0 votes
    4 answers

  6. Оцените мою корявую верстку)

    Всех приветствую, я новичок в это ремесле. Вот начал верстать этот простенький макет: Как видите макет простой. Вот код моего творения( html и css). <!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" lang="ru-RU"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Верстка сайта</title> <link rel="stylesheet" href="st.css" type="text/css" /> <link rel="stylesheet" href="bootstrap.css" type="text/css" /></head><body><div id="wraper"> <div id="…

    Asked by breezyday27,

    0 votes
    4 answers

  7. При row, div начинается с новой строки, как починить?

    <body> <header> <div class="container"> <div class="row"> <div class="navigation"> <div class="col-md-1" class="nav-logo"><img src="img/header/logo.png" alt="" width="77px" height="77px" class="logo"></div> <div class="col-md-6 offset-md-1 nav-el"> <a href="#">Главная</a> <a href="#">О нас</a> <a href="#">Каталог</a> <a href="#">Преимущества продукта</a> <a href="#">Контакты</a> </div> <div class="col-md-1 offset-md-3" nav-icon> <img src="img/header/account.png" alt="" height="25px" wid…

    Asked by Skadex,

    0 votes
    1 answer

  8. абзац

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

    Asked by Kain,

    0 votes
    2 answers

  9. Счётчик посещаемости

    Ситуация интересная! На сайте есть два счётчика посещаемости - liveinternet.ru и от специлизированного ресурса по тематики моего сайта. Показатели счётчиков всегда совпадали, бывало в редких случаях расхождение на 1 хост. Сейчас же стал замечать что расхождение доходит до 20 хостов... То есть liveinternet показывает 90 а другой 110... В чём может быть проблема? Может ли быть такое, что трафик кто-то ''уводит''? Как мне быть и разобраться с этим.

    Asked by student_ya,

    0 votes
    3 answers

  10. Старый больной Ослик

    Друзья спасите!!! Понимаю, что надо отказаться от поддержки IE6, но вся работа по кроссбраузерности позади...осталась одна странная засада: в текст в тегах абзаца вставлены обтекаемые текстом картинки, которые в Ослике (!!!) ОСТАЮТСЯ ПОД ФОНОМ. Т.е. весь текст виден, места под картинки предопределены, а сами изображения видно секундочку только при перезагрузке страницы...потом их накрывает фон. Бред. Причем ВСЕ остальные браузеры отображают страницу нормально. Гуглил, но результатов 0. Вдруг у кого такое было... Кстати сказать, если изображения вывести из тега абзаца, то они появляются.

    Asked by carakurt,

    0 votes
    2 answers

  11. Вывести блоками инфрормацию табличного типа

    Здравствуйте, люди доброй воли. У меня такая проблема. Трехколоночный макет, сделанный по уроку по блочной верстке. Внутри блока #content хотелось бы выводить блоки с картинками и подписями - из БД. Делаю строчку из таких блоков, с float:left, но когда отделяю "строчки" блоком #clear (clear:both), вторая "строчка" моих блоков падает на уровень бока #clear, который отделяет футер от других блоков. Получается, clear:both опускает блок ниже всех всплывающих не только в родительском блоке но и во всем документе? Так же не должно быть... Мне нужно, чтобы вторая "строчка" блоков .ryady следовала сразу за первой, и т.д., а не лежала ниже навигации (#left). Т.е. по сути надо свер…

    Asked by mikebob72,

    0 votes
    4 answers

  12. Тэг h увеличивает размер строки таблицы по вертикали

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

    Asked by philimon,

    0 votes
    7 answers

  13. не могу разобраться

    урок 2 http://www.sdelaysite.com/javascript/javascript-video-2 <HTML> <HEAD> <TITLE>this</TITLE> <script type="text/javascript"> ... this.value = ''; </SCRIPT> </head> <BODY> <input type="text" value ="введите email" onClick="..." id="mail"> </BODY> </HTML> что тут надо, чтобы заработало, пожалуйста подскажите и еще один пример не могу разобраться http://htmlbook.ru/samlayout/verstka-na-html5/vnutrennyaya-stranitsa здесь в примере Блок"интересная информация" показано как делается тень я так и недоделала тень в макете "муж на час" <html> <head> <style> .interest { background: #…

    Asked by olga153b,

    0 votes
    9 answers

  14. Вертикальный скролл.

    Есть сайт. Там присутствует вертикальный скролл, но при прокрутке проматывается не вся страница, а только содержимое одного блока. Не пойму как сделать также.

    Asked by Feel,

    0 votes
    4 answers

  15. Фото галерея

    Доброго времени суток коллеги! Стоит задача сделать гламурный сайт для фотографа в стиле Wordpress, но только на своём движке. Суть заключается в следующем, что позиционирование фотографий нужно сделать вот так: http://pavelparshin.ru/portfolio-item/beauty/ Но без явы! Тупо, подобное позиционирование. на деле у меня выходит не шибко-складно. http://81.200.25.57/dot/templates/gallery (это опытный образец галереии) CSS: #gallery { margin:0 } #gallery .photo { width: 240px; min-height: 156px; max-height: 383px; display: inline; } #gallery img{ width:240px; vertical-align: top; margin:0 25px 25px 0; } #gallery img.expand:hover { opaci…

    Asked by oscora,

    0 votes
    7 answers

  16. Форма для отправки почты

    Ребята подскажите пожалуйста как сделать форму для подписки на html + css3 что бы человек вводил мали свой и имя, и нажимал сабмит и мне на почту приходили его данные :3 Заранее всем спасибо за ответ

    Asked by soressu,

    0 votes
    6 answers

  17. Текст в div

    Не буду описывать как долго я пытаюсь решить эту проблему. И вообще я дыбил. Проблема в том что у меня текст высотой в 14 пикселей не влазит в див высотой 25. ОН все время падла под ним, как сделать что бы текст был посередине(выравнивание не помогло, оно только по горизонтали выравнивает) <div class="comment"> <div class="comment-head"> <div class="comment-photo"></div> <div class="comment-name"><p style="text-align: center">name of a man</p></div> </div> </div> div.comment{ width: 250px; border-style: groove; border-radius: 8px; height: 140px; border-width: 1px; } div.…

    Asked by denisman,

    0 votes
    4 answers

  18. присвоить св-во вложенному элементу css

    Подскажите как правильно реализовать следующую задачу. Приведу часть необходимого кода. <div class="class1"><span class="class2"><a href=""></a><a href=""></a><a href=""></a><span></div>Мне необходимо присвоить св-во css тегу <A> вложенному в теги <div> и <span> с определёнными присвоенными классами. Присвоить индетефикатор тегу <A> нет возможности т.к. код генерится автоматом.

    Asked by YaSerg,

    0 votes
    4 answers

  19. Короткие тексты с картинками

    У меня в макете превью новостей состоят из короткого текста и картинки справа. Мне нужно, чтобы текст обтекал картинку. Это легко добиться с помощью float:left; для картинки. Но если текст слишком короткий, то следующий за ним следующий превью новости оказывается накрыт картинкой сверху. Этого можно избежать, если каждому контейнеру дать свойство float:left. Но есть ли другой, более изящный способ?

    Asked by PavelTkachev,

    0 votes
    4 answers

  20. Неожиданно на хостинге появился псевдокласс :root

    Доброго времени суток! Уважаемые коллеги, помогите решить проблему. Есть на хостинге статическая страничка. Неожиданно пропал блок с ссылками. Инспектор кода Chrome выдаёт вот это <style type="text/css"> :root *[pk3x5e3][hidden] { display: none !important; }</style> <ul class="social_list" pk3x5e3="" hidden=""> <li class="social_item" pk3x5e3="" hidden=""> <img class="social_icon" src="image/icons/www.png" alt="" pk3x5e3="" hidden=""> <a class="social_link" href="http://veselyevykhodnye.wixsite.com/l-school" target="_blank" pk3x5e3="" hidden="">http://veselyevykhodnye.wixsite.com/l-school</a> </l…

    Asked by Dzhem,

    0 votes
    3 answers

  21. Центрирования content

    Вот такой код. Фаяфокс и Опера в порядке, ИЕ не центрирует маргин: авто. Речь идет о "после" шестой версии) Центрировал, все было в порядке. Начал править что-то совсем другое... и все. В чем может быть проблема? Спасибо! html, body {margin: 0; padding:0;} body {font-family: Arial, Sans-serif; font-size: 10pt; background-color: #e5f0f6;} #container {margin: 0 auto; width: 900px; background: white;} p {margin: 3px 0px 4px 0px;} h2{font-size: 13pt; margin: 3px 5px 4px 5px;} h3{font-size: 11pt; margin: 3px 5px 4px 5px;} a:link {color: #1450aa; text-decoration: underline;} a:visited {color: #525f66; text-decoration: none;} a:hover {color: #525f66; text-decoration: none;} a…

    Asked by Rootical,

    0 votes
    2 answers

  22. Белое поле при сдвигании слоя - как убрать?

    Здравствуйте! подскажите новичку запарился со слоями совсем, раньше таблицами делал, а сейчас дернуло разобраться с дивами вот есть два слоя с параметром position:relative; absolute не подходит, т.к. привязывается к краю окна один я сдвигаю вверх с помощью top: -800px; #msb1 {position:relative; Z-INDEX: 2; background: none; height: 250px; width: 260px; top: -800px;} #msb0 {position:relative; background: none; Z-INDEX: 1;} <div id="msb0">сам сайт высотой скажем в 1000 px</div> <div id="msb1">вставленный флэш высотой 250 px</div> естественно остается белое поле внизу страницы размером как раз 250px как от него избавится? не могу никак найти ответ, …

    Asked by da_and,

    0 votes
    3 answers

  23. Как лучше продвинуть сайт в поисковиках

    Может ли кто то посмотреть обычный сайт визитка и подсказать какие ошибки могут мешать оптимизации и продвижению? И как лучше всего продвинуть сайт в поисковиках? Я новичок поэтому извините если что не так написал. Сайт описает транспортную компанию, адрес: www.goldenway-ltd.ru

    Asked by Plecho,

    0 votes
    3 answers

  24. Снова перекрытие, но уже ячейками таблицы

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

    Asked by d0ublezer0,

    0 votes
    5 answers

  25. Упертый текст

    В общем вот ) html: <div id="blog"><p class="txtblog">Тралялялялял и тру люлюлю Тралялялялял люлюлю Тралялялялял люлюлю Тралялялялял люлюлю Тралялялялял люлюлю Тралялялялял люлюлю люлюлю Тралялялялял люлюлю Тралялялялял люлюлю Тралялялялял и трулюлюлю Тралялялялял и трулюлюлю Тралялялялял и трулюлюлю Тралялялялял и трулюлюлюТралялялялял и трулюлюлю Тралялялялял и трулюлюлю Тралялялялял и трулюлюлю</div> css: #blog{ width:383px; height:341px; background-image:url(../images/blog.gif); margin-right:97px; margin-top:58px; float:right; } .txtblog { width:312px; height:154px; display:block; margin-top:106px; margin-left:70px; margin-right:10px; line-he…

    Asked by boooze,

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