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
-
проблемы адаптивной верстки
Здравствуйте. Проблема в следующем: идет разработка на twiter bootstrap и необходимо позиционировать элемент(div child3) справа внизу. И если установить его справа можно свойством pull-right, то как установить его снизу, не потеряв при этом адаптивность. P.S. схема на рисунке
0 votes1 answer -
Выровнять текст по центру экрана
Подскажите как выровнять текст, который сейчас по середине экрана (текст может быть различной длины) http://cardterapia.ru/step1 чтобы он всегда был в центре в независимости от размера экрана
0 votes9 answers -
float:left
У меня выводится 4 изображения в горизонтальном порядке и до бесконечности в вертикальном. CSS: #img { float: left; width: 200px; height: 150px; margin: 10px; } HTML: <a href='view.php?id=$mass[id]'><img src='traffic/$mass[url]' id='img'/></a> Мне надо, чтобы под каждым изображением выводилось ещё одно значение, допустим текст Привет (позже вставлю переменную), как реализовать? Делаю таблицей у меня всё сползает или отображает только три изображения, прошу вашей помощи.
0 votes1 answer -
IE7 проблема с футером, табы
Здравствуйте. Не могу никак решить проблему с футером на этой странице - http://hunt.su/product/brjuki-deerhunter-selous-safari-3604-024/ в IE7 он поднимается вверх. В общем почему-то слой wrapper не видит внутри себя других блоков, поэтому футер и поднимается. Обычно я боролся с этим добавляя в конец clear: both, но почему-то не помогает. Пытался еще overflow: hidden добавить wrapper, но это тоже не решает проблемы. Причем проблема только на этой странице, на других, где нет ТАБов, все хорошо, может в них проблема. Заранее всем спасибо.
0 votes1 answer -
Подскажите как сверстать этот слайдер новостей
Вот картинка как реализовать тени?? Дайте ссылки на такие примеры Где взять JS сценарий прокрутки slidera в браузере нажмите CTRL+0 два раза такого увеличения хватит для нормального просмотра картинки Нужно сделать 1. Скругленные углы у блоков 2. Тени на границах блоков 3. Тень под блоками по нижней границе 4. И как оживить слайдер на javascript Для меня задачка не тривиальна, я еще начинающий верстальщик, дайте ссылки с примерами подобного, или напишите код на jsfiddle.com
0 votes1 answer -
Валидность кода. Предупреждение
Анализатор выдаёт 1 предупреждение, но не могу понять, о чём именно предупреждает: http://validator.w3.org/check?uri=http%3A%2F%2Fdh-art.ru%2Findex.php
0 votes7 answers -
подскажите как заставить блоки располагаться в одну строку
Здравствуйте! Возникла такая проблема. У меня в шапке сайта несколько блоков: лого, затем автарка, затем Имя+Баллы, кнопка "Моя страница", кнопка "Мой профиль" и ссылка "Контакты". При минимальном разрешении (меняю ширину браузера) кнопки "Моя страница" и "Мой профиль" съезжают вниз. То есть получается 2 строки. Вот как сделать, чтобы запретить перенос на новую строку? Код ниже: <div class="row"> <div style="padding-top:3em; padding-bottom: 4em;"> <div class="threecol"> <a href="/"><div class="logo"></div></a> </div> <div class="sevencol"> <div style="margin-left: 18px; float: left;"> <div style="width:36p…
0 votes1 answer -
firefox 19 баг?
Короче сразу пример: http://jsfiddle.net/LQMKA/ Фиксированный блок частично спрятанный за краем браузера и выдвигающийся на время. При позиционировании блок встает как надо, но при начале анимации отсчет ведется не от скролла, а от края, то есть игнорируется скролл. В ff 18 и более ранних все было норм. Вот пытаюсь понять баг браузера или нет?
0 votes0 answers -
падинги для спана
http://jsfiddle.net/AYxAw/ в общем суть такова... Как сделать боковые отступы фона от крайних символов? То есть по краям где символы фон сделать по дальше... Блоковым делать его нельзя, он должен быть лайновым, чтоб был эффект перехода строк.
0 votes6 answers -
Ресурсоёмкость верстки
Доброго времени суток форумчане и гуру вёрстки! Я любитель и вёрстку делаю для себя часто, просто потому что хочется! Каждый раз задумываюсь о используемых ресурсах, но вопреки этому дизайнеры в PSD макетах используют такие элементы, которые если заменять, чтобы уменьшить трафик, то дизайн изменяется до неузнаваемости, а если оставлять, то странички чрез чур много требуют трафика. Как быть с такой проблемой?
0 votes4 answers -
Выбор js или сss+html
Собственно все мы знаем как выровнять по вертикале одно строчный текст с помощью line-height: высота блока родителя. Но если высота измениться то надо и меня line-height, оговорюсь сразу: мною движет лень. Я В общем стараюсь придерживаться принципа если можно сделать с помощью html+css то делаем так(В общем с внедрением css3 и html5 прибегать к отказу от js стал чаще).Так вот вопрос что было бы лучше использовать в этом случае http://jsfiddle.net/F89Cd/ .
0 votes2 answers -
Резиновый шрифт
Здравствуйте! Такая проблема: Делаю адаптивный сайт, использую Firefox, а проверяю просто уменьшением окна браузера. Перейдя по ссылки, вы сможете увидеть надпись вверху, и если у вас разрешение меньше 1920*1200, наверняка надпись перейдет на вторую строку, закроя тем самым ссылки. Размер шрифта в процентах, да и вообще я считаю, что все надо делать в процентах. Главное не понимаю, почему, если он в процентах, плохо отображается на других экранах. Может есть какое-то средство, чтобы не создавалась новая строка? Как видете игрался с max-height, не помогает. А заодну еще вопрос задам: почему у меня на телефоне HTC Incredible S простой шрифт идет, а не тот который я установи…
0 votes6 answers -
нужна помощь по абсолютному центрированию слоя
Ребят, помогите, пожалуйста, по верстке немного. То ли я уже заработалась, то ли еще что-то. Вещь вроде несложная, но никак не рожается. <!DOCTYPE html> <html> <head> <style type="text/css"> #sloy4{ top: 50px; width: 900px; height:50px; background:red; position: absolute; left: 50%; margin-left: -450px; } </style> </head> <body> <div id="sloy4">wertwert</div> </body> </html> слой красного цвета ширины в 900 пикселей появляется как надо. НО, когда я окно браузера сужаю влево, то появляется полоса прокрутки. Как сделать так, чтобы слой в любом случае оставался по середине страницы, а полоса прокрутки не появл…
0 votes18 answers -
Размер и положениен окна браузера
Всем привет Возник вопрос как можно при нажатии на ссылку "href" вызвать новое окно браузера (например IE или FireFox), задать его размеры и положение на экране монитора. Спасибо за ответы.
0 votes1 answer -
display: none и поисковый робот
Здравствуйте. На сайте имеется некоторый блок (div) в который рандомно выводится текст из базы mysql посредством php-запросов. Так как тексты для базы данных не готовы, там пока что выводится "рыба" (типа: текст1... бла-бла-бла.. и тд.) Для того чтобы не смущать посетителей сайта решили этот блок временно скрыть, установив в css-свойствах этого блока display: none. Вопрос. С точки зрения поисковых роботов не будет ли это считаться как нарушение? Я где-то читал, что на сайте не должно быть текстовой информации невидимой посетителю, но видимой для роботов, например, белый текст на белом фоне, и за такие приемы сильно "наказывают". Не будет ли такой прием (display: none) рас…
0 votes16 answers -
Z index IE 7-8
Здравствуйте. Возникла проблема адаптации z-index для ИЕ 7-8, никак не получается спрятать тень под блок, здесь пример http://jsfiddle.net/Ebzvt/ , изначально пробовал сделать через псевдоселекторы :before, но почитал что для него z-index вообще проблема сделать поэтому заменил на span, но так тоже не получается. Помогите пожалуйста. Спасибо
0 votes2 answers -
Помогите выровнять по центру экрана
Всем привет. Помогите выровнять данный код так что бы был по серердине экрана А то что то я не как не пойму как сделать выравнивание по сеерине как высоты так и ширины Буду очень благодарен за помощь <body> <table border="0" cellspacing="5" cellpadding="5"> <tr> <tr> <td> <div id="map" style="width: 800px; height: 600px"></div> <div id="res"></div> </td> <td valign="top"> <ul id="menu"> <li><a href="#" id="bar" onclick="show_c('bar'); return false;">Бар</a></li> <li><a href="#" id="restaurant" onclick="show_c('restauraunt'); return false;…
0 votes1 answer -
fancyBox промотка контента
Использую Inline, открывается окно с контентом, так вот. Проблема в чем, как проматывать контент (текст, картинки и т.д.), чтобы была навигация, вызов модального окна происходит по ссылке, на странице они есть соответственно у каждой свой контент. Т.е. как при промотке картинок, но только "крутить" контент (текст, картинки и т.д.).
0 votes0 answers -
Вопрос по построению сайта
Всем привет! Начал изучать html\css около двух месяцев назад, и вот подвернулась возможность сверстать простенький сайт-визитку (черновик здесь: http://corneleo.ho.ua/smart/smart.html). Собственно, там не заполнен подвал, не завершена работа с кнопками в шапке, но в целом, сверстать то_что_нужно получилось! Было бы очень круто получить от завсегдатаев критику кода, но у меня есть и конкретный вопрос. Подразумевается, что по каждой из трех кнопок будет загружаться большая картинка и текст справа от нее. Понятно, что можно сделать для каждой веб-странички свои html и css - файлы, но чувствуется, что должен быть способ пооптимальнее. Читаю здесь на хтмлбуке про SSI, но что-…
0 votes2 answers -
Подскажите пожалуйста, почему на планшете вёрстка едет
Доброго времени суток. Помогите пожалуйста, люди знающие. Вот здесь http://licvid.4programmer.org.ua в верхнем меню все пункты отображаются нормально. Но если зайти с Android устройства - почему-то последний пункт уезжает вниз. Подскажите, почему и оч.желательно, что с этим делать) Заранее спасибо за ответ=)
0 votes1 answer -
position:fixed
как сделать чтобы ,,logo'', с position:fixed не просвечивал другие элементы со страницы, (opacity - не помогает.) ? заранее спасибо!
0 votes2 answers -
Пожалуйста подскажите
Подскажите, пожалуйста, как сделать переход внутри страницы, т.е. без перехода на другую страницы с помощью закладок. (например как в шапке на сате http://htmlbook.ru/). Т.е. я могу выбрать "Основное", "HTML", "CSS", "Сайт", при этом ниже меняется список, а основное наполнение сайта не меняется. Что за теги, каким свойством css это можно сделать? Заранее спасибо!
0 votes6 answers -
Проблема с text-shadow
Здравствуйте, возникла проблема при верстке необходимо указать белый text-shadow. Сам блок с текстом лежит поверх фоновой картинки. Без указания блоку какого-либо background белая тень не видна. При этом любой другой цвет выводится великоепно без background. Сайт forum.fsdusshor.ru белый text-shadow необходим для верхних телефонов. box-shadow не предлагать есть какие-нибудь решения ?
0 votes1 answer -
Помогите с проблемой, появляется пунктирная линия под картинкой.
Я новичок, сейчас делаю сайт, собственно вот он: _http://personaastro.ru и проблема в отображении на главной странице активных ссылок в виде картинок. Под этими картинками в некоторых браузерах, а именно в firefox и opera, появляется пунктирная линия. По другим форумам мне не могут дать ответ, советуют параметны img src выставить 0 и none, уже выставляли и в коде css, и на странице, не помогает.. вот текущий скрипт: <acronym title="/ov-tod.html" style="/aries.png" width="Телец"> <a href="/tel-tod.html"><img src="taurus.png" width="Близнецы"> <a href="/bli-tod.html"><img src="/gemini.png" width="Рак"> <a href="/rak-tod.html"><img src…
0 votes9 answers -
HTML5 SVG грфика и анимация
Люди подскажите пожалуйста,создал хтмл график и анимировал его но проблема, сам график черного цвета в анимации я хотел показывать путь выполнения заменяя цвет на зеленый по нажатию кнопки, но проблема при запуске страници цвет сразу заменяется на зеленый. подскажите пожалуйста что можно сделать? вот анимация отдельного блока для овала и линии <rect x="100" y="80" width="140" height="40" rx="60" ry="25" style="stroke: green; fill: white" ; stroke-width="1.5" fill="slategrey"> <animate attributeName="height" from="0" to="40" begin="button.click" dur="1s"/> </rect> <line x1="120" y1="150" x2="250" y2="150" stroke="green" stroke-width="1.5" > <…
0 votes10 answers