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. Случайное отображение

    Ребята я дико извиняюсь, я сам ни разу не программист, но у меня есть задача которую нужно решить. На сайте расположено 9 поисковых блоков, задача следующая: нужно сделать так чтобы они все время меняли свою позицию при обновлении страницы, за исключением 1 из них. Тоесть он постоянно на своем месте. Как это можно реализовать?

    Asked by Man,

    0 votes
    12 answers

  2. Очень нужна помощь

    Мужчины! Знаю, что есть 2 варианта решения данной проблемы-отредактировать имеющийся шаблон или создать новый, но нет хорошего руководства (для пользователя) как это сделать

    Asked by Angela,

    0 votes
    4 answers

  3. как передать $_POST[] через select

    Что имеем: index.php <form method="post"> <select name="newcat" onchange="self.location.href=this.form.newcat.options[this.form.newcat.selectedIndex].value;"> <option value="">Быберите действие</option> <option value="show.php">показать</option> <option value="hide.php">скрыть</option> <option value="delete.php">удалить</option> </select> <input type="checkbox" name="Del[]" value="1" /> 1 <br /> <input type="checkbox" name="Del[]" value="2" /> 2 <br /> <input type="checkbox" name="Del[]" value="3" /> 3 <br /> <input type="checkbox" name="Del[]" value="4" /> 4 &l…

    Asked by kukurikan,

    0 votes
    9 answers

  4. нужна критика

    Табличную верстку я знаю хорошо, а вот с блочной дела пока плохо обстоят, просьба, прокомментировать мой код. В хроме и ФФ ображается все правильно, но наверняка есть какие-то подводные камни о которых мне пока не известно... и еще вопрос как заставить работать с ним IE? <html> <head> <title>1234567890-09876543234567890-987654</title> <style type="text/css"> a { color:#FFF; text-decoration:underline } a:hover { color:#FFF; text-decoration:none } #menu { border-radius:10px; margin-left:40px; text-decoration:none; width:334px } #menutable { background:url(images/menu.png) #FB9338; font-family:verdana; font-size:12px; padding-left:20px; wid…

    Asked by belka0011,

    0 votes
    12 answers

  5. Многоуровневое горизонтальное меню

    Добрый день, интересует вопрос, как из такой стандартной стр-ры <style> .menu-h-d { min-height: 24px; border-left: 1px solid #ccc; } .menu-h-d li { float: left; display: block; position: relative; border: 1px solid #ccc; border-width: 1px 1px 1px 0px; list-style: none; } .menu-h-d a { text-decoration: none; padding: 2px 10px; display: block; } .menu-h-d ul { display: none; position: absolute; top: 22px; left: -1px; width: 160px; background: #fff; border: 0; border-bottom: 1px solid #ccc; } .menu-h-d ul ul { left: 100%; top: -1px; } .menu-h-d li li { float: none; border-width: 1px 1px 0px 1px; } .menu-h-d li:hover { background: #ccc; } .menu-h-d a:hover { color…

    Asked by ukalen,

    0 votes
    7 answers

  6. DOM или Sprite

    В вёрстке мне необходимо изображать несколько квадратов внутри ячейки таблицы. Их можно сделать с помощью применения стилей к некоторому элементу DOM. Например, сделать три div. С одинаковой шириной и высотой, дать отступ справа, выровнять их вправо с помощью float. Но можно сделать Sprite и подставлять эти же квадратики фоном. Я уже делал и так и так. По моим наблюдение много float тормозит отображение. А использование фонового изображения создаёт эффект, что картинки появляются не сразу. Так как таких квадратиком до сотни на странице. Какие вы видите за или против этих двух способов? Или может есть что-то лучше, чем я описал?

    Asked by sktemp,

    0 votes
    17 answers

  7. <nav> без обертки в резиновом макете

    Уважаемые мастера, прошу вас сориентировать и подсказать. Есть задача переделать один шаблон в две резиновые колонки со статичным контентом, для уменьшения большого количества строк кода. Решил попробовать левый столбик сделать на основе <nav></nav>, правый уже <div>. <!DOCTYPE html><html><head> <title></title> <meta name="description" content="free website template" /> <meta name="keywords" content="enter your keywords here" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <link rel="stylesheet" href="css/style.cs…

    Asked by cmndr_alexgreen,

    0 votes
    4 answers

  8. Помогите с кодом для шапки

    Ребята у меня проблемка с шапкой сайта.Вот изначальный код: <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td width="0%" height="16" style="background:url('/.s/t/711/2.gif') right;" align="right"><img src="/images/3.jpg" border="0"></td><td width="40%" height="16" style="background:url('/.s/t/711/2.gif');"><img src="/.s/t/711/4.jpg" border="0"></td></tr> <tr><center><td height="160" style="background:url('/images/5.jpg') left;" align="center"><b> <tr><td width="87%" height="26" style="background:url('/.s/t/711/9.gif') right;" align="right"><img src="/images/1…

    Asked by Semyonof,

    0 votes
    9 answers

  9. Горизонтальная верстка.

    Надо горизонтально сверстать страницу. Есть основной блок (id="main") и блоки поменьше (class="block"), шириной и высотой равные ширине и высоте страницы: <div id="main"> <div class="block"> ... </div> <div class="block"> ... </div> <div class="block"> ... </div> <div class="block"> ... </div> ... </div> Как при помощи css сверстать так, чтобы блоки class="block" стояли друг за дружкой по горизонтали, даже если выходят за границу экрана? P.S. В интернетах рецепт при помощи javascript изменять ширину основного блока и float:left для блоков поменьше. Не хотелось бы использовать javascript...

    Asked by Atilla,

    0 votes
    2 answers

  10. Стилизация input type="search"

    У input type="search" не получается задать фон, у "text" нормально задаётся. Это так и задумано или просто браузеры ещё не доросли? Ну или у меня руки не оттуда?

    Asked by Gaspode,

    0 votes
    2 answers

  11. Проблема с resize()

    http://vladp.esy.es/ Я не стал сооружать в верстке 3-х колоночный макет из колонок равной высоты, а просто выровнял их через js. Помогите пожалста с проблемой: при изменении размеров окна меняется высота центральной колонки. Я вызываю функцию по событию resize, однако выравнивания не происходит. В js крайне слаб, сам не могу понять.

    Asked by Vlad_P,

    0 votes
    19 answers

  12. прозрачный фон

    Всех приветствую Столкнулся с проблемой, нужно сверстать страничку таким образом: 1. в самом низу лежит растянутая на весь экран картинка 2. на ней блок с полупрозрачным фоном пишу вот такой код <!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="en" lang="en"> <head> <title> test </title> <style type="text/css"> html, body { margin: 0; padding: 0; } #background_image { z-index: -1; position: fixed; width: 100%; height: 100%; left: 0%; top: 0%; opacity: 0.40; } #con…

    Asked by ]-[иколай,

    0 votes
    6 answers

  13. Как вернуть стиль по умолчанию?

    Проблема такая - есть ряд инпутов, у которых рамка равна 1 пиксель, чёрная, сплошная. Инпутов целых 9 штук. Однако одним из этих инпутов является кнопка. А когда ей вот так проставить рамку явно, она становится довольно непривлекательной. Так вот, вопрос в том - как сделать так, чтобы к ней вернулся стиль по умолчанию? Самое главное, где-то видел недавно нечто подобное и никак не могу найти. Уже весь справочник перерыл, а никак не могу найти, что там прописать, чтобы стиль стал такой, как изначально, то есть чтобы к кнопке не применялось 1px solid #000000, а было так, будто этого свойства у неё нет.

    Asked by thekap,

    0 votes
    11 answers

  14. Выравнивание текста понизу

    <style> .post h1, .post h1 a{ font-family:Arial, serif; font-size:14px; font-weight:normal; float:left; } .post small { font-family:Arial; font-size:12px; color:#4a5256; padding: 0 0 0 8px; } </style> <div class="post"> <h1><a href="#">Запись не моя, я только разместил её</a></h1><small>27/03/2011</small> </div> Вот таким кодом я стыкую в одном диве две строчки. Причем первая строка имеет подчеркивание и 14й шрифт, а вторая без подчеркивания и 12й шрифт. Строки имея разную высоту все время выравниваются поверху, что смотрится не эстетично. Как ни крутил не могу сделать красиво. Вот пример того что я пытаюс…

    Asked by rcoma,

    0 votes
    15 answers

  15. Overflow и выпадающее меню

    Нужна помощь! Есть блок с overflow: hidden, нужен для прокрутки юзеров, в нем список юзеров(div.userInformation), для каждого юзера выпадающее меню(div.overUserMenu). Вопрос: как зделать так что б меню не обрезалося? Вариант забрать overflow: hidden не подходит, потому что мне он нужен для скрипта прокрутки юзеров <div id="friendsList" class="center"> <div class="container"> <div class="feed" style="left: 0px;"> <div style="z-index: 1000;" class="userInformation"> <div class="status"></div> <div class="picture"> <a href="http://deinflirt/profile/id/2"> <img alt="" src="http://deinflirt/files/u…

    Asked by inside,

    0 votes
    3 answers

  16. Активный пункт меню в квадратных скобках

    Добрый день! Меню на моем сайте реализовано с помощью списка, который формируется динамически, оформляется шаблоном с помощью css. При наведении курсора на пункт меню требуется выделить его, заключив в желтые квадратные скобки: Реализовать нужно с помощью css с поддержкой всеми браузерами, в т.ч. IE6. Как это лучше сделать? Спасибо!

    Asked by smalish,

    0 votes
    12 answers

  17. небольшой баг с растягиваем.

    столкнулся вот с такой проблемой. сверстал макет, растягивание от 1024 -1280. при 1024 все смотрится классно, но при растягивании появляется небольшой промежуток залил на сервер предварительный макет (обратите внимание между картиной погрузчика и поясняющим текстом при разрешении 1280 пик.) не могу понять если при 1024 все смотриться нормально, и растягивается пропорционально, почему тогда появляется такой отступ. общая ширина доукмента 960px. баннер: ссылки ширина 21% (однозначно нужно) общий контейнер (картника с текстом) - 77% фокта - 57% текст - 23% может распорядок соотношений не правильно? тогда почему при 1024 смотрится хорошо? спасибо.

    Asked by termoplus,

    0 votes
    14 answers

  18. Звуковые Css

    Господа Верстальщики и Продвинутые программисты, ОЧЕНЬ нуждаюсь в вашем совете!!!! Хоть кто нибудь из вас знаком со Звуковыми таблицами стилей?! У меня катастрофа: Препод дал тему на курсач "Использование CSS для голосовых движков, речевых синтезаторов и т.д.",мол, "Попробуй эту тему, а то мне самому интересно что там и как..." а я кроме непосредственно звуковых селекторов ничего не могу найти!!! Ни примеров, ни книг, ни методичек- такое ощущение что вообще этим ни кто и никогда не занимался!!! Очень прошу, помогите!!!!!! Скиньте хоть какую нибудь инфу!!!!

    Asked by you-rick,

    0 votes
    11 answers

  19. Изменение картинки при наведении

    Доброго времени суток! Столкнулся с проблемой - изменение картинки при наведении мышки. Когда пользуюсь в CSS свойством hover картинка появляется под основным изображением. В Google нашел способ с помощью onMouseOver, но он у меня как-то криво работает. Если знаете, напишите иной способ или объясните как мне сделать правильно. Заранее спасибо, Грин.

    Asked by Г ин,

    0 votes
    4 answers

  20. Fancybox и Bootstrap у меня не дружат

    Здравствуйте. Решил вот попробовать Bootstrap 3 в одном проекте, в котором галерея сделана на Fancybox и выяснилось, что они используют разные версии jQuery: Bootstrap 3 хочет jQuery 1.11.1, а Fancybox подавай jQuery 1.3.2. Соответственно, работает либо то, либо это. Никто померить не пробовал? Возможно ли это?

    Asked by toman,

    0 votes
    4 answers

  21. Плавающее меню, с фиксацией вверху

    не получается сделать вот такое фиксирующее меню, чтобы при пролистывании меню поднималось вверх и там фиксировалось вот пример сайта http://mattweb.ru/demo/fixed_menu/ в прикрепленных мои файлы float.html float.css

    Asked by kagan25,

    0 votes
    9 answers

  22. Проблема с HTML (dle)

    Здравствуйте уважаемые форумчане, моя проблема заключается в следующем: 1) http://moneyincome.ru/igra3k/legend_of_the_earth_clone.html что сделать чтобы всё вмещалось в одну страницу? 2) подскажите прогу которая может, если указать курсором допустим на фон скопировать фон и вставить данный цвет в другую часть картинки, если на фотошопе так можно подскажите как сделать так? 3) Спасибо всем кто сможет ответить в столь тяжелые посленовогодние дни. Всех с праздником!

    Asked by dar888,

    0 votes
    12 answers

  23. font-family: 'стандартный шрифт', 'свой шрифт'

    Доброго времени суток, уважаемые форумчане. Я столкнулся с проблемой типа "не могу решить на уровне логики". Подскажите, пожалуйста. Задача: На сайте имеются блоки, шрифт текста в которых курсивный Calibri. Подход к решению (часть 1): Во многих операционках нет такого шрифта. Выход очевиден - @font-face. Используя кроссбраузерный font-face генератор я получил необходимый для сайта шрифт. Имею: @font-face { font-family: 'SiteCalibriRegular'; src: url('../font/calibri-webfont.eot'); src: ... } Соответствено в нужном блоке: .my-calibri-block { font-family: 'SiteCalibriRegular'; }и с этим все хорошо. Дальше пробую делать курсив: .my-calibri-italic-block {…

    Asked by Cypher76,

    0 votes
    5 answers

  24. Добавление звездочки к обязательным полям с помощью CSS3

    Здравствуйте! Столкнулась с такой проблемой. Есть форма и в ней имеются обязательные поля для заполнения с атрибутом required. Хотела сделать, чтобы если поле имеет этот атрибут, добавить после него звездочку. Но код не работает. Что я делаю не так? И как еще можно решить такую задачу без JS. input[required="required"]:after{ content:'\2217'; font-size:17px; color:red; margin-left:20px;}

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

    0 votes
    3 answers

  25. помогите новичку...

    Я оооооч плохо разбираюсь в верстке. Можно сказать 0. Заказал верстку дивами главной страници в магазин на "shop-script"... все врое нормально помимо одного но... теперь во всех страницах, как окно регистрации итд, что то случилось с полями для ввода данных. Но что самое инетерестное все эти поля в ие выглядят как надо... а вот в опере ужас. Пробовал добавлять в css все стили из старой верстки - ничего не изменило 0_о почему так?! Вот кусочек странички из окна регистрации <tr> <td colspan=3 align=center> <table bgcolor=#B2D1F5 width=80% border=0> <tr> <td> <font color=black class=small> ВХОД В МАГАЗИН </font> </td>…

    Asked by oledj,

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