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. Помогите сделать автоматическую карусель

    Всем доброго времени суток. Нужно сделать подобную штуку. Автоматическая прокрутка, изображение, когда доходит до центра, должно увеличиваться. Не нашел готовых примеров в сети. Заранее спасибо.

    Asked by IvanRu08,

    0 votes
    5 answers

  2. слои и обтекание.

    Добрый день. подскажите пожалуйста как мне сверстать вот такой макет. ——————————-- | ШАПКА | |___________________| | fdfdfadfasdfasfd | | | fdfdfadfasdfasfd | Б3 | | fdfdfadfasdfasfd |_____| | adsfasdfasdfasdfasdf | | ОСНОВНОЙ | |___________________| Т.е чтобы Блок3 был в основном тексте. Пробывал слоями, но слой накладывается на основной текст (он находится в таблице). Можно както слою задать обтекание? код примерно такой сейчас: <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr height="100%"> <td width="100%" valign="top"> ТУТ ОСНОВНОЙ ТЕКСТ <div style="position…

    Asked by xaozzzz,

    0 votes
    2 answers

  3. задание двух и более классов элементу

    столкнулся с такой проблемой: пишем в css: .imp {color:green;} .cent {background:#f90;} .imp.cent {border:2px solid red;}/*ставится красная рамка при одновременном использовании классов imp и cent */ в html: <p class="imp">Сonsectetuer adipiscing elit, sed diam nonummy</p> <p class="cent">Сonsectetuer adipiscing elit</p> <p class="cent imp">Сonsectetuer adipiscing elit</p> в первом случае будет параграф с зеленым текстом. во втором параграф с оранжевым background'ом. а в третьем получится параграф с зеленым текстом, оранжевым background'ом и по правилам css добавляется красная рамка. но всеми любимый IE6 по-своему воспринимает правило…

    Asked by sum41,

    0 votes
    2 answers

  4. Помогите начинающим... про селекторы для p и h1

    Почему не работает такое: <html> <head> <style type="text/css"> p h1 { color: Red; } </style> </head> <body> <p>Test string. <h1>Hello, World</h1></p> </body> </html> По идее, если следовать описанию селекторов - всё что в h1 должно стать красным, но, этого не происходит. В чем причина? h1 перебивает стили сам, или селектор не находит? Если убрать h1, а вместо него например span, и селектор сделать p span, то всё ok. Поясните, что не так? Таже проблема если например написано: p.test span { color: Red; } и код: <p class="test"> abc efd <span>Hello!</span> Ведь по идее селект…

    Asked by xpg934,

    0 votes
    2 answers

  5. экспериментальный SSI составила, но как быть . . .

    Всё сделала, - вложила в index_experimental.shtml два файла header_eng.html и footer_eng.html Но как быть дальше? Вопрос: 1) Если я переделаю уже работающий index.htm в index.shtml не пострадают ли кие функции (загрузка сайта, seo, . . .) 2) Более важный для меня вопрос: как вложить все остальное в index.shtml ? 3) И еще: не будет ли существенной разницы между index.shtm и index.shtml ? 4) Ускоряет ли это все скорость загрузки сайта? tamcredit.ge/experimental/index_experimental.shtml Очень надеюсь на совет, и не выхожу с форума. Предварительно Благодарью ПС Если вы поможете и я окончательно раберусь с данными вопросами, то дальше без проблем смогу переделать все файлы, …

    Asked by Dobo,

    0 votes
    2 answers

  6. ненужная чать светится)

    В общем я снова к вам, установил я lightbox страница http://formalab.ru/regions/rostov.php (щёлкнуть по рисунку первого магазина), и что-то не станвоится текст слева бэкгарундом, всё также светится, думаю дело скорее всего именно в цсс но не могу понять в чём именно подскажите body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, form, input, textarea, p, th, td { margin : 0; padding : 0; } table { border-collapse : collapse; border-spacing : 0; } img { border : 0; } address, caption, strong, th { font-style : normal; font-weight : normal; } li { list-style : none; } caption, th { text-align : left; } h2, h3 { font-weight : 400; } sup { vertical-align : text-top; } sub { vertica…

    Asked by Quest182,

    0 votes
    2 answers

  7. Проблемы с горизонтальным меню

    Люди добрые, нужна Ваша помощь. Со вчерашнего вечера ломаю head над header'ом. В горизонтальном меню, которое в идеале должно выглядеть так: при масштабировании возникает обрыв последнего блока меню на следующую строку. В первом варианте только ИЕ9 отображает меню именно так как я хочу. - см. тут Во втором варианте - когда я установил фиксированную ширину li, контент ячейки лезет вниз - и тут Помогите!!! Вариант 1 HTML: <div id="header"> <div id="innerHeader"> <img class="logo" src="images/logo.png" width="175" height="49" alt="Мир насосов"> <img class="slogan" src="images/slogan.png" width="781" height="27" alt="Наш девиз">…

    Asked by Sergaua,

    0 votes
    5 answers

  8. box-shadow на старых браузерах

    box-shadow на старых браузерах не работает (вот, если со зрением все ок то видно отлично полупрозрачный "бордер" http://xn--8-mtbvk1b.in.ua/) как сделать ему замену на старых браузерах? так как они ничего не показуют и это портит диз сайта +++++++++++++++++++++++++++++ Просто мне с ним ещё в соревнованиях участвовать а та нужна поддержка старых арбузеров

    Asked by T@NKIST,

    0 votes
    2 answers

  9. Отправка формуляра без Outlook

    мне дали задание сделать формуляр для отправки писем на какойто адресс. я сделал, но он отправляет их только через outlook, как сделаьть так что бы он делал это без него, то есть сразу на прямую?(не используя java и php) http://jsfiddle.net/krofik/Sjsy5/ я думаю что у меня что то с mailto не так, ну словом, где то в том направлении. прошу понять и помочь. заранее благодарен.

    Asked by krofik,

    0 votes
    4 answers

  10. Резиновый слой по центру окна броузера

    Всем привет Чтобы было понятнее, приведу пример: http://htmlbook.ru/layout/sloy-po-tsentru-veb-stranitsy Нужно сделать слой по центру окна броузера, но не фиксированной ширины, а резиновое! Внутри окна будут выводиться данные в несколько колонок, поэтому важно чтобы ширина окна подстраивалась под выводимые данные. По центру-то я его размещаю без проблем (правда, не тем способом, который описан в примере): div#main-window{ width: 500px; /* если убрать ширину, то получается говно */ margin-left: auto; margin-right: auto; } Но вот ширина 500px смущает. Если убрать width, то слой распахивается на всю ширину окна, что не есть гуд. Можно конечно использовать max-wi…

    Asked by abused,

    0 votes
    9 answers

  11. Как убрать рамку в IE вокруг элемента object?

    В IE отображается рамка вокруг элемента object можно её как то убрать. Пробовал через CSS border: none; Не помогает!

    Asked by tini.kRyptoNite,

    0 votes
    2 answers

  12. Адаптивный бэкграунд

    Бьюсь над проблемой целый день Есть сайт - горизонтальный параллакс, никак не удается сделать фон (виньетка снизу) адаптивным, чтобы он сжимался пропорционально при изменении расширения экрана. Уже было испробовано много вариантов. Картинка в <body> (почему-то не удается поставить div, только картинку) <body> <img id="responsive" src="img/bg_body.png" /> <div id="wrapper"> <div id="header"> </body> #responsive { max-width:100%; width:100%; height: auto; top:40%; left:0; position:relative; } так почему-то не сжимается, хотя по правилам должен. body{ width:7000px; background:#000 url(../img/body.png) repeat-x scroll; background-si…

    Asked by Troll13,

    0 votes
    3 answers

  13. Межстрочный интервал

    Нужно сделать веб страницу по образцу: У меня же получается следующее: Нужно уменьшить межстрочный интервал, в соответствии с образцом. Попробовал задать его через тег line-height во внутреннем листе стилей, но он воздействует на текст не так, как надо: при его использовании меняется межстрочный интервал, но строки, на которых содержатся подстрочные и надстрочные индексы (3я и 4я строка абзаца) продолжают отстоять друг от друга на расстояние большее, чем их соседи без индексов (1я и 2я строка), что не соответствует образцу. Как еще можно исправить этот недочет? И да, не знаю важно это или нет, но образец - это вордовский документ, а не веб-страница.

    Asked by NektoNY,

    0 votes
    6 answers

  14. Не выходит прилепить подвал к низу

    http://cssdeck.com/labs/full/qxxwbmr1 Проблема вот в чем, начал делать сайт без верстки в тупую лупить с картинки) Вот столкнулся с очердной проблемой ПОДВАЛ) Как этот подвал прибить к низу???

    Asked by xaoc90,

    0 votes
    5 answers

  15. формы входа на сайт

    Есть такое: http://getbootstrap.com/css/#forms Какие есть еще варианты оформления форм? Дизайн не интересует. Интересуют варианты расположение заголовков полей относительно самих полей или их(заголовков) отсутствие.

    Asked by torsar,

    0 votes
    7 answers

  16. Блочная верстка макета

    Добрый день! Я с чисто теоретическим вопросом касательно верстки сайта. Столкнулся с одним нюансом, который вызывает затруднения. Лучше начну сразу с нудного и длинного)) примера, так станет в разы понятней в чем суть моего вопроса. Допустим, имеем часть сайта, отвечающую за основной контент... назовем "main". У main есть container, отвечающий за центровку контента. И main делится, в свою очередь, на две части- main__left(блок под меню с возможной рекламой), и main__right (блок с основным контентом). И вот почти добрался до сути. Далее в main__left я создаю блок для навигации и блок для рекламы, к примеру. А в main__right, допустим, еще две колонки. Так вот, вся моя верс…

    Asked by Super_Saimon,

    0 votes
    8 answers

  17. HTML CSS media запросы

    Всем привет! Делаю адаптивную версиб сайта (под мобилы), возникла проблемма. Основной CSS .wrapper { border:1px solid transparent; width:1280px; height:1043px; margin:0; background-color:transparent; } .header { border:1px solid #dce5f4; width:200px; height:43px; margin-top:-1045px; margin-left:49px; float:left; } .nav_header { border:1px solid #dce5f4; width:1054px; height:43px; margin-top:-1045px; margin-left:249px; ba…

    Asked by korozyan,

    0 votes
    12 answers

  18. шапка сайта и фоновый рисунок

    а возможно ли сделать, чтоб высоту шапки сайта не задавать фиксированной, но при этом фоновый рисунок отображался весь?

    Asked by sc@r@bey,

    0 votes
    1 answer

  19. Обёртка для Textarea

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <style type="text/css"> * { border: 0; padding: 0; margin: 0; } textarea { height: 150px; width: 100%; resize: none; outline: none; overflow: hidden; } .wrapper_form { border: 1px solid black; background-color: orange; padding: 3px; width: 30%; } </style> </head> <body> <form> <div class="wrapper…

    Asked by HUNTERxp,

    0 votes
    3 answers

  20. Картинки на сайте

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

    Asked by nickoff,

    0 votes
    5 answers

  21. Открытие только одного нового окна

    Добрый день! Задача такая: Необходимо по ссылке открывать новое окно - плеер с онлайн вещанием с определенными параметрами. !Но если это окно уже открыто, то еще одно не создавать, а в уже открытом просто перейти на новый url. Вот код: <div align="left" style="padding-top:10px; padding-left:3px"> <FORM> <input TYPE="button" VALUE="Открыть видеоплеер" style="width:150px; height:25px" onclick='window.open("http://...?domain=2&instance=3&date=010612&time=1500","","Width=900,Height=500,location=0,resizable=0,left=400,top=100,menubar=0");'> </FORM> …

    Asked by Andre_gt,

    0 votes
    5 answers

  22. выравнивание заголовков

    хочу сделать выравнивание заголовков, как на картинке: черные поля - край страницы, линия показывает центр выравнивания пробовал: position: relative - при нем 3 и 4 строки уезжают влево margin - из-за 4 строки страница становится шире окна браузера padding - 3 и 4 строки переносятся, некрасиво выглядит выделение ссылок (заголовки кликабельны)

    Asked by anton-tsyganenko,

    0 votes
    7 answers

  23. Проблема с расположением элементов

    Добрый день! Сейчас прохожу обучение нового курса, знаю HTML на 3 сейчас и всегда позиционировал элементы абы как, лишь бы добиться результата. Хочу позиционировать шапку следующим образом. вот CSS: .header { overflow: hidden;}.logo { float: left;}.slogan { float: left;}.head-contact { float: right;}.search-head { float: right;}Вот что получается http://hostingkartinok.com/show-image.php?id=455b6ab26ebab9679e8d304ed8105621'> Помогите решить проблему. И посоветуйте источник хороший, для того чтобы полностью разобраться в правильном позиционировании элементов.

    Asked by cheezy,

    0 votes
    7 answers

  24. респонсив и кроссбраузерность

    http://test1.chpmodul.com.ua/ столкнулся с такой проблемой: сначала сверстал сайт, все было нормально, а потом добавил в него медиа запросы @medai (max-width: 540px) и на интернет эксплорере верстка совсем сломалась. почему это случилось и как исправить?

    Asked by Dmitrij,

    0 votes
    3 answers

  25. Независимая ширина меню от родительского элемента

    Есть шаблон с фиксированной шириной, чуть выше середины есть горизонтальное меню, его ширина зависит от ширины родителя, то есть ширина такая же как у шаблона. Можно ли как сделать, чтобы ширина меню была на всю ширину страницы? или хотя бы фон меню был на всю ширину, то есть визуально требуется полоска меню на всю ширину страницы

    Asked by system1024,

    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