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. Список изображений с прокруткой без перезагрузки

    <body> <div id="navigation"> <table> <tr class="textnavigation"> <td class="previous"><span class="previous"><a href="photo.html" title="Previous Photograph"><< Previous</a></span></td> <td class="index" colspan="3"><span class="index"><a href="index.html" title="Return to Index">Index</a></span></td> <td class="next"><span class="next"><a href="photo3.html" title="Next Photograph">Next >></a></span></td> </tr> <tr> <td class="thumbcell"></td> <td class="thumbcell"><a href="photo.htm…

    Asked by sol,

    0 votes
    6 answers

  2. Проблемы верстки в ИЕ6.

    Всем привет. Помогите разобраться: 1. Возможно ли решить проблему связанную с :hover в ИЕ6, когда нужно его применить не только ссылке? В меню я применила :hover к трем трем элементам, чтобы меню растягивалось не зависимо от разрешения экрана. 2. Есть прозрачный фон, в Ие 6 это серый фон. Как добиться прозрачности? Может это тема обсуждалась, но я не нашла. Ссылка. Прошу не обращать внимания на баннеры, это за бесплатный хостинг. (

    Asked by amelice,

    0 votes
    14 answers

  3. Пустой список на псевдоэлементах

    Здравствуйте. Решил после теории попробовать силы и помучить "Практикум" на сайте. Задание 3 "Вложенные списки". Понятно, что решение просто и очевидно. Но тут внезапно(!) возник синдром "Мы не ищем легких путей" и тяга к "Великой оптимизации". Идея в том, что в html мы не вписываем вручную однотипные наименования пунктов и однотипную нумерацию. А просто используем :before и after. Что как бы более соответствует прекрасной идее - "HTML создается только раз и дальше все редактируем только через CSS". Собственно, код. Внешне все выглядит также, как на html-списках и валидно. Вопрос: 1. Есть ли какие-то подводные камни в таком подходе - почему он может быть плох? Старые IE …

    Asked by Kray Storm,

    0 votes
    4 answers

  4. отступы между ячейками

    Проблема в ie и мозилле, при добавлении текста в центральную колонку больше чем определенная высота, слева в колонке с меню, ячейки разъезжаются по вертикали. В опере все впорядке.

    Asked by Barry,

    0 votes
    1 answer

  5. Теряется стиль в IE

    Друзья, очень нужна ваша помощь. Ситуация следующая: http://brandshop.ru/index.php В мозиле и опере все относительно нормально, а вот в IE отваливается стиль. Изначально проблема была в том, что <html> {include file="head.tpl.html"} <body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0"> <div align="center" style="width:880px; height:100%; text-align:center; position:relative; margin:0 auto; top:0px; left:0"> все в том же ИЕ отображал содержимое не по центру, а слева. Изменения доктайпа приводят все в норму(располагает содержимое по центру), но стиль куда то отваливается. Спасибо заранее.

    Asked by oneel88,

    0 votes
    4 answers

  6. Подскажите по расположению div'ов в строку

    Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> </title> <style type="text/css"> html,body { padding:0; margin:0; height:100%; width:100%; } body { font: 14px "Arial"; } p { padding: 0; margin: 0 0 7px 0; } img { border:none; } .blockleft { text-align: left; clear: both; margin: 0 0 20px 10px; } .innerblock { float: left; border: black 1px dotted; position: relative; white-space: nowrap; text-align: center; margin: 5px 10px 5px 0; padding: 5px; } .innerblock * { position: relative; margin: 0 auto; } </style>…

    Asked by Searcher,

    0 votes
    5 answers

  7. Стиль для всех таблиц на сайте.

    Сама таблица выводится при помощи php, так же задаются некоторые параметры. Но во всех таблицах очень много общего. Хочу все это объеденить в css. Как это нарисовать для всех таблиц сразу? Только через класс?

    Asked by Ururu,

    0 votes
    14 answers

  8. наследование прозрачности от родительского блока дочерним

    здравствуйте! есть родительский блок с opacity 0.6, но в нем находится еще блок, который занимает некоторое место от родительского блока и должен иметь opacity 1 у бекграунда, но opacity 0.6 у границы дочернего блока. как такое можно сделать? вот пример этого css (правда уже изрядно измученный): .menu { margin-left: 25%; width: 490px; overflow: hidden; border: 6px solid black; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE 5.5+*/ -moz-opacity: 0.6; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.6; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ } .options { padding-left: 10%; padding-…

    Asked by helloworld,

    0 votes
    3 answers

  9. Отнять от даты/времени несколько часов, на PHP

    Всем привет! Повстречал вот такой вот скрипт, а как отнять от выводимого времени несколько часов (например 3) не знаю.. function date_view($date_input, $time = false) { $monthes = array('', 'января', 'февраля', 'марта', 'апреля', 'мая', 'июня', 'июля', 'августа', 'сентября', 'октября', 'ноября', 'декабря'); $date = strtotime($date_input); if ($time) $time = ' в G:i'; else $time = ''; if (date('Y') == date('Y', $date)) { if (date('z') == date('z', $date)) { $result_date = date('Сегодня'.$time, $date); } elseif (date('z') == date('z', mktime(0, 0, 0, date('n', $date), date('j', $date) + 1, date('Y', $date)))) { $result_date = date('Вчера'.$time, $date); } elseif (date('z…

    Asked by korjik,

    0 votes
    2 answers

  10. как растянуть элемент по высоте родителя?

    верстаю страницу табличной версткой и столкнулся с проблемой. В ячейку <td id="wrap" colspan="2" rowspan="2"> не могу вставить таблицу или див, так, что бы она (он) занимал всю высоту родителя (#wrap). http://jsfiddle.net/dennila2/Lt3L0jw6/ Объясните пожалуйста, как это сделать?

    Asked by Denni,

    0 votes
    10 answers

  11. Помогите разобраться с демо-примером, описывающем подход mobility-first

    Всех приветствую. Пытаюсь разобраться с подходом mobility first и наткнулся на интересный пример (далее «демо»). Также ознакомился с видео от Виталия Фридмана «Responsive Web-дизайн: Трюки и уловки», в которой он упоминает, что должно использоваться минимум http запросов для загрузки страницы. В коде демо-страницы стили для мобильных устройств и десктопных браузеров разделены и загружаются через link с указанием media параметров: <link rel="stylesheet" type="text/css" href="style.css" media="screen, handheld" /><link rel="stylesheet" type="text/css" href="enhanced.css" media="screen and (min-width: 40.5em)" /><!--[if (lt IE 9)&(!IEMobile)]> <link…

    Asked by Radiocity,

    0 votes
    10 answers

  12. Текст отображается как ромбики. Как исправить?

    Кто может помочь? Как исправить?Почему вместо буквы у меня ромб?

    Asked by Stadnichenko,

    0 votes
    2 answers

  13. A:visited для <li><a ...>....</a></li>

    Когда я захожу по одной из ссылок в меню, сделанного на основе списка: <div id="menu"> <ul> <li><a href="#">уууууу</a></li> <li><a href="#">уууууууууу</a></li> <li><a href="#">уууууууууууууууу</a></li> <li><a href="#">ууу</a></li> </div> то все разделы этого меню, меняют свой цвет на a: visited, но мне нужно, чтобы цвет меняла лишь та ссылка, на по которой я заходил и только. Как можно это обойти? Это что св-во UL такое?

    Asked by ardjuna,

    0 votes
    7 answers

  14. Прозрачная полоса прокрутки

    Здравствуйте. Помогите, пожалуйста, с вопросом. Как можно сделать на сайте прозрачную полосу прокрутки как, например, у телефонов Nokia X6 при просмотре веб-страниц или как у виджета комментариев сайта vkontakte.ru (скриншот)? Также, если есть возможность, ответьте, пожалуйста, как запретить вход на сайт по ссылкам с определенных сайтов? Например, было время, когда создатели сайта "Единая Россия" er.ru запретили вход на их сайт с vkontakte.ru, facebook.com и пр. Спасибо!

    Asked by Alter_Ego,

    0 votes
    3 answers

  15. Нужно сделать заглавную букву и выравнивание по верхнему краю

    Используя прием "p:first-letter" описаный в рецептах, не удается подобрать margin, таким образом, чтобы в опере, ие и фф было выравнивание по верхнему краю.Может кто-нибудь знает или где-то видел как это сделано? Вот как должно быть: http://kdimon2005.narod.ru/file/MEN.gif

    Asked by k_dimon,

    0 votes
    2 answers

  16. позиционирование

    И совсем "тупой вопрос". Не понимаю, ПОЧЕМУ у меня элемент c id="table" не смещается вниз на 10 px , я ведь использую margin-top Хотя влево смещается. <div style="background-color : magenta; height:100px; width:44%"> <div id="table">Наведите курсор, чтобы посмотреть список</div> </div> CSS: #table { width: 283px; background-color: #D8E4F1; color: #6C727B; padding-left: 16px; margin-top:10px; margin-left:10px; } Буду благодарна любым комментариям.

    Asked by girl,

    0 votes
    7 answers

  17. Не работает height:100% у таблицы

    Итак <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> На сайте есть таблица, в таблице ячейка, стили: vertical-align: top; padding-left:5px; padding-right:8px; padding-bottom:20px; В эту ячейку вставляется еще таблица, со свойством height:100% - но таблица не растягивается по высоте. В чем могут быть причины?

    Asked by Walk,

    0 votes
    5 answers

  18. ie8 body

    Вечер добрый, такой глюк, бьюсь второй день немогу понять, толи explorer глючит толи меня, В общем смысл в том, что не получается отобразить в ie8 картинку фоном к тэгу body(html). Пробовал и без совместимости и доктип менять, все броузеры отлично, ie8 никак, а мне проект надо было сдавать, делался на работе под xp и ff3.5, ie6, opera8 - проблем небыло, а дома win 7 с ie8 и ff3.5 вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv=Content-Type content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible"content="IE=EmulateIE7"> <tit…

    Asked by StupID,

    0 votes
    10 answers

  19. Значение размера шрифта

    Столкнулся я с такой проблемой. Дизайнер дал на верстку макет, шрифты в котором указаны в пунктах: На моё требование перевести в пиксели ответил, что я дилетант и он сделал всё правильно. У него, видимо, как графического дизайнера, - шрифт в фотошопе установлен в пунктах и имеет размер одного из текстов 8пт. У меня шрифты в пикселях, и этот же шрифт показывает 33,33 пикс: Меня обвиняют, что я не особо компетентен, если не могу перевести пункты в пиксели сам. Но если 8пт - это 11px (согласно формуле для Windows 8пт * (96/72) = 11px), то шрифт получается мельче гораздо. Впрочем, font-size:8pt - тем более. Гуру css, скажите, прав ли дизайнер? Он утверждает, что он не обяза…

    Asked by olf,

    0 votes
    8 answers

  20. Как сверстать блок со своей прокруткой?

    Всем привет! Подскажите, как лучше сверстать вот такой вот блок - http://joxi.ru/KAgkLqgHQJnXAl И прилепить туда свой бегунок Заранее Спасибо!

    Asked by Antoshka007,

    0 votes
    2 answers

  21. Сбивается позиция меток

    Добрый день. Подскажите плз. как установить позиционирование в разных устройствах. (что бы метки отображались в одних и теж же точках на изображении) <style> #point_mr { font-size: 30pt; width: 50px; height: 50px; line-height: 45px; cursor: pointer; left: 80%; color: #ffffff; top: 32%; position: absolute; border-radius: 50%; border: 3px solid #ffffff; } #content { width:100%; height:100%; } </style> <div id="content" > <!--Изображение--> <img style="margin: 0px auto;position: absolute;top: 60px;bottom: -100%;left: -100%;right: -100%;min-width: 100%;min-height: auto; " sr…

    Asked by Castromen,

    0 votes
    9 answers

  22. Вертикальное выравнивание в Bootstrap 4

    У меня есть две колонки, в правой допустим есть текст и элементы. А в левой у меня один input и блок который я хочу чтобы блок был всегда вертикально посередине между инпутом и концом правого блока. Как мне это сделать? Пример на фотографии есть.

    Asked by Orly,

    0 votes
    1 answer

  23. Опять про футер

    короче, воть .foo { width: 800px; height: 120px; vertical-align: bottom; bottom: 0px; margin: 0px; background: black url(img/botgr.gif) no-repeat bottom right; position: absolute; } в осле уходит на 30 пкс вниз низа страницы и оооооочень далеко влево.. Помогите плз... СПС. Просто маюсь уже оооочень долго, башка того...

    Asked by Admin,

    0 votes
    3 answers

  24. Резиновый горизонтальный список

    Подскажите каким образом сделать, чтобы пункты горизонтального списка располагались на всю ширину списка(задана фиксированно).

    Asked by hoggerty,

    0 votes
    3 answers

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

    Прочитал много кодов но так и не смог решить проблему. Дело в том что в итоге браузер может растянуть картинку но не сжать е?. В связи с этим внизу страницы появляется вседоканывающий ползунок. Если убрать шапку и подвал сайта то ползунок магическим образом исчезает Мне нужно чтобы сайт корректно отображался на экранах с расширением 1024 пикселей. Шапка и Подвал имеют ширину 1220 точек.Не советуйте пожалуйста ументшить их ширину так как это вариант мне не подходит. Вот коды шапки и подвала <tr> <td colspan="5"><img src="Images/MegaTools.jpg" width="100%" height="226" alt="А здесь размещена красивая картинка"></td> </tr> <tr> <td co…

    Asked by Rebux,

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