HTML Coding

29,542 questions in this forum

1. Генератор css кнопок и прочие шалости

   Решил углубиться в css и начать это с создания кнопок для меню по средствам таблицы стилей. Искал в гугле туториалы и нашел несколько сайтов с генератором css кнопок (линк не буду давать, в поисковике забьете) Сразу возник вопрос, Для человека только начинающего создавать css элементы - пригодиться, или, точнее, надо ли будет пользоваться таким сервисом или лучше на первых порах не стоит? С одной стороны, сделал кнопку какую надо, посмотрел код и вперед в гугл искать что есть что, с другой стороны не лучше ли будет самому все учить и создавать? Просто интересны мнения знающих людей

   Asked by a1rborn, January 15, 2013

   0 votes
   2 answers
2. Подскажите по табличной вёрстке

   Всем здравствуйте! Я хотел бы сделать чередующуюся вёрстку, где разделы бы шли некоторые на всю ширину браузера, некоторые в два Например: (названия взяты с "потолка") горячие блюда кондитерка быт.техника для кухни. ремонт техники тесто общ.правила сдобное. для пиццы приправы мясо в духовке. мясные рулеты В общем как-то так для примера, и я хотел бы это сделать средствами CSS в табличной верстке. Понятно, что делать это я буду делать сам, просто никогда этого не делал, и прошу дать какие-то первоначальные "намётки",даль…

   Asked by upriamui, January 9, 2013

   0 votes
   2 answers
3. отображение кода страницы в textarea

   Такая проблема: Я редактирую html страницу с помощью textarea.Но каждый раз нужно вставлять в неё html и отправлять этот код. Как сделать так, чтобы html код редактируемой страницы отображался в textarea.

   Asked by Kot_Taguhskin, January 15, 2013

   • textareaкод
   • html
   0 votes
   2 answers
4. Была маленькая, стала большая

   Всем привет. Подскажите, как реализовать увеличение картинки при клике? Как тут справа

   Asked by Tezil, January 22, 2013

   • увеличение картинки при клике
   0 votes
   2 answers
5. залипает выпадающее меню

   Помогите разобраться, никак не вьеду. При переходе с одного пункта меню на другой залипает выпадающее меню и дергается туда сюда. html <div id="fdw"> <!--nav--> <nav> <ul> <li><a href="">Клуб</a> <ul style="display: none;" class="sub_menu"> <li class="arrow_top"></li> <li><a href="">О нас</a></li> <li><a href="">Инфроструктура</a></li> <li><a href="">Партнеры</a></li> <li><a href="">Спонсоры</a></li> </ul> </li> <li> <a href="">услуги</a> <ul style="display: none;" cla…

   Asked by itspider, January 22, 2013

   0 votes
   2 answers
6. дергается и перегружается выпадающее меню

   Помогите разобраться с проблемой. Выпадающее меню дергается и по несколько раз открывается и закрывается. Код http://jsfiddle.net/7pabv/

   Asked by itspider, January 22, 2013

   0 votes
   2 answers
7. Скроллинг в таблице

   И вновь приветствую,такая проблема необходимо сделать скроллинг таблице,нашёл примеры с других форумов,ну так и не с умел нормально довести до таблицы Исходный код таблицы:http://pastebin.com/ADqWwhiC

   Asked by Vopub, January 23, 2013

   • скроллинг
   0 votes
   2 answers
8. Шапка

   Есть такой код, взятый с раздела "Макеты": http://tinkerbin.com/CQZ76oBi Сейчас у шапки есть отступ сверху, который мне нужно убрать. Пробовал ставить margin-top равным нулю, но не помогло. Что сделать, чтобы убрать отступ?

   Asked by novickOk, February 23, 2013

   0 votes
   2 answers
9. Графики Яндекс Метрики на сайте

   Здравствуйте форумчане. Вот себя уже 4ый день терзаю, никак не могу прикрутить отчёты метрики на сайт. Иными словами, хочу переместить статистику, которая находится в метрике к себе на сайт, чтобы люди могли видеть (не просто цифры, а графики и пр.) Кто с таким сталкивался ? API читал и ничерта не понял.

   Asked by pashkje, January 23, 2013

   0 votes
   2 answers
10. Оптимизация скорости загрузки фоновых изображений

    Всем доброго дня. Есть такая проблема. Есть простенькая страничка на сайте, на которой отображается инфо о некой команде. Фото участника и краткое инфо. Сделано все табличками и фото участника является фоном таблички. И вот проблема в том, что фоновое изображение долго грузится, около 400ms (в итоге имеем 900ms +/-), хотя при этом оно достаточно маленького размера 50Кб +/-. И если в хроме загрузка картинки происходит более или менее плавно, то в ФФ торчит белый экран в месте картинки до тех пор, пока она не будет полностью загружена. Табличка описана так: При загрузке имеем такую картину: ******************************************************* Посоветуйте пожалуйста, к…

    Asked by nomen, January 28, 2013

    • table
    • background
    0 votes
    2 answers
11. Вопрос по работе с шаблону

    Здравствуйте. Знаю что полез сразу не туда, но решил начать с задач по сложнее, что бы быстро научиться грамотно верстать. В общем проблема такая: Хочу адаптировать под себя шаблон. Так что бы было совсем ясно о чем я говорю шаблон можно скачать ТУТ. Несколько вопросов. 1-Как адаптировать шаблон под Русский язык? Сколько кодировку и как не меняй (вручную или кодом) все равно русский язык не воспринимается. 2-Как в пунктах меню (в любом кроме Галереи, убрать разделение на 2 части (вертикальное разделение 3-Как на место текста (сверху слева) поместить картинку??? Заранее большое при большое спасибо. Если что могу заплатить, но немного((( Просто очень хочется понять и сдела…

    Asked by vl.zemtsov, January 24, 2013

    0 votes
    2 answers
12. Почему не работает border collapse?

    Почему-то у меню http://www.zhitlegko.myjino.ru/ не работает collapse, и бордер получается двойной. В чем могут быть причины?

    Asked by Imperil, January 24, 2013

    • border collapse
    0 votes
    2 answers
13. Фон из нескольких картинок

    Собсно, сабж в чем: нужно сделать подобие блока, который растягивается Мы имеем div контента, фон которого состоит из 3 изображений: нужно закрепить первое изображение к верху блока, нижнее к низу, и чтобы среднее растягивалось в зависимости от высоты блока, но чтобы не перекрывало верхнее и нижнее изображения фона. css-код блока: .main { margin: 0 auto; padding: 200px 60px 0 150px; float: left; background-image: url(img/main1.png), url(img/main2.png), url(img/main3.png); background-repeat: no-repeat, repeat-y, no-repeat; background-position: center top, 0 924px, center bottom; /* 924px - высота первого изображения */ background-size: contain; width: 70%; }

    Asked by LanStorm, February 24, 2013

    0 votes
    2 answers
14. помогите с прозрачностью

    Люди помогите в верстке. Нужно получить вот такой элемент. http://s019.radikal.ru/i601/1301/89/d7ac2bf06bbe.gif В котором черный фон прозрачный текст и картинка нет. <section id="line_one"> <aside class="left"><img src="img/photo_like.gif"><p>Показать <br/> все фото</p></aside> <aside class="right"><img src="img/like.gif"><p>Мне <br/> нравится</p></aside> </section> стили .left { width:200px; height:61px; float:left; background:#000; border-radius:0 40px 40px 0; } .left img { float:left; margin:3px 0 0 10px; } .left p { padding: 5px 0 0 80px; } Пробовал по разному, к left…

    Asked by vladmih, January 24, 2013

    0 votes
    2 answers
15. Помогите плиз с версткой в IE - везде все гуд только IE((( Нельзя использовать js

    Вот html <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="reset.css" type="text/css" media="screen, projection" /> </head> <body> <div id="wrapper"> <header id="header"> <div id="logo"> <a href="#A1_logo"> <img style="float:left;" src="images/A1_logo.png" /> </a> <a href="#Netwheels_logo"> <img styl…

    Asked by Select, January 25, 2013

    • верстка
    • ie
    • помощь
    0 votes
    2 answers
16. Проблема с DIV в IE 6.0

    Не могу понять почему в IE6 верстка кривая и, главное, как поправить. Вот здесь можно глянуть страничку: http://jsfiddle.net/BWcxQ/ В свежих браузерах все работает нормально: шапка, левое меню, тело. А в шестом ослике проблема - панель левого меню сдвигается вправо... Как исправить, подскажите!

    Asked by Talker, January 25, 2013

    0 votes
    2 answers
17. iframe

    Можно ли как-то задать выравнивание по центру для блока видео с youtube, например, для этого: <iframe width="420" height="315" src="http://www.youtube.com/embed/JhAxaDmiuvM?rel=0" frameborder="0" allowfullscreen></iframe>

    Asked by fowl, January 25, 2013

    0 votes
    2 answers
18. Bootstrap и шапка фиксированной ширины

    Здравствуйте! Только начал изучать bootstrap, запутался вот с какой штукой: Есть картинка - шапка сайта, фиксированного размера 895px. Весь шаблон, соответственно, ограничивается этой шириной. Я ограничил body шириной шапки: body {width: 895px; margin: 0 auto;} Так же сделал с первым контейнером: .container {width: 895px !important; } Делаю два столбца span6 - они все равно получаются по 1170/2 и размещаются один под другим, а не в строчку. Как сделать, чтобы деление на колонки происходило для ширины 895, а не 1170? Спасибо!

    Asked by Nule, January 25, 2013

    0 votes
    2 answers
19. Вложенные медиа-запросы

    Приветствую всех. Подскажите есть ли в спецификации CSS3 вложенные медиа-запросы и, если да, то как они поддерживаются современными мобильными и десктопными браузерами? Спасибо.

    Asked by Rock, January 25, 2013

    • CSS3
    • медиа-запросы
    0 votes
    2 answers
20. Нумерация страниц CSS

    Ребят, делаю задание http://htmlbook.ru/practical/numeratsiya-stranits Получается херня. http://s1.ipicture.ru/uploads/20130204/ptH4cFzT.png <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Секс</title> <style> *{ margin:0; } DIV{ background: #EDEDED; width: 100%; height: 35px; border-bottom: 4px solid #CCCCCC; position: fixed; top: 80%; } Li { font-size: 130%; color: #910303; position: absolute; top: 30px; } </style> </head> <body> <div> <ol> <li>1</li> <li>2</li> <li>3</li> …

    Asked by daniluch, February 4, 2013

    • css
    • нумерация
    0 votes
    2 answers
21. CSS меню ! ! !

    Всем приветик ! Вот делаю сайт : joomla.metko.ru заморочка с меню...весь день ковырялся так и не смог его ратянуть по контейнеру на всю ширину ( к левому краю прижимается, пробелами в html расширяется но не в притык ....а в css вообще не очет расширяться...объясните почему плиииииз ! <div id="container"> <nav> <ul> <li><a href="">О КОМПАНИИ</a></li> <li><a href="">МАГАЗИНЫ</a></li> <li><a href="">ДОСТАВКА</a></li> <li><a href="">ЗАКАЗ</a></li> <li><a href="">Контакты</a></li> </ul> </n…

    Asked by morgusha, January 25, 2013

    0 votes
    2 answers
22. горизонтальное меню с большими отсутпами

    нужно сделать пару кнопок на зелёном фоне с закруглёнными сильно углами. Пробовал сделать примерно так:Обрамил тег li тегом a и оформил примерно так: li { display:inline; margin-right:50px; } a:hover { background:green; border-radius:15px; } В итоге я получил то, что надо, но зелёным выделяется пространство вплоть до следующего тега li, а мне нужно, чтобы это было только вокруг текста.

    Asked by Rayzor, January 27, 2013

    0 votes
    2 answers
23. Блок навигации в адресной строке Яндекс браузера

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

    Asked by bigperson, January 28, 2013

    • Как
    0 votes
    2 answers
24. Рамка

    Приветствую! Подскажите, как убрать рамку вокруг пунктирного <hr>.

    Asked by Drix87, January 28, 2013

    0 votes
    2 answers
25. display:table-cell и firefox

    Здравствуйте, подскажите, пожалуйста, как сделать что бы в firefox заработало position-relative, display-table:cell и outline. демо код времменое решение: @-moz-document url-prefix() { .block { display: block; outline: none; } } но с таким фиксом картинка не будет центироватся

    Asked by ShootingStar, January 29, 2013

    • firefox
    • display:table-cell
    0 votes
    2 answers