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. Подскажите как реализовать hover

    <div id="menu"> <ul> <li><a href="http://google.ru">Ссылка которая должна менять цвет</a> <div> <ul> <li><a href="http://google.ru">Ссылка из-за которой верхняя должна поменять цвет</a></li> </ul> </div> </li> </ul> </div> Вот меню, при наведении на первую ссылку открывается подменю, которое находится в <div>. Как сделать, чтобы при наведении на ссылки в диве, верхняя ссылка тоже меняла цвет? Вот наглядно, на первом изображении то, что есть, на втором то, что хочу сделать: Подскажите пожалуйста.

    Asked by Motoko Kusanagi,

    0 votes
    3 answers

  2. проблема с margin-top

    <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="style/style.css" rel="stylesheet" type="text/css" /> <title>Верстка</title> <style> *{margin:0; padding:0;} #wrapper{ width:980px; height:910px; margin:0 auto; border:1px solid #000; } #header{ height:205px; background: -webkit-linear-gradient(top, #fff, #e8e9ed); background: -o-linear-gradient(top, #fff, #e8e9ed); background: -ms-linear-gradient(top, #fff, #e8e9ed); backgr…

    Asked by Krote,

    0 votes
    2 answers

  3. Помогите разобраться с border для div

    Доброго времени суток! Есть два div`а: в одном большая картинка, в другом превьюшки. Для второго div назначен стиль border. Проблема в том, что border рисуется не вокруг самого div, а как отдельный элемент. Под спойлерами исходники и скрины. Так отображается в ФФ 11, Хром 17, Опера 11.62. Если вставить в HTML нужного div картинку самому(не яваскриптом), то результат не меняется Картинки HTML-код CSS-код javascript-код, отвечающий за создание превьюшек

    Asked by maxmaster,

    0 votes
    4 answers

  4. Стиль сайта

    Помогите, я новичёк. с css вроде разобралась, написала отдельным файлом стиль для страницфон, шрифт, ссылки итд), чтобы все одинаковыми были. и проблема: как его прикрепить к страницам сайта? нигде не могу найти нужных тегов, везде стиль вписан прямо на странице

    Asked by мужняя_жена,

    0 votes
    8 answers

  5. джаваскрипт

    Привет всем кто заглянет в содержание топа в html 4.01 и css вроде как освоился и нормально могу читать литературу и что то оформлять вот только недают мне покоя джаваскрипт и другие нужные красивости хотел почитать по html5 но туда лезть без базового знания сценариев как то боязно кто может посоветовать курс подобный тому что можно найти на htmlbook курсы html xhtml css при набивании головы информацией они мне очень помогли... С чего начать за что ухватиться при освоении основ джаваскриптов где можно посмотреть примеры и какую литературу зашел в раздел форума посвященный JavaScript но то ли я такой тупой то ли полезные ссылки выводят на крутые ресурсы нуж…

    Asked by Bobikys,

    0 votes
    5 answers

  6. Повторяющиеся статичные элементы на странице

    Всем привет) Я вот задался вопросом.. если код для меню и нижнего футера запихать в отдельный PHP файл, а потом инклудить на нужные страницы- это будет корректно, или же не стоит? Может влияет как-то на скорость?

    Asked by korjik,

    0 votes
    3 answers

  7. Подвал

    Здравствуйте. О подвалах написано много но все же не проще ли footer{ position:absolute; bottom:0;} а у контентной части margin: 0 0 -footer 0; Чем пример ставший класикой <!--<style type="text/css"> html, body {margin:0;height:100%;} #wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;} #header {height:200px;} #left {float:left;width:200px;} #right {float:right;width:200px;} #center {margin:0 200px 0 200px;} #spacer {height:100px;} #footer {height:100px;margin-top:-100px;} .clear {clear:both;} </style> <body> <div id='wrapper'> <div id='header'> <!-- Содержимое хэдэра --> </div> <div id='conta…

    Asked by Mirovich,

    0 votes
    2 answers

  8. Своя страница ошибки 404 для Ucoz

    Здравствуйте, подскажите пожалуйста, вот создал сайт в системе Ucoz но не с помощью ихнего конструктора, а свой статичный. Хотелось бы подкрепить к сайту ошибку 404, но попробовав создать саму страницу с таким простеньким кодом: <!DOCTYPE html> <html> <head> <title>Страница не найдена</title> <meta charset="utf-8"> </head> <body> Ошибка Петя! </body> </html> поместив её в корень сайта назвав 404.html и затем там же в корне сайта создал файл .htaccess внутри прописал ErrorDocument 404 /404.html но что то не работает, возможно я чего то не учел. Подскажите пожалуйста решение к данной проблеме.

    Asked by КСС,

    0 votes
    2 answers

  9. Как сделать ссылки неактивными для незарегистрированных пользователей?

    Подскажите пожалуйста! Очень нужно сделать на сайте внешние ссылки неактивными для незарегистрированных пользователей. Точнее, чтобы при нажатии на внешнюю ссылку выходило окно с просьбой о регистрации. Или вместо ссылки была надпись "Чтобы увидеть ссылку - зарегистрируйтесь"... ПЛИИИЗ! Помогите разобраться!

    Asked by nanastassiya,

    0 votes
    7 answers

  10. Ячейки в таблице

    Добрый день. Почему ячейки в таблице не совпадают? <!DOCTYPE html><html><head><meta charset="utf-8"><style type="text/css"> TABLE,TD{ border:1px solid black; border-collapse: collapse; }</style></head><body><table> <tr> <td>100000</td> <td colspan="3">2000000</td> </tr> <tr> <td colspan="2">3000000</td> <td>4000000</td> <td>5000000</td> </tr></table></body></html>

    Asked by Ururu,

    0 votes
    2 answers

  11. Как сделать, чтобы прозрачность не затрагивала заголовок

    Сам блок div является прозрачным, необходимо сделать так, чтобы элементы которые в нем находятся не принимали свойство прозрачности, я уже попытался вынести h1 из div, но безрезультатно. код: http://jsbin.com/juwapitogi/edit?html,css,output

    Asked by Rimming,

    0 votes
    2 answers

  12. Резиновая картинка (больше-меньше)

    Всем привет. Не могу дать ладу...подскажите плз. Свертал лэндинг на HD разрешение, но беспокоит что шапка не резиновая. Как средствами ксс и хтмл сделать загрузку другого фонового изображения, если разрешения монитора меньше 1920px...

    Asked by Bandyy,

    0 votes
    1 answer

  13. Блоки в две колонки

    Есть ли какая либо возможность забить блоками два "стакана" равных по высоте? Блоки имеют изначально равную ширину, но разную высоту, которая изначально не известна. Количество блоков также может меняться.

    Asked by BIOHAZARD,

    0 votes
    1 answer

  14. Можно ли обнулить вышестоящий див?

    у меня есть .roundedcornr_content_507949 div { height: 70px; padding-left: 71px; } Я работаю внутри этого класса (.roundedcornr_content_507949) Хочу теперь в него вставить див, но чтобы у него не была height:70px; Как это можно осуществить? Если не прописывать это через style?

    Asked by fireXXX,

    0 votes
    1 answer

  15. Поехал сайт в ИЕ

    Сайт http://sitop.info/smsphones/ поехал во всех ИЕ,почему так и не погу разобратся.

    Asked by NeoMurderer,

    0 votes
    5 answers

  16. Флэш раздвигает страницу

    Здравствуйте! Уже который день бьюсь и все без толку Есть http://mslr.cm.ru/index.php?id=8 после футера появляется пустое место и соот. скрол. Убираю height: 100% - флэш меняет масштабы. Как победить эту пустоту внизу страницы?

    Asked by Bredova,

    0 votes
    1 answer

  17. Белые квадраты вместо флеш-плеера.

    Доброго времени. Я делаю маленький сайтик, обязательным элементом которого являются флешролики. Почитав немного в интернете, я составил вот такой код: <div align=center> <script type="text/javascript" src="swfobject.js"></script> <div id="player_4">Ошибка: плеер не загрузился. Возможно, у Вас не включен flash в браузере. </div> <script type="text/javascript"> var so = new SWFObject('player1.swf','mpl','800','200','9'); so.addParam('allowfullscreen','false'); so.addParam('flashvars','file=plist/plist_1.xml&playlist=bottom&autostart=false&repeat=list&backcolor=#ccccdd'); so.write('player_4'); </script> </div> …

    Asked by Быдлокодер,

    0 votes
    1 answer

  18. "обтекание" блока меню

    Доброй ночи. Есть сайт Пытаюсь переделать под маленькое разрешение монитора, приблизительно 750px по ширине. Надо добиться того, что бы левая часть контента (фотографии) "обтекали" правый блок навигации, при этом, чтобы пока не закончился блок навигации фото шли по 3-и штуки в ряд, а под блоком навигации по пять штук. Желательно без кардинальной переделки вёрстки. Дело в том, что при разном разрешении экрана будут подключаться разные файлы css. И если разрешение будет более 1000px, то сайт должен возвращаться в исходное состояние Подскажите, как решить данную проблему? Сам не могу додуматься... Заранее благодарю откликнувшихся.

    Asked by slo_nik,

    0 votes
    4 answers

  19. css уменьшить код

    .galsmall {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galattach {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galmedium {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} Как сократить до ной строчки?

    Asked by angelShlesser,

    0 votes
    1 answer

  20. ine-height и единицы измерения (продолжение)

    Я уже создавал тему с подобным вопросом - http://forum.htmlbook.ru/index.php?showtopic=39156&st=0&p=276197entry276197 И мне дали вполне понятный ответ. Но вот сегодня меня кое-что опять загнало в тупик. Итак, возьмем тот же код http://jsfiddle.net/usfe/u8TCq/2/ При использовании у body line-height просто число пересчет line-height для абзаца происходит после наследования(то есть наследуется 28px шрифта и умножается на 1). А в случае EM перерасчет происходит ДО наследования, то есть эта 1 умножается на 16 пикселей от body. НО! Если теперь 1EM прописать для <p> то итоговый line-height внутри абзаца, как можно догадаться, станет именно 1*28, хотя по той логик…

    Asked by USF,

    0 votes
    4 answers

  21. Верстка подписей под элементами форм

    Задача: добавить к верстке форм вывод валидационных сообщений. По задумке дизайнера поля и подписи могут быть самыми разнообразными: Сейчас реализовано в связке label (block или inline-block) + input Нужно выводить сообщения непосредственно под инпутом. Например, Проблема в том, что ширина label и отступы могут быть самыми разнообразными. В идеале должен нормально смотреться и многострочный комментарий, т.е. абсолютное позиционирование не подходит. Уже голову себе сломала, но ничего, кроме оборачивания каждого инпута во враппер и вывода error-message прямо под ним, туда не приходит Только вот решение мне это совсем не нравится. Может сталкивался кто-то с таким, подкинь…

    Asked by caprella,

    0 votes
    3 answers

  22. растяжение

    Всем привет, делал по этому макету: http://divhack.com/downloads/study/8/html/ как я понимаю тут резиновая верстка, я вот сделал так: http://createside.com.preview.ihc.ru/ но как видно при растяжении-получается все очень фигово...как это лучше исправить?

    Asked by kl09,

    0 votes
    2 answers

  23. Ширина блока по содержимому

    Как известно, ширина блока расчитывается внешним фактором - шириной родителя. А мне нужно, что бы ширна блока .outer тянулась по ширине дочернего блока .inner Добиться этого можно назначив блоку-родителю (т.е .outer) что-то одно из этого: 1) display: inline-block; 2) display: inline-flex; 3) float любой //не подходит, т.к. создаст лишний геморой. Мне нужно, что бы outer оставался в нормальном потоке 4) position: absolute; // тоже не подходит, т.к. вырывает из нормальнного потока. Все эти варианты заставляют блок-родитель тянуться вширь по своему контенту. Но они все какие-то не торт, особенно последние два. Может есть еще какие-нибудь решения, которыми вы хотите подел…

    Asked by Evkaky,

    0 votes
    3 answers

  24. Наложение картинки на блок

    Каждый товар на сайте разбит по блокам (сам сайт создавался в конструкторе), но блоки - это html код. http://ga1000.casio55.com/ Нужно наложить на угол каждого блока след картинку При накладывании, смотрел по этой теме (http://htmlforum.ru/index.php?showtopic=22581). Наложить удалось, но стал неактивен слайдер изображений на этом блоке. Вот код самого блока: <div class="hvr"><div style="text-align:center;font-family: 'Trebuchet MS'; font-size: 16px; padding: 7px"><a style="color:#cc0000; text-decoration:none"><b>Casio </a><a style=";color:#000000; text-decoration:none; font-size: 16px">GW-A1000-1AER</a></b></div&gt…

    Asked by tarasishhe,

    0 votes
    1 answer

  25. и снова вопрос по шрифту

    Добрый день. Использую шрифт, семейства PF BeauSans Pro, так как он нестандартный, то использую такой скрипт, для кроссбраузерности: @font-face { font-family:"PF BeauSans Pro-Reg"; src:url('../fonts/PFBeauSansPro-Reg.eot'); src: url('../fonts/PFBeauSansPro-Reg.woff') format('woff'), url('../fonts/PFBeauSansPro-Reg.ttf') format('truetype'); url('../fonts/PFBeauSansPro-Reg.svg') format('svg'); font-weight: normal; font-style: normal;}Он отображается на всех браузерах, но не так как в макете: неаккуратно и жирность шрифта разная, от этого и цвет немного другой, не как в макете: Из макета Из сайта Из макета Из сайта Чем можно э…

    Asked by Nailya,

    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