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. Gzip и cache на сайте

    Здравствуйте. Кто что подскажет по gzip и кешированию? Пишу в .htaccess, мол, сожми текст и закешируй всё что можно. Оно всё работает, особенно gzip на 80% ужимает. Но Google Speed Test пишет, что никакого gzip и кеширования нет. У хостинга gzip автоматом не включен, то есть дублирования нет. Может, я где-то не права?

    Asked by kattiperk,

    0 votes
    3 answers

  2. Чем тестировать верстку под разные разрешения/девайсы без их наличия?

    Столкнулся с проблемой тестирования вёрстки под разные мобильные устройства. То что есть например в инструментах разработчика Google Chrome работает не совсем так как надо. Возьмём например код: <html> <head> <meta charset="utf-8"> <title>test</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> </body> </html> и CSS стиль для него: @media screen and (max-width: 1100px) { body{ background:rgba(43,167,,1.00);} } @media screen and (max-width: 640px){ body { background:rgba(213,,3,1.00);} } Цвет фона при ширине меньшей 640px меняется только при ручном измен…

    Asked by BOMS,

    0 votes
    4 answers

  3. Вырезать определенную часть картинки

    Сидя на просторах интернета в поисках интересного макета попрактиковаться наткнулся на один, но столкнулся с проблемой. Каким образом можно установить эту картинку поверх блока с фоном? Имею в виду картинку справа, отделенной как бы кривой линиией? Имею в виду не просто вырезать её из псдшника в формате .png, а оформить какими-нибудь CSS свойствами

    Asked by Vibe,

    0 votes
    5 answers

  4. << и >> до и после текста

    Нужно сделать << и >> до и после текста. Вот таким образом http://skrinshoter.ru/s/050718/7gDP7LAc?a У меня получается как-то некорректно http://skrinshoter.ru/s/050718/lO2xSi0U Элементы чуть приподняты. Как их выровнять? margin-top не помогает, before и after - тоже https://codepen.io/anon/pen/PavQWP

    Asked by yaparoff,

    0 votes
    3 answers

  5. как залить контент в сверстанный дизайн

    Здравствуйте, у меня такая проблема нужно срочно выложить сайт, есть дизайн -верстка в html в дивах, я не пойму ,как туда залить контент, то есть у меня есть сайт, который подвергся дизайну на php, там просто есть главная, остальные страницы туда генерируются вот так: <td width=87%> <?php Error_Reporting(E_ALL & ~E_NOTICE); $req_1="1.php"; $req_2="2.php"; ... if ($req == 'link1'): include($req_1); elseif ($req == 'link2'): include($req_2); elseif ($req == 'link3'): include($req_3); ... else: include($req_2); endif; ?> </td> В новом дизайне такая ситуация: справа меню, слева меню, в середине должен располагаться контент, а в странице дизайна т…

    Asked by energy!,

    0 votes
    1 answer

  6. Как создать меню в css.?

    Можно ли как-нибудь сделать это?

    Asked by Sheena,

    0 votes
    3 answers

  7. не могу вставить exeшник

    Привет!Проблема такая:У мя есть флеш файл в exe.Я могу как нить его вставить в сайт?

    Asked by Sky_Angel,

    0 votes
    3 answers

  8. закругленные углы

    попробую описать проблемку ...проблема в центре макетика ... есть три прямоуголоьной части как с которыми проблемм нет (спозиционированы флоутами) , но они лежат внутри серой закругленной части выполненой по такой же конструкции, при помещении их внутрь этой серой прямоугольной части макетик сразу теряет сколь угодно привлекательный внешний вид и выглядит совсем не так как надо .. Все три части Выполнены при помощи такой конструкции: .module { padding: 0; margin: 0 0 0 0; width: 173px; } .module div { padding: 0; margin: 0; /*bottom 14px*/ background-image: url(images/1korp_07.jpg); background-repeat: repeat-y; background-position: center top; } .module div div…

    Asked by RobotWerder,

    0 votes
    2 answers

  9. Убрать перенос у таблицы

    Есть несколько баннеров,которые идут в одну строчку.Один баннер сделан из таблицы,поэтому перескакивает на следующую строчку.Как сделать,чтоб работало нормально.

    Asked by user,

    0 votes
    5 answers

  10. К чему привязать подвал?

    Уже два дня думаю, как реализовать подвал. Вопрос весьма живой, но мне, пока, не поддающийся. Суть вот в чём. Возьмём к примеру такую страницу. Структура её такова: первым идёт верхняя картинка с параметром margin-bottom:-500px для позиционирования статьи; меню слева (включая графический адресный блок и картинку с рукой под ней) сделано таблицей и имеет позиционирование absolute, то есть исключено из общего потока. Сейчас колонка меню длиннее статьи и выходные данные внизу (будем называть их подвалом, ибо возможно будут ещё элементы и подвал должен быть по ширине сайта) я внедрил в неё, но если наполнить статью справа, то эти данные, конечно же, так и останутся под карти…

    Asked by Iguar,

    0 votes
    2 answers

  11. Наложить div на футер

    Существует два дива в две колонки и подвал.Правый фиксированный, а левый резиновый,подвал привязан к левому,т. е. при растяжении левого дива подвал ползет вместе с нижней границей левого дива. Вопрос: Как сделать так,что бы левый див стал наложенным на подвал на определенное количество пикселей?

    Asked by olejan,

    0 votes
    3 answers

  12. онлайн все испортил

    Подскажите пожалуйста. Я сделал страничку с помощью дивов и таблиц и добился чтобы во всех браузерах все отображалось одинаково. Но когда я залил станичку на бесплатный хостинг(не знаю можно или нет писать тут какой) со всеми прилегающими файлами, все перекосилось стали появляться отступы в неожиданных местах и тд. Из-за чего так? Напомню: оффлайн все ровно и красиво.

    Asked by AKstoAK,

    0 votes
    13 answers

  13. Вырывает элементы из потока

    Добрый вечер) Возникла такая проблема, вставляю в шаблон элемент для вывода постраничной навигации for ($i = 0; $i < mysql_num_rows($queryVideo); $i++) { $video = mysql_fetch_array($queryVideo); # HTML ###################################################################################### ?> <div class="videoWrapper"> <div class="videoCode"><?php echo $video['code']; ?></div> <div class="videoDesc"> <h2><?php echo $video['title']; ?></h2> <p class="desc"><?php echo $video['desc']; ?></p> </div> </div> <?php #############################################…

    Asked by Frolov,

    0 votes
    4 answers

  14. Движение float:right элемента

    Здравствуйте. При смене размеров окна браузера элемент с float:right двигается влево и в конце концов наезжает на обтекаемый элемент. С этим можно что-то сделать или это неисправимая особенность?

    Asked by mcdude,

    0 votes
    8 answers

  15. Opera 12.10 Не поддерживает radial-gradient

    Будьте аккуратны, дамы и господа. Сегодня обновил Opera до 12.10 и с ужасом обнаружил, что она не поддерживает radial-gradient, хотя везде прописаны фиксы Кто хорошо знает английский? Напишите пжт в поддержку Оперы. Никак не пойму что от меня требует их форма.

    Asked by iDrugov,

    0 votes
    12 answers

  16. Убрать выделение с картинки ссылки

    Добрый вечер! подскажите пожалуйста, на странице есть картинка, если ее сделать ссылкой, она выделяется цветной окантовкой, как ее убрать ? пока сделал так a, img { border-color:#FFF; } то есть, просто окрасил в цвет фона, есть ли какой то способ вообще ее не отображать ? то что нашел в интернете типа border: 0px не помогает, проверяю в IE 10

    Asked by Aero1,

    0 votes
    2 answers

  17. Поиогите разобраться с в?рсткой

    Как сделать чтобы слой id="direct" отображался внизу рубрикатора, а не под ним. В IE отображается как мне надо. Подскажите в ч?м ошибка. И как можно улучшить код? <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <style type="text/css"> #nov_level1 { margin: 2px 20px 0 190px; position: relative; } #nov_level2 { background: #f0f0f0 url('../images/ug_lb.gif') no-repeat bottom left; float: left; width: 100%;…

    Asked by Юрий,

    0 votes
    2 answers

  18. Приоритет стилей

    В одном блоке div#box располагается 30 ссылок. Из них 27 имеют стиль a.blue { color:blue; } и 3 ссылки имеют стиль a.red { color:red; } . Если устанавливаю контекстный селектор вида div#box a { color:blue; }, то потом ни как не могу переориентировать оставшиеся 3 ссылки на стиль a.red. С этим можно что-нибудь сделать или только прописывать каждой ссылке свой класс? Спасибо!

    Asked by RR,

    0 votes
    1 answer

  19. Дайте совет по height у DIV

    В общем такая ситуация : <div class="top"></div> <div class="side"></div> .top{background:url(topb.gif) repeat-x top; height:15px;} .side{background:url(sideb.gif) repeat-y left;} При просмотре у меня див который под первым отделяется игнорируя высоту в 15 пкс, там картинка высотой ровно в 15 пкс на бэкграунде лежит всё нормально отображается но сам див больше не смотря на эти 15. И это только в IE а файрфоксе всё GOOD. Может кто нибудь ответить на вопрос что не так я делаю чтобы отображалось правильно и в IE??? Что надо для того чтобы второй див не выглядел отделённым?

    Asked by Marbas,

    0 votes
    2 answers

  20. горизонтальное меню с выподающим списком вверх

    создала горизонтальное меню с выподающим списком вниз спомощью css.. но мне нужно вверх! подскажите как!

    Asked by zacepka,

    0 votes
    4 answers

  21. Проблема ширины body в IE6

    Здравствуйте.. Никак не могу разобраться с такой проблемой: на странице 3 элемента. один фиксированной ширины позиционирован статически.. второй позиционирован абсолютно и всегда должен быть в правом углу.. ширина третьего (position: static;) всегда должна быть 100% от ширины всей страницы (в независимости от ширины окна).. В FF и Opera все норм.. как всегда глюк в IE6.. Помогите разобраться. на данный момент проблема осталась только в ширине 3-го элемента <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <title>body_test</title> <meta http-equiv="Content-Type" conten…

    Asked by ScRiPt,

    0 votes
    7 answers

  22. Падающие тени

    Здравствуйте. Нашел инете пример, как реализовать падающие тени от картинок, причем не только для статических, а которые генерить можно. Поставил - везде работает, кроме IE. Предполагаю, что он опять чего-то не поддерживает, вот только что? Помогите стажеру. .shadow { background: URL(http://avtomotokniga.ru/image/shadow.jpg) no-repeat 100% 100%; /* Рисунок с тенью */ float: left; /* Создание обтекания для правильного положения тени */ } .bottom-left-corner { background: URL(http://avtomotokniga.ru/image/corner_bl.jpg) no-repeat 0px 100%; /* Левый нижний уголок */ } .top-right-corner { padding: 0 8px 8px 0; /* Ширина тен…

    Asked by zlobik,

    0 votes
    1 answer

  23. Список с разными маркерами

    Как правильно сделать список чтобы у каждого элемента списка была своя картинка-маркер? создал Вот такой список: <div id="menu8"> <ul> <li><a href="#1"><span id="one"> Подсолнух</span></a></li> <li><a href="#2"><span id="two"> Лютик</span></a></li> <li><a href="#3"><span id="three"> Ромашка</span></a></li> </ul> </div> сss-код: #menu { /** background: #333333; **/ float: left; width: 250px; height: 624px; margin-top: 10px; margin-right: 10px; border: 1 solid black; padding-right: 20px; } /* …

    Asked by Newbie,

    0 votes
    3 answers

  24. Помогите с css меню

    У меня такая проблема хотел сверстать горизонтальное меню для сайта ! но возникла такая проблема вот само меню я его разрезал на 3 части но вот в чем проблема слева и справа закругелые углы и у меня не как не получается собрать меню вместе <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>менюшка</title> <style type="text/css"> <!-- *{margin:0px; padding:0px;} ul { list-style-type:none; background-image:url(images/bg.gif); …

    Asked by CyBer,

    0 votes
    11 answers

  25. Label

    Вот у меня задача такая: Сделать так чтоб при нажатии на букву активировалась: <input type='radio' name='r[r]' value='1' id='ati1' class='radio' onclick='this.form.submit()'> это я делаю с помощью LABEL : <label class='label' id='r1' for='ati1'>1</label>. Проблема заключается в том ,что надо сделать чтоб "<input type='radio' name='r[r]' value='1' id='ati1' class='radio' onclick='this.form.submit()'>" не было видно.Я сначала решил её так,прописал в стилях display:none , в опере работает так всё отлично,но в экспловере ваще нисколько ! Как мне быть?!

    Asked by new01,

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