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. Как сделать рамку одинаковой и в ИЕ и в Мозилле?

    В ИЕ все отображается как надо. Но в Мозилле - нет. Как сделать их одинаковыми? Замучалась уже Код страницы: <!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=windows-1251"> <link href="styles.css" rel="stylesheet" type="text/css"></head> <body> <div class="main"> <div id="back"><<<a href="http://www.fbf.ru/"> на главную</a></div> <div id="logo" align="center"><img src="img/logo.gif"></div> <div id="logo" align=…

    Asked by Eirene,

    0 votes
    23 answers

  2. Открытие WORD-документа во фрейме

    Здравствуйте. Прошу помочь в следующем. Вот код фрейма: <iframe <?php echo $row->load; ?> id="blockrandom" name="iframe" src="<?php echo $row->url; ?>" width="<?php echo $params->get( 'width' ); ?>" height="<?php echo $params->get( 'height' ); ?>" scrolling="<?php echo $params->get( 'scrolling' ); ?>" align="top" frameborder="0" class="wrapper<?php echo $params->get( 'pageclass_sfx' ); ?>"> <?php echo _CMN_IFRAMES; ?> </iframe> Сначала во фрейм загружаю страницу со ссылками на WORD-документы (через jump menu) Вот код ссылок: <form name="form7" id="form7"> <selec…

    Asked by quake3,

    0 votes
    11 answers

  3. Проблемы со слоями в FireFox

    Пытаюсь создать свой сайт, но столкнулся с проблемой смещения слоев в FireFox. В др. браузерах отображается все корректно. Страницу делал в FrontPage. Корректно: Не корректно: Стрелочками показано где смещено. Это 4-е разных слоя. Подскажите пожалуйста, что не так делал.

    Asked by Fion,

    0 votes
    22 answers

  4. Рисунок с float не растягивает div по вертикали

    Есть див, в нём рисунок с флоат и текст который этот рисунок обтекает. При этом див растягивается только текстом, а рисунок свободно вылезает за границы дива. Как ограничить? Рисунки разного размера как и текст и задать жестко не вариант. Пример: <div style="border:#000000 dotted 1px;"> <img src="любой рисунок.jpg" style="float:left;" /> произвольный текст </div>

    Asked by Blockhead,

    0 votes
    12 answers

  5. Наложени при position: absolute

    Добрый день. Подскажите пожалуйста со следующим моментом: нужно, что бы надпись была чуть выше картинки . Картинка в одном <div>, Текст во втором. Я для div'а с текстом задаю position: absolute; left:60%; top: -20px;В полноэкранном режиме все нормально, но если начинаю ресайзить текст наплывает на картинку Как можно это побороть?

    Asked by jdk,

    0 votes
    8 answers

  6. Создать доска объявления

    Уважаемые, подскажите решил создать доску объявлений. Нашел плагин Ads-Wordpress_4, скачал последней версии движок WordPress_4.3.1. Нашел сайт где вкратце описывают как установить, настроить и даже примеры досок (уже готовых). Подскажите где найти полную инструкции по созданию доски объявлений (для новичков) или работы с плагином этим. Или может где на другом движке или самому с нуля создать простою доску объвлений. Основы знаний PHP, HTML, CSS имеются. Спасибо заранее

    Asked by bumerkz,

    0 votes
    3 answers

  7. не работает margin:0 auto;

    Доброго времени суток, столкнулся с такой проблемой, искал решение, нашел на вашем форуме похожую тему но рекомендации оттуда мне не помогли, проблема в том что я не могу отцентрировать блок div .mobnamaz{ padding:31px 3px 3px 90px; width:100%; } @media only screen and (max-width : 767px) { .mobnamaz { position: relative; width:100%; padding:0; margin:0 auto !important; } } собственно блок должен центрироваться только на мобильных устройствах, на данный момент в результате экспериментов у меня получился вот такой код, но это не работает. Вот собственно и сам div <div class="mobnamaz"> <iframe></iframe> </div> если…

    Asked by itook.ru,

    0 votes
    2 answers

  8. Верстка шаблона

    Добрый день! Помогите с такой проблемой: Есть шаблон с общим фоном: Для понятности разметки поменял на другой цвет: Суть вопроса: надо где черный квадрат и цифра 1, вставить изображение прозрачное в самый угол, ну типо ленточки георгиевской и всё остальное залить фоном: Вот css: html{background-color:#5d1338;} body{background:url(../images/purple/bg.jpg) no-repeat top center;} a.read_more{background-color:#ff9694;} .button_divider{border-bottom:1px #6a2146 solid; border-top:1px #6a2146 solid;} a{color:#ff9694;} h1 span, h2 span, h3 span, h4 span, h1 strong, h2 strong, h3 strong, h4 strong{color:#ff9694;} ul#main_menu li a.selected {…

    Asked by Dizred,

    0 votes
    21 answers

  9. Таблица прогноза погоды

    Люди, помогите кто знает. Не знаю в какую тему это писать, решил написать сюда. Вот есть сайт www.floppysystems.kz - на этом сайте справа есть таблица прогноза погоды. Эта таблица обновляется с сайта gizmeteo.ru Прич?м эта таблица - отдельный HTML файл вставленный в каждую страницу сайта. Вопрос - какими средсвами можно сделать такую таблицу, и как она вставлена в сраницы сайта???

    Asked by dennrum,

    0 votes
    5 answers

  10. выравнивание в линию нескольких div-ов по центру

    Здравствуйте, я нович в вёрстке исользую dremwuver 8, возникла следующая проблема. Сайт сделан таблицей из нескольких ячеек. Внутри самой большой мне нужно поместить четыре одинаковых блока (div). Но у меня не получается чтобы в общем все 4 были по центру. В самой ячейке таблицы ставлю выравнивание "center". В CSS стиле для div-ов ставлю ширину 155 px, margin=15 px, float=left - чтобы они встали друг за другом. Открываю в IE6 всё нормально, но как только в Mozila или в Opera, эти дивы смещаются к левому краю, и межстрочный интервал уменьшается. Помогите пожайлуста решить проблему.

    Asked by drimer,

    0 votes
    7 answers

  11. Изогнутые блоки

    Как сделать такие изогнутые блоки на CSS?

    Asked by Drix87,

    0 votes
    6 answers

  12. Стилизация чекбокса без label

    Привет всем. В интернете есть полно статей о том, как стилизовать чекбокс, но я не могу использовать атрибут for для привязки label и чекбокса, т.к. у меня label является внешним по отношению к чекбоксу и такую струтктуру желательно не нарушать. Есть ли метод стилизации чекбокса без применения <label for=''> ? К примеру у меня сейчас проблема с тем, как спрятать стандартній чекбокс и оставить только синий кружочек для input:checked https://jsfiddle.net/k4nq7paL/

    Asked by WhatIsHTML,

    0 votes
    9 answers

  13. Не работает <div>

    Я только изучаю html и css и у меня вот такая проблема: посмотрите пожалуйста в чём проблема такое уже не в первый раз https://jsfiddle.net/fanat1k/moocktzv/

    Asked by fanat1k,

    0 votes
    4 answers

  14. наложение слоев

    Народ не могу решить одну проблему, а очень надо. Недавно решил верстать слоями, но не могу сверстать такую ситуацию: есть таблица в ней сверстана шапка сайта, сверху шапки надо вывести два слоя с картинакми, один под другим на некотором расстоянии, помогите с решением как это осуществить?

    Asked by Shar,

    0 votes
    8 answers

  15. Задача на смекалку

    <div><img src="img.jpg" width="100" /><p>Какое-то количество текста, причем количество текста разное во всех блоках</p></div> <div><img src="img.jpg" width="150" /><p>В этом блоке может быть меньше текста</p></div> <div><img src="img.jpg" width="50" /><p>А в этом наоборот - может быть очень много, вплоть до нескольких предложений и словосочетаний.</p></div> Блоки обтекают друг друга слева ( float: left; ). Текст, находящийся в блоке, разумеется, идет в одну строку. Задача: сделать так, чтобы блок имел ширину, равную ширине находящегося в нем изображения для того, чтобы текст переноси…

    Asked by lavr-ik,

    0 votes
    26 answers

  16. Эффект печатающегося текста

    Подскажите, как сделать средствами CSS, но не скриптами, чтобы каждая строка начинала прописываться после того, как предыдущая закончила прописываться. Сейчас все строки прописываются одновременно. HTML: <p class="text-typing">1 строка</p> <p class="text-typing">2 строка</p> <p class="text-typing">3 строка</p> <p class="text-typing">4 строка</p> CSS: .text-typing { width: 21em; color:green; font-size: 22px; font-family: 'Marck Script', cursive; white-space:nowrap; overflow:hidden; -webkit-animation: type 5s steps(34, end); animation: …

    Asked by StOK,

    0 votes
    3 answers

  17. Placeholder на странице xhtml не проходит валидацию в w3

    Имеется xhtml страница с формой отправки сообщений. При проверке на валидацию w3 выдает ошибку в строке <input name="title" class="comments-name b-comments__name-i" placeholder="Ваше имя" maxlength="100"/> страница с ошибкой находится по адресу http://dorogadushi.narod.ru/uslugi/otzivi_i_predlozheniya/ Ругается валидатор именно на placeholder. Говорит, что там нельзя чтобы был такой. привожу отчет валидатора w3: Помогите понять в чем проблема.

    Asked by Daiver,

    0 votes
    6 answers

  18. Не работает свойство border-collapse: collapse;

    Добрый день,Судари и Сударыни!Подскажите пожалуйста новичку,почему в моем примере не работает свойство border-collapse: collapse; Оно же должно по идее схлопывать границы,т.е. отображать 1 линию вместо 2х. http://cssdesk.com/xf5uE Если же я не прав с этим свойством - подскажите как можно по другому решить эту задачу? P.s.Вы бы стали помещать 3 инпута в div?Или и так все в порядке? Заранее спасибо! P.p.s. Подскажите почему у меня на пк и на cssdesk при одинаковом коде результат отображается по разному? 1.Картинка с пк 2.Картинка с cssdesk Отступы разные! Браузер хром последней версии.

    Asked by Temik2704,

    0 votes
    4 answers

  19. Проблема с отображением шрифта в Опере

    Помогите решить проблему со шрифтом. В IE7 шрифт Century Gothic отображается нормально, а в Опере отображается некорректно (буквы какие-то угловатые и тоньше чем в др. браузерах) H1 { font-size: 20px; font-weight: bold; font-family: "Century Gothic"; }

    Asked by stosen,

    0 votes
    8 answers

  20. Растяжка div с заданным float по высоте родительского div'а

    Долго мучаюсь, но что-то не выходит. Случай вроде бы распространенный, но найти решение в интернете так и не смог. Структура довольно простая. <div class="main"> <div class="mainleft"> меню </div> <div class="mainright"> содержание </div> </div> вот их стили .main { width: 90%; background-color: #FFFFFF; } .mainleft { width: 200px; background-color: #FF0000; float: left; height: 100%; } .mainright { background-color: #FFFF00; margin-left: 210px; height: 100%; } Задача: при растягивании одного из дивов (к примеру правого), левый должен стать такой же высоты и наоборот. У меня же получается так: правый див растягивается, раст…

    Asked by PCSpeaker,

    0 votes
    2 answers

  21. Закругление углов посредством CSS + hover: как?

    Изучив тему, я задался вопросом - можно ли сделать изменяющийся фон у блока с закругленными углами при наведении на него мыши, без использования картинок. Допустим имеем сайт, вверху пункты меню с закругленными верхними левым и правым углами. Наводим мышь на любой из пунктов меню, он меняет цвет. Блоки с пунктами меню резиновые, то есть их ширина может изменяться. Также каждый блок/п.меню является ссылкой. Наводим мышь на любой блок/п.меню и цвет фона его меняется, включая и уголки. То есть вопрос в том, чтобы эмулировать стилевой атрибут border-radius (-moz-border-radius) для поддержки браузеров ИЕ7+, Опера 9.5+. Решаема ли задача только средствами исключительно CSS, без…

    Asked by Captain Fizz,

    0 votes
    5 answers

  22. Последовательность блоков вложенных друг в друга

    Приветствую! Такая проблема, есть три div блока вложенных друг в друга, вот так: <div id="div1"> <div id="div2"> <div id="div3"> </div> </div> </div> У каждого дива есть своя background картинка. Но почему-то эти блоки накладываются друг на друга в обратном порядка, т.е. сначало идет div1 со своим бэкграундом, затем на него накладывается div2 и затем div3. Как мне сделать, чтобы эти блоки накладывались друг на друга в обратном порядке, т.е. как написано в коде.

    Asked by IPnex,

    0 votes
    11 answers

  23. Настройка Less

    Подскажите как настроить настроить плагин в VS Code "Easy Less" таким образом, чтобы этот плагин компилировал css файл в другую папку (не в ту где лежить .less) Я пробовал в настройки Package.json записывать компанду, которая указана в докумментации на гите { "less.compile": { "main": ["${workspaceRoot}\\css\\main.less"] } } но эта команда просто добавляет дополнительные папки в корень той, где лежит .less. Добавил скрин с тем куда нужно положить скомилированный файл. Если кому не трудно напишите команду, чтобы плагин сразу туда отправлял скомипилированный файл.

    Asked by Spllit,

    0 votes
    0 answers

  24. как упростить процесс создания сайта, или переменные в html. need help

    во-первых, приветствую! это мой первый постинг на этом форуме. htmlbook - очень полезный для меня ресурс, и, я думаю, не только для меня, за что спасибо! но вот меня интересует такой вопрос, на который я здесь ответа не наш?л (может, просто плохо искал): как сделать эээ... переменные? не знаю даже как правильно называются такие вещи.. В общем, сайт простой, только html и css, каркас из одних таблиц. и вот пока сайт делаешь, меняются то одни, то другие детали, и приходится каждую страницу переделывать индивидуально, хотя элемент один и тот же. интересует следующее: можно ли сделать (в таблице) какое-то "нечто", которое при обработке страницы будет отображаться нужным значе…

    Asked by brainless,

    0 votes
    10 answers

  25. Таблицы и слои. Как прикрепить две картинки?

    Никак не могу придумать, как сделаь подобную штуковину. Ширину для мониторов 1024*768 надо сохранить, т.е рабочее пространство 979. Но для больших мониторов оформление продолжается и картинка за рамками 979 с права и слева тоже продолжается. но если просто делать таблицу в 3 колонки: картинка 105px|содержание 979px (находится в таблице)|картинка 105px то страница не влазит в мониторы 1024*768, что вобщем-то и логично. Картинки плотно без пробелов прилегают к таблице, т.к в шапке тоже картинка. Так как сделать эти две картинки, чтобы они были как фон справа и слева, были видны только тем, у кого большие моники и не растягивали страницу? Надеюсь получилось объяснить. Обычн…

    Asked by Defenderyk,

    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