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. Как сделать валидную кнопку-ссылку

    Добрый день, вот код: <div style="width: 100px; height: 100px; background-color: blue;"> <p style="border: 1px solid; height: 100px;"> <a href="#" style="display: block;">Кнопка</a> </p> </div> Хочу сделать кнопку,чтобы при наведении на любую ее часть она определялась как ссылка, пока получается, что ссылка только текст. Что не так? И как вообще лучше сделать посоветуйте.

    Asked by KoDA86,

    0 votes
    11 answers

  2. Полупрозрачный фон на весь экран, покрывающий скроллинг

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

    Asked by Nailya,

    0 votes
    3 answers

  3. как так можно зделать вкладки

    как так можно зделать такие вкладки. подскажите пожалуйста

    Asked by 12345,

    0 votes
    10 answers

  4. Где ошибка в коде?

    Друзья! Помогите начинающему чайнику!!! Не браните сильно... <?xml version="1.0" encoding="UTF-8"> <!DOCTYPE HTML!> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>готовим в стиле дзен!</title> </head> <body BACKGROUND="image/img03_b.jpg" link="#000000" alink="#000000" vlink="#000000"> <table align= "center" width="90%" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#820c03" align="center" height="60" colspan="5"><font face="Times" font size="6"><b>Добро пожаловать, на сайт ZENCHEF.ru! </b></font></td></tr> <tr> &lt…

    Asked by zenhome,

    0 votes
    10 answers

  5. 2 колонки и IE

    Собственно, нужно добиться: А ИЕ выдает: Вот HTML: <div id="page"> <div><div id="left"> Menu </div> <div id="content"> <p>Content</p> </div></div> <div id="footer"> Footer </div> </div> А вот CSS: #page { width:1010px; background-color:white; margin-top:15px; text-align:left; padding:5px; } #left { float:left; width:300px; } #content { width:700px; margin-left:305px; } #footer { width:100%; } Помогите пожалуйста!!

    Asked by rizorko,

    0 votes
    15 answers

  6. Отступ от низа экрана. Помогите найти.

    Помогите пожалуйста разобраться с такой проблемой. Есть сайт:http://prospect.gorodgid.ru/ У него внизу зеленая полоска (это я специально бакграунд у body зеленым сделал). Как убрать это расстояние? Раньше такая же ерунда была и сверху сайта, но там символ лишний невидимый из за UTF BOM стоит - решилось абсолютным позиционированием основного дива #wrapper. А вот что делать с низом? Может ли это быть из за BOM? Никак не могу его выловить... может smarty его подставляет...

    Asked by stardg,

    0 votes
    4 answers

  7. Обратная связь

    Всем привет. Допустим нужно сверстать landing page.ОК. Ты его полностью сверстал но там есть обратная связь или кнопка сделать заказ. Как сделать там чтобы при обратной связи или при любой действии подобном, на почту приходило письмо? я пробовал через функцию mail() в php, но там проблемы с кодировками есть. Я не силен в таких вопросах. Что делать в таких ситуациях, может скрипты есть готовые какие нибудь или сервисы?

    Asked by WEB-best,

    0 votes
    3 answers

  8. Работа hover с .svg

    Здравствуйте! Прошу помочь со следующей проблемой: пытаюсь сделать замену одной картинки на другую при наведении на неё курсора мыши с помощью псевдокласса "hover", но ничего не выходит, картинка имеет расширение *.svg. Результат следующий: область, где должна быть картинка, работает, как ссылка, при наведении, но там пусто (изображения нет ни исходного, ни при наведении)! html-код <div id="vk_f"> <a href="http://www.vk.com/" target="_blank" id="vk_f_1"></a> </div> css-код #vk_f { position:absolute; right:284px; top:85px; border:none; } #vk_f_1 { background: url(images/vk_logo_0.svg); …

    Asked by Torawhite,

    0 votes
    9 answers

  9. Не отображаются бордеры. В чем проблема?

    Привет, ребят! У меня прописанные бордеры не отображаются, подскажите в чем проблема. Код представлен ниже: <!DOCTYPE HTML> <html lang="ru-RU"> <head> <title>untitled</title> <meta charset="UTF-8"> <style type="text/css"> html, body {margin: 0;} .top-left { position: absolute; top: 0px; left: 0px; background-color: black; height: 300px; width: 300px; border-right: 2px dashed #ECE8E2; border-bottom: 2px dashed #ECE8E2; } .top-middle { position: absolute; top: 0px; left: 300px; background-color: black; height: 300px; width: 300px; border-right: 2px dash…

    Asked by bearsandvodka,

    0 votes
    4 answers

  10. Скрипт!

    Добрые люди дайте рабочий скрипт регистрации пользователей!

    Asked by vvsh,

    0 votes
    10 answers

  11. Все те же скругленные углы, но...

    Как делается css-обвязка я в курсе, начитался. Отлично, работает. А тут вдруг верстаю себе, верстаю, и вижу что НУЖНО сделать эти самые скругленные уголки с прозрачной частью, а не белой. Попробуйте, если все делать как в этой статье, но например верхний левый угол сделать прозрачным гифом - на месте прозрачности увидим соответствующую серый фон от левой\верхней стороны обвязки. Как быть? Наверняка есть адекватное валидное решение! Помогите пожалуйста)

    Asked by splean,

    0 votes
    10 answers

  12. Плавающая картинка в блоке

    Вопрос по примеру из ЧаВо: http://forum.htmlbook.ru/index.php?s=&...ost&p=94256 Всё хорошо. Но возникает вопрос, если у картинки заданы маргины. ИЕ 6 и 7 растягивает внешний див только на величину рисунка, не учитывая эти маргины. Сравните пример в ИЕ и в Мазиле или Опере: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Плавающая картинка в блоке</title> </head> <body> <div style="border: 1px solid red;overflow:hidden;zoom:1;"> <img src="http://forum.htmlbook.ru/style_images/elegance/logo4.gif" alt="" style="float: left;margin-bottom:10px;"> Test </div> </body> </h…

    Asked by Колос,

    0 votes
    7 answers

  13. Выплывающее меню слева по щелчку мыши

    Здравствуйте уважаемые форумчане! Я не являюсь профессионалом сайтостроения, т.е. о-очень много не знаю. У меня возник такой вопрос. Попробую описать его. Предположим у меня есть блок, который "прижат" к левому краю. При нажатии на данный блок, он должен выдвинуться вправо, "потянув" за собой другой блок. Ну так вот, как это сделать? Подскажите пожалуйста. Вроде понятно. Если нет, буду рад объяснить снова. Прошу простить за косой язык, незнание языков профессиональных и отсутсвие примера (постараюсь найти). Заранее спасибо.

    Asked by DeD_AvToRuTeT,

    0 votes
    11 answers

  14. проблемы с расположением контента

    Здравствуйте уважаемые! Есть дизайн с табличной версткой, в ячейке таблицы я расположил div для основного контента и картинки, высоту указал в %, но при этом сделать так чтобы при отсутсвии контента в этом div-е высота его оставалась неизменной, а при заполнении контентом сверх указаной высоты в % появлялся только вертикальный скроллинг ... вот воюю уже какой день и немогу найти решения...так как высота в % отображается по разному для IE и FF (именно под эти браузеры делается дизайн)...я начинающий, поэтому тут наверное много недочетов и кстати на валидность кода пофиг Kод HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd…

    Asked by kosst2006,

    0 votes
    6 answers

  15. Перенос слов в таблице в разных браузерах

    Поскажите как можно решить: Необходимо в ячейке определенной ширины перечислить номера телефонов через запятую. Вот код <table width="404" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000"> <tr> <td width="400">(495) 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-3…

    Asked by kpdozer,

    0 votes
    3 answers

  16. Вопрос по коду html в тильде!

    Господа и дамы, следующий вопрос! у меня есть код: <style> .shirina{ background:none !important; right: 0 !important;left: 0 !important;} .parpadding{padding:0 !important;} .tn-atom .t-form__errorbox-wrapper, .tn-form__errorbox-popup , .t-form-success-popup { z-index: 9999999 !important; } </style> <script> $( document ).ready(function() { var ZeroPopID = '#rec379140540';//ID Zero var PopWindID = '#rec379168284';//ID PopUp окна BF503 $(PopWindID + " .t-popup__container").addClass("shirina").html($(ZeroPopID)).parent(".t-popup").addClass("parpadding"); $('a[href^="#popup:opros"]').click(function(e) {e.preventDefault(); …

    Asked by evgsudnik,

    0 votes
    0 answers

  17. Формы не слушаюсться

    У меня следуюая проблема: У меня есть таблица Шириной: 193px, Длиной: 337px, моя задача разместить там следующие формы: Я сделал таблицу,а в ней 7 строчек.для каждой формы,но Проблема в ттом,что в Интернете Эксплорере Эти формы не хотят прилегать к друг-другу,тоесть всякие padding и margin ваще не действуют,тока слева.а МНЕ НАДА,чтобы сверху например 4-ая форма прилегала в плотную к 3-ей,в Файрфоксе получаеться,а в Ин-те Эксплорере НЕТ..Видите на картинке из-за этого даже таблица растягиваеться вниз и появляеться бекраунд снова.. а вот мой код: <table valign=top border=1 width="193" height="337" cellpadding="0" cellspacing="0"> <tr><td style="background-im…

    Asked by Guest Гость_Psywalker_*,

    0 votes
    4 answers

  18. Растянуть таблицу на всю высоту окна

    Доброго времени суток всем Проблема такая: как растянуть таблицу по высоте на всю длину экрана. Знаю, что можно в стилях прописать html и body высоту 100%. Но у меня этот способ помагает только в опере. Мозилла игнорит, а в ие получается очень длинная страница (с вертикальной прокруткой). Заранее спасибо

    Asked by Ромашка,

    0 votes
    0 answers

  19. В диве в блоке не задать подсветку сылки.

    Всем привет Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>Вася</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> a:link { color: blue; } a:visited { color: blue; } A { text-decoration: none; /* Убираем подчеркивание у ссылок */ } td { font-size:11pt;font-family:"Verdana";font-style:normal;font-weight:bold;} .block1 { width: 200px; background: #fc0; padding: 5px; border: solid 1px black; font-size: 12px ; font-family: Verdana; font-style:normal; font-weight:bold; text-de…

    Asked by dima4321,

    0 votes
    7 answers

  20. Резиновая ширина, навигация слева в виде таблицы

    Здравствуйте, подскажите, пожалуйста, почему центральная таблица (Новости) на ходится снизу относительнолевого блока (таблицы). Делал как здесь в макетах: http://htmlbook.ru/layout/rezinovaya-shirina-navigatsiya-sleva вроде бы. float: left. Отступы вроде все правильно проставлены. Весь день промучался, но не получается.Хочу чтобы всё позиционирование было относительным. Новичок в CSS совсем. Поэтому скорее всего всё банально глупо. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Сайт</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <img id="hat" src="…

    Asked by bdshadow,

    0 votes
    11 answers

  21. Как лучше реализовать декоративную рамку?

    Есть макет с эффектом рамки на заднем фоне. Как считаете как лучше реализовать этот эффект? Как бы сделали это вы? border || border-image || svg || css-mask Или что-то другое??? Спасибо! Кому интересно - ССЫЛКА на весь макет!

    Asked by EugeneKiyash,

    0 votes
    10 answers

  22. Помогите с дизайном таблицы!!!

    Ребят, выручайте. Вобщем в сайтостроении я не силен, поэтому обращаюсь к вам за помощью. Вобщем сначала я делал сайт при помощи фреймов, но как я понял, на них сайт не делаюстся, вобщем понял что нужно дивами и таблицами, но как я понял, предпочтительнее будет таблицами. Первое. Вобщем я мысленно представил себе шаблон будущего сайта, и даже нарисовал его при помощи таблиц, но вышло явно не то, что мне нужно, вобщем проблемма первая. Как сделать границы ячеек невидимыми? Т.е. чтобы страница состояла из отдельных боков. Где-то вычитал, что нужно указать border="0", но тогда невидимые границы получаются очень тонкими, мне нужно большее расстояние между блоками, увеличив зна…

    Asked by Пятница,

    0 votes
    8 answers

  23. Скажите пожайлустав чем глюк? или как я тихо ненавижу IE 7...

    Вот чудовище: http://prohost.com.ua/foot/ мозила и опера нормально кушает, а в ие серединка, там где контент - тупит, т.е. контент теряется. Скажите где я ступил. Всем спасибо.

    Asked by Alexwweb,

    0 votes
    7 answers

  24. рамка вокруг фото в постах

    Тема wordpress "Default", искала на форумах, есть статьи только о создании одной рамки. Нужна двойная рамка разных цветов для фотографий в постах, как на фото, т.е. белая широкая и тонкая по краям. данные файла css: p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } a img { border: none; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-…

    Asked by htmlkatt,

    0 votes
    9 answers

  25. Непонятный контур на кнопке

    Не могу разобраться что за контур появляется на кнопке при нажатии. Можно ли его как-то убрать? Вот скрин с куском кода кнопки, хотя все кнопки так реагируют. Спасибо.

    Asked by alleclf,

    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