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. Разъезжается содержимое блока

    <style type="text/css"> #text { width: 580px;} </style> </head> <body> <div id="text"><p> 22222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222 </p> </div> Содержимое блока вылазит за его пределы, как сделать что бы о…

    Asked by Udyr,

    0 votes
    3 answers

  2. Помогите правильно вписать блоки

    Приветствую. Помогите пожалуйста разобраться! Дело в том что, если в ниже приведенном коде, убрать параметр "height" из блока "top", то сам блок куда то убегает (попробуйте для наглядности), хотя в него вписаны еще два блока. Если убрать параметр "float" в блоках, вписанных в блок "top" то все нормально, но обтекание мне очень нужно. Вопрос: Как сделать так чтобы блок "top" выравнивался по высоте, пропорционально вписанному в него контенту? А если проще, как исправить вышеупомянутый косяк? Желательно средствами CSS, так как JS не знаю вообще. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <he…

    Asked by persssik,

    0 votes
    2 answers

  3. Не растягивается по высоте

    Ребята проблемы с высотой. Верстка. Что можете подсказать.. Я похоже запутался с height и min-height html, body {height:100%; width:100%;} ... #wrapper { width:100%; margin:0 auto; min-height:100%; height:auto; } ... #content { width:1000px; margin:0 auto; min-height:100%; height:auto; } #main-post-content{ float:left; min-height:100%; height:auto; width:680px; margin-top:25px; } #main-right-sidebar{ float:right; min-height:100%; height:auto; width:280px; margin-top:25px; } ... Что то походу не так пошло, текст пробивает футер, и футер не опускается вниз по мере увеличения текста на странице.

    Asked by WebMasterOleg,

    0 votes
    1 answer

  4. Страница "уезжает" влево

    Есть такой шаблон - http://rghost.ru/32649991 При добавление большого количества текста в div "body_area" страница "уезжает" на пару десятков пикселей влево. Данный эффект заметен только если раскрыть страницу на весь экран в браузере (Maximize). Как можно это побороть? Спасибо.

    Asked by Garfunkel,

    0 votes
    2 answers

  5. Кнопка background

    Доброго времени господа! Помогите пожалуйста решить проблему: мне нужно сделать кнопки меню одинаковой ширины, сейчас при задании background картинки - кнопки получаются такой же длины как и текст меню, от этого все меню получается разной ширины,смотрится ужасно. Подскажите как сделать так, чтобы кнопки были определенной заданной ширины??? .sidebar { color: #333333; margin-bottom: 10px; margin-left: 0; margin-right: 0 !important; } .sidebar-right { } .sidebar-left { margin-left: 7px; } .sidebar-left h2 { } .sidebar-right h2 { } .sidebar a { background: url("images/h2bg2.png") repeat-x scroll 0 0 transparent; background-size: 100% 100%; …

    Asked by marteen,

    0 votes
    4 answers

  6. Как сделать интерактивные маркеры на изображении?

    Добрый день. Подскажите, пожалуйста, как сделать интерактивные маркеры на изображении, при наведении на которые будут всплывать блоки с текстом? Пример. Может, у кого-нибудь есть ссылки на туториалы, как делать что-нибудь подобное?

    Asked by Subcomandante.A,

    0 votes
    2 answers

  7. верстка блока с линками на div

    Направте на путь истинный, пожалуйста. Пробую учится css верстке. Проба изложена ниже. Проблема в том, что в блоках не работает декорирование текста. Работают эффекты но шрифты имеют стандартный цвет линка и подчеркнуты. text-decoration: none; не реализуется. Не имеет значение какой шрифт подключается. Помогите разобраться, пожалуйста. Заранее спасибо. скрин проблемы: http://yadi.sk/d/iyjI6prs01eZQ вот код HTML: <!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" /&g…

    Asked by nvic,

    0 votes
    1 answer

  8. docpad и пейджинг

    Доброго времени суток. Подскажите, может есть специалисты по шаблонизатору docpad. Пытаюсь сделать пейджинг. Сам пейджинг выводится и вроде как правильно, но по переходу вылазит 404. Вот и не могу понять от чего так. http://altyncev.ru/posts Может кто, что подскажет. Все opensource https://github.com/npofopr/_altyncev Крутится на heroku.

    Asked by npofopr,

    0 votes
    0 answers

  9. Проблема с расположением объектов

    Доброе время суток, начал учится вёрстке, уже 5 раз переделываю, в Chrome и Opera нормально всё, а вот в IE и Firefox "каша"! Пробовал пере позиционировать под IE и Firefox тогда в Chrome и Opera "каша". Помогите, какие нужно использовать функции и параметры?

    Asked by maks78945,

    0 votes
    2 answers

  10. Подвал липнет к контенту

    Здравствуйте, такая проблема: В контенте сайта у меня находится два изображения, которые нужно выравнять по левому и по правому краям. Я делаю это с помощью float:left и float:right. Все в принципе работает, но возникает проблема с подвалом, который начинает вести себя неадекватно. При выравнивании изображений по левому и по правому краям с помощью float рамка от подвала становиться над изображениями, а текст прилипает к ним снизу. Если же сделать clear: both (или left) — получается как надо, кроме того, что невозможно регулировать отступ от контента. Как можно решить проблему?

    Asked by eight.alex,

    0 votes
    2 answers

  11. Текст не переходит на след. строку с overflow: hidden

    Всем по привету! Прошу помощи народ, уже все перепробовал. В блоке пишу длинный текст, если к блоку не поставить свойство: overflow: hidden, то текст уходит за рамку: А если поставить это свойство, то текст уходит за рамку и не отображается. А текст должен переходить на след. строку. Ссылка на сайт: (скрыто)

    Asked by Salk,

    0 votes
    2 answers

  12. iframe и lightbox: z-index (отображение в IE)

    Здравствуйте! На странице размещаю видео: <iframe width="304" height="183" src="http://www.youtube.com/embed/ccOx041__PE" frameborder="0"></iframe> При этом, на странице используется lightbox для показа увеличенной картинки. В IE проблема: видео находится поверх затемненного фона. Можно это как-то исправить?

    Asked by Светлана Гр.,

    0 votes
    1 answer

  13. Разноцветный текст

    можно как-то сделать разноцветный текст в CSS? http://cs621922.vk.me/v621922236/3ba79/uiKqfsz8z30.jpg

    Asked by Dmitrij,

    0 votes
    1 answer

  14. Как подключить "загрузить фото"?

    Коллеги, добрый день! Подскажите, пожалуйста, способ сделать такую штуку - чтобы при перетаскивании на рамку картинка загружалась, а при клике открывался диалог выбора файла. Нужно именно изображения грузить, не все подряд. Скриншот вот Может есть какие-то библиотеки на гитхабе под это? Что-то по запросам, по которым я гугулил, какая-то ерунда высыпается - видимо формулирую неправильно. Подскажите пожалуйста, что-то такое подозрение, что если я это сделаю с нуля то изобрету велосипед )

    Asked by MaxWall,

    0 votes
    3 answers

  15. В fancybox чтобы видна была одна иконка и кликом открывалась галерея

    Всем привет, А можно ли используя fancybox( с примерами http://fancyapps.com/fancybox/#examples ) сделать чтобы видна была одна иконка и кликом на ней открывалась галлерея картинок? Если да, то как? Спасибо!

    Asked by mstdmstd,

    0 votes
    1 answer

  16. Фиксация цвета шрифта гиперссылки

    Добрый день! Есть два фрейма. Один фрейм содержит статическую html-страницу, представляющую собой таблицу из группы товаров. Клик по гиперссылке в таблице загружает html-страницу с описанием товара в другом фрейме. Помогите изменить и зафиксировать цвет шрифта у гиперссылки, на которую кликает пользователь с таким раскладом, чтобы при следующем клике цвет шрифта гиперссылки, по которой кликнул пользователь в прошлый раз, восстанавливался на исходный. Т.е. цвет шрифта будет носить чисто индикативный характер. Если такое невозможно реализовать на CSS, просьба, сообщить! Заранее спасибо за любое предложенное решение!

    Asked by Montego,

    0 votes
    4 answers

  17. Не получается обтекание текстом картинки

    Здравствуйте! Я пыталась сделать так, чтобы текст обтекал картинку сверху и слева. Для этого задала img src="Dib.jpg" align="right". Но обтекание получатся слева и снизу. А как же сделать именно сверху и слева?

    Asked by Рося,

    0 votes
    1 answer

  18. Проблемы с отображением текста в Мозилке

    самая простая вещь - верстка текста внутри сайта. мозилла не хочет распознавать тахому. что делать?

    Asked by Extranjero,

    0 votes
    7 answers

  19. Выпадающее меню.

    Привет всем! junasoftware.com Поспорил что смогу содрать данное меню с сайта. Я сохранил страницу данного сайта себе на комп (хтмл код, все css и картинки). Страница открывается с компа и отображается так-же как и на сайта джунасофт, только меню выпадающее не работает. В чем может быть причина? Может у вас получится сохранить страницу данного сайта с работающим выпадающим меню? Прошу помощи. Спасибо.

    Asked by MoT9I,

    0 votes
    2 answers

  20. Проблема с float

    привет всем) я чайник в верстке, учусь. Хотя, думал, с флоатом справлюсь... Суть проста. Есть два блока, по 50% ширины каждый. Ставлю каждому float: left; width: 50%; (бордер для наглядности проблемы) результат причем происходит все так. Есть класс .block, для которого стоят только отступы. Так как они одинаковые для всех. .block { margin-bottom: 30px;} Ну и классы .w50p {width: 50%;} .floatleft {float: left;} Прописываю <div class="block w50p float">бла бла</div> <div class="block w50p float">бла бла</div> ЕСЛИ прописать дополнительно .block {margin-bottom: 30px; float: left;} То блоки становятся ровно, зато лезут другие косяки, связанные с от…

    Asked by nickostyle,

    0 votes
    4 answers

  21. Таблица с тремя ячейками а в них по img - в IE проблема бордюра

    Есть таблица. Одна строка, три столбца. В каждом столбце есть по img у каждого img свойство align="right" и во всех браузерах все чудесно, кроме кончено же IE. Здесь появляются не понятные зазоры между img и и границей td. Выглядит это так http://my.jetscreenshot.com/2772/20110427-hk6j-12kb.jpg в остальных браузерах белых полос между нет. Нужно убрать эти полосы. Дайте совет, что ИЕ хочет от меня чтобы он нормально их отобразил

    Asked by artlayers,

    0 votes
    11 answers

  22. Секция head попадает в body

    Сайт вот такой http://www.nwfbroker.com/community/twitter Наблюдаю в фаер баге вот такую картину http://clip2net.com/s/1dYD5 Смотрю код там всё хорошо Почему секция HEAD попадает в body ?? Чем тестить и как искать глюк в данном случае??

    Asked by generator2003,

    0 votes
    1 answer

  23. Последовательность загрузки контента сайта

    При загрузке сайта, первый начинает грузится слайдер(это заметно при маленькой скорости интернета) т.е. сначало картинки грузятся в столбик(список ul), только потом в слайдер. www.picnic-abakan.ru

    Asked by Bandyy,

    0 votes
    2 answers

  24. Проблема с ссылками в Chrome

    Столкнулся с такой проблемой уже второй раз. Код примерно такой <a href="#"><div class="head-left">проектно-строительная компания</div></a> в стилях прописываю .head-left a{ text-decoration:none; } .head-left{ background:url('img/logo.png') no-repeat; height:60px; padding:5px 0 0 160px; float:left; color:#fff; text-decoration:none; } все везде прекрасно выглядет во всех браузерах, кроме Google Chrome. уже обшарил интернет и не могу найти решение этой проблемы!! пример такой проблемы есть на сайт http://autonote.su/ если зайти на него с Chrome, то у каждого пункта меню будет вид…

    Asked by Trayanez,

    0 votes
    4 answers

  25. Overflow-y: Scroll

    Была раньше задача, что бы при открытие фотки с комментами скролился всплывший блок с фоткой, проблема была решена при помощи overrflow-y: scroll и убирания скролла у body. А так как сайт зафиксирован по центру, что бы он не дергался добавлялся padding-right к body. Но случился в шизни косяк... и убрали в iOS Lion, скролл... в итоге на маках теперь сайт прыгает в лево-право... Может знает кто решение этой проблемы? Как сделать кросбраузерно и под все OS что бы не было дерганий сайта?

    Asked by GeSTaM,

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