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

29,542 questions in this forum

  1. белый iframe в IE7

    Всем доброго времени суток. Начал изучать ХТМЛ сравнительно недавно (неделю) и уже столкнулся с первой проблемой. Я сделал страничку с фреймами (). То есть таблица, в ячейках фреймы и в них картинка, а в картинке еще один фрейм :-) Так вот, проблема заключается в том что при отображении данной страницы в мозилле и опере все нормально, но когда я ее запускаю в IE7 то пустой фрейм внутри картинки белый. В мозилле такого нет, там фрейм черный под цвет фона. Вот сайт http://icefroz.ucoz.ru Подскажите пожалуйста в чем дело. Заранее спасибо.

    Asked by IceFroz,

    0 votes
    7 answers

  2. DIV, table и гугль!

    объясните почему? говорят что хтмл разметку нельзя использовать полностью из DIV должны присутствовать table ит.д.(гугл проще воспринимает table), почему? http://korrespondent.net/ состоит полностью из div

    Asked by Alan_ua,

    0 votes
    10 answers

  3. width

    Короче у меня проблемы с шириной сайта. Значит когда задаю ширину 100% сайт плавает тогда, когда окно уменьшаешь (блоки смещаются), на монеторе выше 1280х1024 (1280х1024 у меня) тоже все плавает, тогда наконец поставил ширину (указал в пикселях).К тому же по указанной ширине в IE показывает "прокрутку мышкой" всмысле сдвигать сайт влево, вправо, а в Опере все норм, как так? 1.Как именно работает 100%, т.к. у меня высота в 100% стоит нормально. 2.Как правильно расчитывать ширину сайта, если верстаешь на div (про таблицы просьба не писать). Допустим у меня если расчитывать от шапки,то получается 1263px ширина, а если от блоков 1025px где-то. /* CSS Document */ *{margin:0…

    Asked by ret,

    0 votes
    12 answers

  4. Проблема height 100%

    Проблема в том , что я не могу сделать следующую вещь. На рисунке есть два контейнера в контенте, у которых есть Img repeat-y. По мере увелечения контента они расширяются. Я задал им height: 100%. Логично что они растягиваются до конца окна браузера. Но как мне сделать, чтобы они растягивались до начала блока footer, и в то же время не было полосы прокрутки? и footer не уходил вниз...

    Asked by penchukov,

    0 votes
    11 answers

  5. <input> vs <a>

    http://clip2net.com/s/1RRlj Обычная кнопочка может быть выполнена кликабельной через <a> или через <input>. Верстка чуть проще на <a>. А принципиально ли это для дальнейшей работы программистов?

    Asked by seemax,

    0 votes
    14 answers

  6. Кнопка Play на картинках (псевдоселекторы). Как добавить?

    Кнопки не видно img.playvid {position: relative;}img.playvid:before {display: block;content: "";background: url(http://derka.pickupguild.ru/images/play.png) no-repeat center center;position: absolute;top: 45%;left: 0;right: 0;width: 64px;height: 64px;z-index: 99;}Если что, все img заключены в div. Может для него можно что-то прописать, если не получится?

    Asked by iBars,

    0 votes
    6 answers

  7. Горизонтальное меню. Зачем списки?

    Во многих статьях рекомендуют делать горизонтальную панель навигации на основе списков. Для чего? <html><head><title>меню</title> <style> ul {margin: 0; padding: 0;} li {display: inline; list-style-type: none;} </style></head> <body> <ul> <li><a href="1.html">link1</a></li> <li><a href="2.html">link2</a></li> </ul> </body></html> Ведь можно написать просто: a {display: inline;} Единственное, что приходит в гоову для удобства тех, у кого браузер не поддерживает CSS: ссылки списком выглядят лучше чем в строчку.. Больше ничего в голову не приходит...

    Asked by kbv79,

    0 votes
    5 answers

  8. Png и галереи на яваскрипт

    Привет Ребза! Подскажите плиз, как по-нормальному прикрутить галлерейку (GALLERIA или Galleriffic, траблы одинаковые) к html-сайту, на котором искользуется jawa-скрипт для корретного отображения png в ИЕ 6,7. Походу дела конфликтят они.

    Asked by [FRY],

    0 votes
    4 answers

  9. Смещение блока в IE6

    Стандартно это делается через указание в CSS левого и центрального поля - плавающим {float:left} и если в блоках находится простой текст без какого любым форматированием все срабатывает, кроме той ситуации когда текст выравнивается по ширине (alligne="justify")? тогда и начинаются проблемы в IE 6.0, третий блок переносится в следующую строку, хотя в остальных браузерах все нормально Как сделать так чтобы все блоки располагались в строчку, независимо от того какой формат контента в них? Вот рисунок: А вот код: <div class="conteiner_main" align="center"> <div class="content_conteiner"> <div class="left_column"><p>Три…

    Asked by VatSeek,

    0 votes
    10 answers

  10. Сделать <span> неактивным

    Такой вопрос - есть правило для ссылок pointer-events: none; позволяющее сделать ссылки неактивными, у меня есть span - в нем иконсет распределенный через backgroung-position для будущих страниц сайта, есть ли правило для span позволяющее сделать так, что бы при нажатии на него ничего не происходило(в данным момент при нажатии на картинку перекидывает на главную

    Asked by Владимир Горинов,

    0 votes
    3 answers

  11. Высота слоя

    Картина такая: http://rj.foto.radikal.ru/0708/5f/b08629c244a0.gif Есть невидимый слой. В него вложены два (три, четыре, пять, сколько угодно) слоя. Нужно чтобы высота самого нижнего вложенного слоя (на картинке - под номером 2) ВСЕГДА достигала родительского низа (высота родителя может меняться). Реально ли сделать такое?.. :'(

    Asked by Anderson,

    0 votes
    4 answers

  12. XHTML: innerHTML в IE исполняется, а в FF нет.

    Всем привет. На странице доктайп XHTML не подскажете почему строка ArrowLeft.innerHTML=""; в IE нормально исполняется, а в FF нет или innerHTML вообще не стоит использовать в XHTML в?рстке?

    Asked by iluha,

    0 votes
    6 answers

  13. Почему не работает z-index

    css: #content_top { position: relative; top: -200px; width: 800px; min-height: 400px; background-image: url('web/content_top.gif'); background-repeat: no-repeat; background-color: #01140d; z-index: 1; } #content { width: 800px; z-index: 3; } #content_bottom { width: 800px; height: 200px; background-image: url('web/content_bottom.gif'); position: relative; top: -200px; z-index: 2; } html: <div id="content_top"> <div id="content">этот текст должен быть поверх картинок!А он бяка такая закрывается content_bottom</div> <div id="content_bottom"></div> </div> ну что скажете…

    Asked by Mantikore,

    0 votes
    2 answers

  14. при масштабировании все розваливается

    Добрый вечер. При масштабировании вся страница расползается в разные стороны. Подскажите пожалуйста, что, как, почему так получается, на что нужно обратить внимание. Еще не разу ни пробовал резиновый макет ...,вот ссылка на страничк:http://pattaya-solntsev.narod.ru/Sky/sky.html

    Asked by pattaya,

    0 votes
    16 answers

  15. Favicon

    Есть ли способ внедрить favicon помимо <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">?? Как-то раз я видел, что favicon был внедрён как-то иначе, но так и не понял как... Как ещё можно внедрить??

    Asked by DrStrangeLove,

    0 votes
    15 answers

  16. CSS position: absolute Vs relative

    Код CSS: .base { width: 900px; background-color: red; position: relative; margin: auto; } .left { width: 150px; height: 500px; position: absolute; background-color: green; left: 20px; top: 200px; } Код HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <title>Test</title> <link rel="stylesheet" type="text/css" href="myCSS.css" /> </head> <body> <div class="base"> <div class="left"></div> </div> </body> </html> Вопрос: Почему я вижу зеле…

    Asked by Kalisnik,

    0 votes
    9 answers

  17. резиновый макет в 3 колонки, div

    делаю макет в 3 колонки и в опере все не так как должно быть. в чем проблема? html <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Символика</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="header">заголовок</div> <div id="hor_menu">горизонтальное меню</div> <div id="left">левый див</div> …

    Asked by olejan,

    0 votes
    14 answers

  18. Прыгающие блоки в Ослике 6

    Я тут почитал вопрос ниже, но увы он мне не подошел. Суть вопроса: Есть шапка <!-- body { margin: 0; padding: 0; background-image:url(i/top_c_plash.jpg); background-position:top; background-repeat:repeat-x; } --> <div style="width:100%; min-width:972px; height:253px; display:inline-block;"> <div style=" float:left; height:253px; width:500px; display: inline-block;"><img src="i/top_l.jpg" width="500" height="253" alt="top_l" /></div> <div style=" float:right; height:253px; width:468px; display:inline-block;"><img src="i/top_r.jpg" alt="top_r" width="468" height="253" /></div> </div> Пытаюсь добиться иллюзии …

    Asked by guvatara,

    0 votes
    3 answers

  19. Картинки в таблице

    Как сделать чтоб в таблице картинки сами подгонялись под размер ячейки а не наоборот

    Asked by AzatSh,

    0 votes
    3 answers

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

    Господа у меня назрел небольшой вопрос. До недавнего времени мне приходилось делать лишь статичные макеты и центрировал я их очень просто: соз давал блок фиксированной ширины со стилем width:1095px; height:100%; padding:0 0 0 0; margin:0pt auto; text-align:left; Вот, а теперь нужен полсностью резиновый центрированный макет, но если заменить width:100%, блок уезжает.... Я понимаю, что вопрос крайне глупый, но все же. Спасибо!

    Asked by lebyr,

    0 votes
    8 answers

  21. Растягивающиеся div'ы + перенос их на новую строку

    Нужен совет, цель такая: Есть блоки, которые должны располагаться друг за другом, т.е. 1, 2, 3... Все они должны растягиваться и занимать одинаковую ширину. Есть некий минимальный размер блока, если в строке помещается 3 блока с минимальной шириной - они должны быть в одной строке с ~33% шириной каждый, если не помещается, то 2 блока с шириной ~50% от допустимой ширины родительской области, а третий (и четвертый) - переноситься на новую строку и иметь ширину равную верхнему блоку. Блоков может быть больше чем 3, так нужно будет обрабатывать все. Единственное, что будет неизменным - количество блоков в одной строке от 1 до 3. Заранее спасибо

    Asked by kalexi,

    0 votes
    1 answer

  22. Правильное позиционирование элементов в шаблоне HTML/CSS

    Столкнулся с проблемой во время самообучения, в мануалах описываются различные способы позиционирования элементов на странице. Но как правильно и оптимально это делать непонятно. При создании шаблона jsbin.com/rezukela/4/edit подсознательно понимаю, что делаю неправильно, но как по другому не знаю. Прошу если можно, исправить код, либо переписать, либо сказать основные ошибки которые я допускаю. P.S. Так же хотелось бы понять, как доработать сайт под любое разрешение и изменение масштаба.

    Asked by onhoric,

    0 votes
    4 answers

  23. Всплывающая подсказка к ссылке (с произвольными свойствами)

    Всем привет Помогите пожалуйста решить проблему с созданием всплывающей подсказки для ссылки. ВП эта должна быть нужного мне размера, цвета, определенного позиционирования (то есть где будет «всплывать» - над, под ссылкой, справа или слева) + текст в ней тоже должен свободно форматироваться ( цвет, тип шрифта, возможно скриншот) простенький title. <a href="https://yadi.sk/d/9ZvR5g1XagZGJ" title="Сохранить файл"><span style="font-size:19px;background-color:black;color:white;">«Я умею прыгать через лужи»</span></a>не годится стало быть Хоть и работает тег-то Однако попытки (а их было МНОГо) использовать css ни к чем путному привели . Нужный м…

    Asked by BituM,

    0 votes
    24 answers

  24. Макет (количество row) для bootstrap

    привет, есть такой макет - один элемент , по высоте занимает две строки Как в bootstrap 3 построить сетку - для этого случая. Пока вижу такие варианты, либо 3 строки (row) , либо 4 строки. Если 3 строки - то в ней первые пять элементов, но будут ли они тогда как на рисунке распологаться Большой элемент - тут как то не вписываеться. P.S. Все меньшие одинаковы между собой - большой два - малых по ширене.

    Asked by riki,

    0 votes
    10 answers

  25. Помогите с сеткой через flex

    Добрый день! Подскажите, как можно реализовать сетку, как на фото, через flex. Проблема с картинкой, которая занимает последние две строки, с машиной. После неё, картинка с котом уходит вниз( Заранее спасибо)

    Asked by IceAge624,

    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