HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Несколько ссылок в линию с разным фоном
Практикуюсь в верстке, делаю автомобильный сайт.Имеются 5 категорий.Необходимо сделать их в виде квадратов определённых размеров (некликабельные картинки, на фоне), а на переднем плане по-середине них ссылки в обычном виде (Кликабельное слово с text-decoration: none).Квадраты на равном друг от друга расстоянии.Не могу понять как реализовать, постоянно вверх боковые съезжают. Вот контейнер, в котором это всё дело находится и моя рукопись <section> <div class="container"> <div class="nav"><div class="usenav"> <h2>ВОСПОЛЬЗУЙТЕСЬ НАВИГАЦИЕЙ</h2> </div> <div class="block clearfix"> <div class="bloc…
0 votes1 answer -
Поменять заголовки на блоггере
Здравствуйте. У меня на блоге (blogger) все заголовки выдаются в h3, хотел поменять на h1, нашел в шаблоне как поменять выдачу заголовков на h1, но при этом ссылки на страницы с главной и разделов блога тоже h1. Как сделать чтобы заголовки были h1 а ссылки на эти же страницы пусть h5? Я думаю что надо поменять что то здесь <!-- Post --> <div class='post' id='post'> <div class='title'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <span class='title'> <b:if cond='data:post.link'> <h3><a expr:href='data:post.link'><data:post.title/></a></h3> <b:else/> <b:if cond…
0 votes0 answers -
Перекрытие элемента в ие 7, 8
Всем привет. Проблема в том что при наведении на продукцию в ие 7, 8 не отображаются блоки для навигации. html.zip Результат Хром - http://imageshack.us/f/190/screenshot20120416at110.png Результат ИЕ 8 - http://imageshack.us/photo/my-images/829/screenshot20120416at111.png Структура кода следующая, имеется блок issue с товарами, в блоке каждый товар содержится в классе img в свою очередь в котором содержится ссылка, и блок с кнопками для просмотра изображения и комментария. http://imageshack.us/photo/my-images/703/screenshot20120416at112.png Если смотреть через ИЕ developer tool - блок с кнопками навигации перекрыт ссылкой(картинкой). Пробовал решить проблему z-index'о…
0 votes0 answers -
вспомнить тему
некоторое время назад была здесь на форуме тема, в которой объяснялось как можно сверстать двумерную матрицу из блоков таким образом чтобы не смотря на различную высоту блоков не оставалось зазоров между соседними по вертикали блоками. помогите пожалуйста вспомнить её название или пните в нужном направлении интересует только css-решение
0 votes1 answer -
Создание кнопки с двумя ссылками
Хотел создать кнопку на сайте содержащую две ссылки, но почему-то ссылки не выставляются как надо. Код: <div style="background: url(images/stories/topbuttonmenu.jpg) repeat scroll 0% 0% transparent; width: 247px; height: 101px;"><span style="margin: 25px 0pt 0pt 50px; font-size: 1.3em;"><a href="index.php?option=com_content&view=article&id=8&Itemid=8">О сайте</a> <span style="color: #ffff00;"><a href="index.php?option=com_content&view=article&id=10&Itemid=16">Связь с админами</a></span></span></div> Кнопка: 1-я ссылка появляется как ей и положено в левой верхней части кнопки, вторая рядом…
0 votes1 answer -
Горизонтальная прокрутка
Добрый день. У меня следующая проблема. Есть разметка <div class="carousel"> <a href="#"> <img src="some_src"> </a> <a href="#"> <img src="some_src"> </a> <a href="#"> <img src="some_src"> </a> .... </div> и стили к ней .carousel { overflow-x: auto; width: 300px; height: 90px; } .carousel a { display: block; float: left; margin: 3px; } и вместо горизонталсной прокрутки получаю вертикальную прокрутку пробовал также вместо float: left; display: inline-block, не помогло. что дел…
0 votes3 answers -
Подскажите с тегом input
Привет, подскажите как сделать чтобы в поле input текст не отправлялся по нажатию Enter, а переносился на следующею строку? и еще как сделать чтобы поле ввода можно было растягивать?
0 votes2 answers -
Скрипт для миниатюр
дабы сэекономить кучу трафика я ищу скрипт, который из картинки <img> имеющей произвольную высоту и ширину делает определённого размера миниатюру без php это возможно?
0 votes1 answer -
Помогите с решением
http://www.orthoscheb.com Если не трудно, обьясните на словах, как создать развертывающееся меню вверху и подменю (суставы, конечности и т.д). Вдвойне буду благодарен, если будут примеры кода.
0 votes1 answer -
Как сделать контейнер и подложку?
В верстке недавно, подскажите пожалуйста. С левого края окна браузера разместить фон в виде картинки. На том же уровне по горизонтали сделать контейнер центрированный и в нем расположить элементы. Приложил приблизительную схему.
0 votes1 answer -
Подскажите WYSIWIG editor
Подскажите простенький WYSIWIG editor, напр. такой как на форуме, при создании темы.
0 votes0 answers -
Столкнулся с проблемой, как решить?
Здравствуйте! Начну пожалуй с того что я полный профан) знакомый дал мне шаблон с которого я начал лепить сайт. результат собственно вот - http://flexstamp.do.am и так с чем же я столкнулся. Дело в том, что при нажатии на менюшке ссылки обновляется весь фрейм. нельзя ли поместить эту менюшку в отдельный фрейм и так же создать фрейм с контентом, причём так, чтобы при нажатии в менюшке какой-нибудь ссылки в контенте соответственно загружалось то, что мне нужно. так же было бы интересно узнать насколько у меня всё плохо с кодом и как это можно исправить заранее спасибо. п.с. при обновлении страницы почему-то искривляется таблица менюшки
0 votes1 answer -
Вопрос по стандартным макетам
Сгенерировал стандартный макет на http://csstemplater.com/ Похожая структура макета часто встречается у многих вебмастеров, поэтому появился небольшой вопрос по этой теме. Ссылка на страничку Вопрос: 1. Для чего все дивы входят в <div id="wrapper">? Мы же можем создать просто идентификаторы для нужных элементов. То есть у нас же есть шапка, контент, боковая колонка, подвал и все они, как бы правильно это сказать, являются вложенными дивами <div id="wrapper">. 2. Так же <div id="content"> является вложенным для <div id="container">. Для чего это делается? Общий вопрос: Каким образом это все помогает верстать?
0 votes1 answer -
Проблема с SWF (флешь ролика) при верстке, происходит белый скачок
Всем добрый день коллеги, столкнулся с такой проблемой при верстке: При загрузке флешь ролика (.SWF) происходит моргание белым цветом (если не моргнет попробуйте в другом браузере) далее ролик начинает играть. Вот тут вот сама проблема: http://andersstilleben.com/ Сразу отвечу: в ролике белого цвета нет вообще, только черный: #000000 Бит рейт SWF ролика при компиляции 18 кадров, также делал 36 фреймов, проблема не в ролике 100% Проблема наблюдается в бразуерах: Opera, Safari, Chrome и вроде в некоторых IE Код index.html <!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/19…
0 votes2 answers -
Вставить видео
Доброго времени суток! Учусь искусству верстания, тренируясь на макетах, представленных в рубрике "Макеты для начинающих". Столкнулась с такой проблемой. В одном из последних шаблонов есть видео, которое проигрывается через плеер Кинопоиска. Подскажите, как такое же сверстать? Так как я только учусь, объясните плиз как для чайника. Заранее спасибо!
0 votes1 answer -
Не выравниванивается в строку
На сайте vdele.com.ua, в сайдбаре справа, в блоке «тор пользователей» не выравнивается рейтинг (розовые прямоугольники). Подозреваю, что проблема с «float: right;». Если его отключить, то все размещается как надо – на одной строке, только нет выравнивания вправо. А с флоатом – есть выравнивание вправо, но блок «падает» вниз. Кто знает – подскажите, как исправить. Спасибо.
0 votes1 answer -
Размеры сайта
На сайте, когда окно браузера, открыто на всю, все работает вроде норм. Только размер окна изменяется, сайт сразу едет. В чем, может быть, причина? Сам сайт: http://www.tim-profi.ru/
0 votes2 answers -
Одностраничьный сайт, небольшая проблема с навигацией
Доброго времени суток! Столкнулся в плотную с тенденцией одностраничьных сайтов, почитал информацию стал верстать, принцип прост, движение по якорям, однако возникла одна проблема: Сайт состоит из фиксированного меню, и блоков, вся загвоздка в отображении прикрепленного меню если двигаюсь с верху в низ в одном месте закрепляется если с низу верх прохожусь по меню по другому фиксируется. Вот код: HTML код страницы index <!--Блок Навигация--> <?php include('block/rollmenu.php')?> <body> <!--Блок с галереей--> <?php include('block/block_galery.php')?> <!--Блок Продаваемая инфа--> <?php include('modules/block_info.php')?> <!--Бл…
0 votes0 answers -
утеря позиции фона при повторении
Добрый день. Помогите решить. есть код background: url(../img/bg-top.png) no-repeat 2px 0px, url(../img/bg-center.png) no-repeat 0px 200px, url(../img/bg-bot.png) no-repeat 2px 97%; } и все вроде как хорошо, но мне нужно что-бы центральная часть повторялась. и когда я ставлю повторение то она заполняет весь блок а не с позиции в 200px и перекрывает верхнюю и нижнюю картинку. помогите пожалуйста. спасибо
0 votes1 answer -
Браузеры блокируют контент у элементов с классом advert
Всем доброго времени суток! У меня проблема. Есть сверстанная страница . Но браузеры отображают ее только на половину. 80% содержимого от контента попросту не отображается, хотя в коде оно есть. Уверен в том что это происходит из-за слова "advert" в именах классов. Понятное дело что придется переделывать, но тем не менее, может кто то объяснить почему браузеры так реагируют на это слово. Расценивают это как спам или как скрытую рекламу или как что?) Версткой занимаюсь давно, но с таким столкнулся впервые. Заранее благодарен! P.S. Сначала сделал все на локалке, а потом залил на хост и такая свистопляска.
0 votes7 answers -
Как сделать несколько картинок чтобы скролить?!
Ребят подскажите плиз как можно добавить еще картинок вниз чтобы скролить можно было (см. рис.). HTML: <div id="full-width-preview"><!-- start .full-width-preview" --> <div class="full-width-preview-background opacity_9"></div> <div id="full-width-preview-media-holder"> <div class="full-width-preview-media-holder-background opacity_0"></div> <div class="full-width-preview-media-loader"></div><div id="preview-media-holder"> <div id="preview-media-image" data-url="assets/media/portfolio/images/444.png" data-title="" data-alt="…
0 votes0 answers -
Opera next + embed + f5 = crush
Доброго времени суток. Есть проблемка небольшая. http://beavers-net.narod.ru/crush_f5.html Код простой, валидацию проходил - только реклама янды осталась. <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title> f5 - crush prinmer </title> </head> <body style="background: #242; margin: 0 auto; padding:10px ; text-align: center;"> <p> <object data="psme_shindai.mp3"> </object> </p> &…
0 votes0 answers -
как это сделать?
у меня есть вот такая форма с табами http://pixs.ru/showi...978_4966929.jpg как мне сделать так что бы при нажатии на submit вся эта форма скрылась и появился блок об успешной регистрации, который плавно исчезает через 5 секунд или при клике на выход.
0 votes1 answer -
Позиционирование div'а
Здравствуйте! Я только начал изучать web дизайн, это мой первый проект. у меня такая проблема: div коряво располагается в доступном пространстве. код html <td id="notesline" colspan=3> <div id="fullnotes"> <div class="note"> <div class="oldnotetext"><a href=#>Какой-нибудь текст</a></div> </div> <div class="note"> <div class="oldnotetext"><a href=#>Текст</a></div> </div> <div class="note"> <div class="midnotetext"><a href=#>Текст</a></div> </div> <div class="note"> <div class="newnotetext"><a href=#>Какой-ниб…
0 votes1 answer -
Увеличение шрифта + проблема с таблицей
Всем привет! Сделал таблицу и на первую колонку повесил стиль, который при наведении курсором на ячейку в первой колонке увеличивает её шрифт на 1 пиксель (font-size:12px), а если курсор убрать, то шрифт снова становится 11px. Выглядит это симпатично, но хотелось бы закрепить ширину колонок (<td width="30px"> не спасает), т.к. на некоторые ячейки навожу курсор и вместе с увеличением шрифта начинают "ездить" границы внутри таблицы (ширина). Подскажите в какую сторону покопать, чтобы только текст увеличивался в ячейке, а границы ячейки оставались неизменными?
0 votes2 answers