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. Помогите со стилями

    Доброго времени суток, спасибо вам огромное очень хороший справочник, постоянно пользуюсь. Извините что вот так вот, не спросившись, с первого сообщения и сразу помощь просить, вопросы задавать, просто ощущаю острую необходимость в дельном совете. вопрос: как позиционировать 2 дива со списками слева и справа , чтобы на разных расширениях мониторов смотрелись одинаково по отношению к фону заданному таблице (<table class="main">), а то получается чем больше расширение тем дальше от картинки разъезжаются списки, я пробовал задать дивам relative а также отступы не в пикселях а в процентах, одинакового отображения на разных расширениях получить не смог. сам сайт : e…

    Asked by xlife,

    0 votes
    7 answers

  2. Сделать сброс стилей

    Добрый день. Насколько разумно подключить такой фаил css, чтоб убрать всё лишнее? Стоит ли вообще такое использовать? html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; /* обнуляем внешние отступы */ padding: 0; /* обнуляем внутренние отступы */ border: 0; /* убираем бордюры */ outline: 0; /* убираем контуры */ font-size: 100%; /* задаем базовый размер шрифта, значе…

    Asked by Karacb,

    0 votes
    7 answers

  3. Применить стиль к option

    Добрый день. Нужно выделить курсивом текст одного из пунктов select. <select> <option selected style='font-style:italic;'>Выбор</option> <option value='1'>По номеру</option> <option value='2'>По имени\названию</option> <option value='3'>По адресу</option> </select> нечего не происходит. Как реализовать ?

    Asked by bobo,

    0 votes
    7 answers

  4. Шаблон на div-ах) проблема кроссбраузерности

    собсно есть шаблон от ТМ написаный под джумлу, я его переверстываю на свою ЦМС (называется мелбис) и наткнулся на проблему что в ИЕ центральная колонка моего шаблона живет отдельной жизнью =( уже кручу шаблон 2-ой день, но всеравно никак не пойму в чем причина =( Мое несчастье =( в Опере смотрется нормально а в ИЕ =((((( центральная калонка начинает стремится в полную ширину Оригинальная демка - оригинал шаблона каторый переверстываю, во всех браузерах смотрится как и задумано. я не силен в дивах, но шаблон доделать нада =( если я все правильно понял то плохо себя ведут или <div class="container"> или <div class="box"> я не прошу готовое решение, но хоть во…

    Asked by BogusUA,

    0 votes
    7 answers

  5. Кракозябры при выводе

    Кодировка при выводе. Выводит кракоябры, хрть и указал кодировку. Вот документ index.php тестовый, выводит вмсет слова "привет" выводит п»ї Привет <!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> <title>Контакты</title> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> </head> <body> Привет </body> </html>

    Asked by people2010,

    0 votes
    7 answers

  6. input type

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег INPUT</title> </head> <body> <form name="test" method="post" action="input1.php"> <p><b>Ваше имя:</b><br> <input name="nick" type="text" size="40"> </p> <p><b>Каким браузером в основном пользуетесь:</b><Br> <input type="radio" name="browser" value="ie"> Internet Explorer<Br> <input type="radio" name="browser" value="opera"> Opera<Br>…

    Asked by SingIe,

    0 votes
    7 answers

  7. Поиск на сайте

    Хочу сделать поиск по сайту (php) Какой вариант лучше - скрипт, готовый яндекс или гугл или с помощью базы данных. Условие не должно быть никакой рекламы, быстрый, авто индексация, сайт около 400стр. в идеале похожий на http://loza.ru/ я так понимаю сайт на готовом движке Что значит сайт с базой данной - как это вообще работает Полный лузер в этом вопросе.

    Asked by Арт,

    0 votes
    7 answers

  8. Как выровнять список страниц по центру блока навигации

    Проблема со стилями нумерации страниц. Блок wp_page_numbers имеет ширину 600px. Ссылки с номерами страниц должны располагаться по центру блока независимо от того, сколько их будет - одна или 20. У меня никак не получается выровнять список страниц по центру блока навигации. #wp_page_numbers { clear: both; width : 600px; height : auto; text-align: center!important; font-weight : normal; margin: 10px auto 20px; } #wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a { padding: 0; margin: 0; border: none; text-decoration: none; font-weight: normal; font-style: normal; list-style: none; text-transform: none; text-indent: 0; font-variant: n…

    Asked by Mila,

    0 votes
    7 answers

  9. переполнение ячейки

    Есть табличка простая: 2 колонки. 2-я колонка объединяет все строки первой колонки. Если во второй колонке мало текста, то всё хорошо, но если больше чем может поместится, то таблица увеличивается по высоте, а нужно что бы при переполнении появлялся скрол и таблица не увеличивалась. Нашел один выход, вложил во вторую колонку див, и всё как бы хорошо, НО надо указывать высоту, если не указать, то таблица снова расползёться. А нужно, как раз что бы высоту не указывать в лоб, т.к. строк может быть n-количество. Пробовал указать height: 100% - в ИЕ, как ни странно всё хорошо, а в фоксе плохо, нет там атрибута высота вроде как. Что посоветуете, форумчане, какие мысли решения? …

    Asked by Sober,

    0 votes
    7 answers

  10. Меню на всех страницах сайта

    Задача: Гипотетическому верстальщику нужно сделать меню многостраничного сайта. Чтобы header (и, возможно, footer) были на каждой странице сайта. Варианты решения: 1) Дублировать код на каждую страницу, что есть онанизм и увеличение размера файла. 2) Решить задачу с помощью фреймов.(усложним работу поисковым машинам.) 3) Прописать каким-то образом через JavaScript. 4) Другое. Вопрос: Каким образом можно сделать элемент одной страницы общим для всех страниц сайта, не в ущерб производительности?

    Asked by Jawesome,

    0 votes
    7 answers

  11. inline-block в <a>

    <a href="" style="display:inline-block; width:200px; height:50px; background-color:#CC0000;">test1</a> <a href="" style="display:inline-block; width:200px; height:50px; background-color:#990000;">test2</a> Буду краток. Реально вообще в этом случае избавиться от отступа? Чтобы ссылки шли вплотную. DIVы не предлогать, не катит. Если можно то как? Заранее спасибо.

    Asked by bems,

    0 votes
    7 answers

  12. Каким образом делается переадресация сайта

    Был у меня когда-то сайт на народе (да и сейчас он там висит..)... теперь хочу новую версию разместить на платном хостинге... каким сделать так, чтобы пользователь вводя старое имя сайта автоматически попадал на новый сайт???

    Asked by Night Man,

    0 votes
    7 answers

  13. Использование 3d лент.

    Подскажите, кто-нибудь использовал объёмные ленты. Primer: http://my-html.ru/example/3D_css/index.html Поделитесь опытом, все никак не могу реализовать в деле.

    Asked by Gleb-k,

    0 votes
    7 answers

  14. Валидность кода

    Здравствуйте все, я недавно начал изучать html, CSS, JavaScript. Изучая делаю себе сайт, столкнулся с проблемой валидности. В некоторых источниках пишут что валидность это хорошо но не главное... Поэтому особо о ней не думаю, но все таки хочется делать хорошо и поэтому вопрос. Валидатор указывает мне на ошибки в ссылках, например = или знак & подскажите варианты решения. По ссылке можно посмотреть все ошибки на странице Валидатор w3 Примеры ошибок: …php?option=com_content&view[b]=[/b]article&id=104:2010-12-05-19-22-48&catid=21:—199… …monet.ru/index.php?option=com_content&[b]v[/b]iew=article&[b]i[/b]d=104:2010-12-05-19-22-48&…

    Asked by ghost,

    0 votes
    7 answers

  15. Верстка.Как быть?

    Здравствуйте. Возникли сложности с совмещение таблиц.В наличии есть 3 таблицы, 2 из которых должны находиться в 1. Помогите в решение.За ранее благодарю. Сам код html: general table. <table id="Table_01" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="5"> <img src="images/modul-lef-tmaket_01.gif" width="261" height="8" alt=""></td> </tr> <tr> <td align="left"> <img src="images/modul-lef-tmaket_02.gif" width="4" height="344" alt=""></td> <td><img src="images/left_menu_06.gif" width="27" height="13" alt=""></td> / кнопка промотки вверх <td><img src="imag…

    Asked by E.Markitan,

    0 votes
    7 answers

  16. Просмотр фотографий

    Приветствую! Мне необходимо разместить несколько фотографий на странице и так, чтобы несколько превьюшек, а при клике на превью - большая фото менялась. Реализовала вот так: http://garant-bryansk.ru/service/online-seminar/ <div class="block" align="center"> <a href="#" onmouseout="document.preview1.src='http://garant-bryansk.ru/img/img-sem/1s.jpg'" onclick="document.preview.src='http://garant-bryansk.ru/img/img-sem/1.jpg';"> <img name="preview1" src="http://garant-bryansk.ru/img/img-sem/1s.jpg"></a> <a href="#" onmouseout="document.preview1.src='http://garant-bryansk.ru/img/img-sem/2s.jpg'" onclick="document.preview.src='http://garant-bryansk.…

    Asked by art-Limon,

    0 votes
    7 answers

  17. хочу круто сделать маркеры справа, но все что-то не выходит пока

    Хочу с помощью CSS сделать так, чтобы "новые" категории товара в панели ссылок интернет магазина обзавелись клёвым маркером справа от ссылки. Для этого использую всевдокласс :after и свойства marker-offset и display:marker: <ul id="categories"> <li class="new"><a href="#">Link</a> </li> </ul> ul#categories { display: block; width: 100%; margin: 0; padding: 0 } ul#categories li { height: 33px; list-style: none; line-height: 33px; } ul#categories li.new a:after{ content: url(images/newcategorymarker.gif); display: marker; marker-offset: 1em; } Во последних версиях Opera, Firefox, Safari, Chrome не работает marker-offset…

    Asked by adelante,

    0 votes
    7 answers

  18. фиксирование нижней части

    есть 3 колонки первый и 3 узкие а по середине как лист а4. я хочу фиксировать нижнюю часть , часть футер так чтоб не смещалась независимо от того если текст в среднем секторе или нет. так как футер иногда смещаеться чисто на среднюю часть когда текста мало . height: 100% не помогает #footer { margin-top: 10px; height: 37px; width: 100%; min-width: 1150px; background: url(images/18.png); } #copyright { height: 36px; line-height: 36px; width: 385px; background: url(images/19.png); margin: avto; color: #2b2b2b; } а вот html код <div id="footer"> <div id="copyright">Copyright MyCorp © 2010 | VOSKAN</div> </div>

    Asked by voskan,

    0 votes
    7 answers

  19. Помогите

    Люди научите верстать макеты. Знаю базовые знания Html и CSS.

    Asked by ESP^,

    0 votes
    7 answers

  20. application/xhtml

    Скажите, зачем на практике нужен тип application/xhtml? Кто-нибудь его применяет и для чего?

    Asked by Vlad,

    0 votes
    7 answers

  21. Как сделать закругленный фон меню ?

    Здравствуйте! Как сделать закругленный фон меню ? Нужно сделать как здесь: У меня ничего не выходит, пробывал по разному, можете пожалуйста подсказать... Получается вот так: Архив с сайтом: СКАЧАТЬ

    Asked by aknur,

    0 votes
    7 answers

  22. Дочерний и смежный селектор CSS в IE7-8

    Добрый день. Для корректной работы меню, на сайте использовал дочерние (.classA > .classB) и смежные(.classA + .classB) css селекторы. В браузерах Chrome, Opera, FireFox, Safari всё корректно отображается. В IE7-8, не смотря на заявленную поддержку оных селекторов, к сожалению, не работают. Вычитал здесь, что для корректной работы нужно выставить верный DOCTYPE. А вот какой не сказано. Отписался автору - пока молчит. Пробовал сам поиграть doctype'ами - эффекта нет. Подскажите, пожалуйста, куда копать и как всё таки заставить IE понимать данные селекторы. Заранее спасибо.

    Asked by Astor,

    0 votes
    7 answers

  23. Несоответствие стандарта и написанного кода

    Сильно не бейте плиз если нублю, проблема в следующем, стандарт на сайте XHTML 1.0. валидатор выдает 20 ошибок типа: или вот например: насколько я понял это проблема в стандарте, однако, если я изменяю стандарт, то ошибок становится в разы больше, подскажите как можно исправить ситуацию?

    Asked by WabFad,

    0 votes
    7 answers

  24. Помогите с буквицей

    Делаю буквицу. Требуется буквица у h2. Проблема в том что в FF все как надо показывается, а в Crome буква слишком высокая. Не получается сделать одинаково. Пример h2:first-letter { margin:0px 5px 0px 0px; line-height:10px; padding:10px; border:2px solid #825c35; font-size:200%; font-weight:bolder; background:url(climage:GUID=765929ED-87D5-47CF-BF4C-956FEB59F468&scalex=60&back=00000000&mul=A0f5bd4c); float:left; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0px 0px 4px #f5bd4c; }

    Asked by still swamp,

    0 votes
    7 answers

  25. Не могу убрать отступы

    Здравствуйте код такой <div id="wrap"> </div> в ксс body { background-color:#000000; } #wrap { min-height: 100%; background: transparent url('img/header-bg.jpg') repeat-x -240% 0; } как убрать вот ети отступы сверху,и по бокам, как будто фон сферху....чо то запутался(

    Asked by next,

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