HTML Coding

29542 questions in this forum

1. проблемы адаптивной верстки

   Здравствуйте. Проблема в следующем: идет разработка на twiter bootstrap и необходимо позиционировать элемент(div child3) справа внизу. И если установить его справа можно свойством pull-right, то как установить его снизу, не потеряв при этом адаптивность. P.S. схема на рисунке

   Asked by loginz, March 5, 2013

   0 votes
   1 answer
2. Выровнять текст по центру экрана

   Подскажите как выровнять текст, который сейчас по середине экрана (текст может быть различной длины) http://cardterapia.ru/step1 чтобы он всегда был в центре в независимости от размера экрана

   Asked by smirn0ff, March 5, 2013

   0 votes
   9 answers
3. 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> Мне надо, чтобы под каждым изображением выводилось ещё одно значение, допустим текст Привет (позже вставлю переменную), как реализовать? Делаю таблицей у меня всё сползает или отображает только три изображения, прошу вашей помощи.

   Asked by epog333, March 5, 2013

   0 votes
   1 answer
4. IE7 проблема с футером, табы

   Здравствуйте. Не могу никак решить проблему с футером на этой странице - http://hunt.su/product/brjuki-deerhunter-selous-safari-3604-024/ в IE7 он поднимается вверх. В общем почему-то слой wrapper не видит внутри себя других блоков, поэтому футер и поднимается. Обычно я боролся с этим добавляя в конец clear: both, но почему-то не помогает. Пытался еще overflow: hidden добавить wrapper, но это тоже не решает проблемы. Причем проблема только на этой странице, на других, где нет ТАБов, все хорошо, может в них проблема. Заранее всем спасибо.

   Asked by vlasenkov, March 5, 2013

   0 votes
   1 answer
5. Подскажите как сверстать этот слайдер новостей

   Вот картинка как реализовать тени?? Дайте ссылки на такие примеры Где взять JS сценарий прокрутки slidera в браузере нажмите CTRL+0 два раза такого увеличения хватит для нормального просмотра картинки Нужно сделать 1. Скругленные углы у блоков 2. Тени на границах блоков 3. Тень под блоками по нижней границе 4. И как оживить слайдер на javascript Для меня задачка не тривиальна, я еще начинающий верстальщик, дайте ссылки с примерами подобного, или напишите код на jsfiddle.com

   Asked by ilyas, March 6, 2013

   0 votes
   1 answer
6. Валидность кода. Предупреждение

   Анализатор выдаёт 1 предупреждение, но не могу понять, о чём именно предупреждает: http://validator.w3.org/check?uri=http%3A%2F%2Fdh-art.ru%2Findex.php

   Asked by maritca, March 7, 2013

   0 votes
   7 answers
7. подскажите как заставить блоки располагаться в одну строку

   Здравствуйте! Возникла такая проблема. У меня в шапке сайта несколько блоков: лого, затем автарка, затем Имя+Баллы, кнопка "Моя страница", кнопка "Мой профиль" и ссылка "Контакты". При минимальном разрешении (меняю ширину браузера) кнопки "Моя страница" и "Мой профиль" съезжают вниз. То есть получается 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…

   Asked by mrak, March 7, 2013

   • html
   • css
   0 votes
   1 answer
8. firefox 19 баг?

   Короче сразу пример: http://jsfiddle.net/LQMKA/ Фиксированный блок частично спрятанный за краем браузера и выдвигающийся на время. При позиционировании блок встает как надо, но при начале анимации отсчет ведется не от скролла, а от края, то есть игнорируется скролл. В ff 18 и более ранних все было норм. Вот пытаюсь понять баг браузера или нет?

   Asked by wwt, March 12, 2013

   0 votes
   0 answers
9. падинги для спана

   http://jsfiddle.net/AYxAw/ в общем суть такова... Как сделать боковые отступы фона от крайних символов? То есть по краям где символы фон сделать по дальше... Блоковым делать его нельзя, он должен быть лайновым, чтоб был эффект перехода строк.

   Asked by vladmih, March 12, 2013

   0 votes
   6 answers
10. Ресурсоёмкость верстки

    Доброго времени суток форумчане и гуру вёрстки! Я любитель и вёрстку делаю для себя часто, просто потому что хочется! Каждый раз задумываюсь о используемых ресурсах, но вопреки этому дизайнеры в PSD макетах используют такие элементы, которые если заменять, чтобы уменьшить трафик, то дизайн изменяется до неузнаваемости, а если оставлять, то странички чрез чур много требуют трафика. Как быть с такой проблемой?

    Asked by ohinem, March 11, 2013

    0 votes
    4 answers
11. Выбор js или сss+html

    Собственно все мы знаем как выровнять по вертикале одно строчный текст с помощью line-height: высота блока родителя. Но если высота измениться то надо и меня line-height, оговорюсь сразу: мною движет лень. Я В общем стараюсь придерживаться принципа если можно сделать с помощью html+css то делаем так(В общем с внедрением css3 и html5 прибегать к отказу от js стал чаще).Так вот вопрос что было бы лучше использовать в этом случае http://jsfiddle.net/F89Cd/ .

    Asked by dmitriydrachov, March 11, 2013

    • js
    • выравнивание
    • vertical-align
    • html+css
    0 votes
    2 answers
12. Резиновый шрифт

    Здравствуйте! Такая проблема: Делаю адаптивный сайт, использую Firefox, а проверяю просто уменьшением окна браузера. Перейдя по ссылки, вы сможете увидеть надпись вверху, и если у вас разрешение меньше 1920*1200, наверняка надпись перейдет на вторую строку, закроя тем самым ссылки. Размер шрифта в процентах, да и вообще я считаю, что все надо делать в процентах. Главное не понимаю, почему, если он в процентах, плохо отображается на других экранах. Может есть какое-то средство, чтобы не создавалась новая строка? Как видете игрался с max-height, не помогает. А заодну еще вопрос задам: почему у меня на телефоне HTC Incredible S простой шрифт идет, а не тот который я установи…

    Asked by Michael Myers, March 12, 2013

    0 votes
    6 answers
13. нужна помощь по абсолютному центрированию слоя

    Ребят, помогите, пожалуйста, по верстке немного. То ли я уже заработалась, то ли еще что-то. Вещь вроде несложная, но никак не рожается. <!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 пикселей появляется как надо. НО, когда я окно браузера сужаю влево, то появляется полоса прокрутки. Как сделать так, чтобы слой в любом случае оставался по середине страницы, а полоса прокрутки не появл…

    Asked by Marishkas, March 13, 2013

    0 votes
    18 answers
14. Размер и положениен окна браузера

    Всем привет Возник вопрос как можно при нажатии на ссылку "href" вызвать новое окно браузера (например IE или FireFox), задать его размеры и положение на экране монитора. Спасибо за ответы.

    Asked by JohnChaban, March 13, 2013

    0 votes
    1 answer
15. display: none и поисковый робот

    Здравствуйте. На сайте имеется некоторый блок (div) в который рандомно выводится текст из базы mysql посредством php-запросов. Так как тексты для базы данных не готовы, там пока что выводится "рыба" (типа: текст1... бла-бла-бла.. и тд.) Для того чтобы не смущать посетителей сайта решили этот блок временно скрыть, установив в css-свойствах этого блока display: none. Вопрос. С точки зрения поисковых роботов не будет ли это считаться как нарушение? Я где-то читал, что на сайте не должно быть текстовой информации невидимой посетителю, но видимой для роботов, например, белый текст на белом фоне, и за такие приемы сильно "наказывают". Не будет ли такой прием (display: none) рас…

    Asked by dmifed, March 13, 2013

    0 votes
    16 answers
16. Z index IE 7-8

    Здравствуйте. Возникла проблема адаптации z-index для ИЕ 7-8, никак не получается спрятать тень под блок, здесь пример http://jsfiddle.net/Ebzvt/ , изначально пробовал сделать через псевдоселекторы :before, но почитал что для него z-index вообще проблема сделать поэтому заменил на span, но так тоже не получается. Помогите пожалуйста. Спасибо

    Asked by Kuzyo, March 14, 2013

    0 votes
    2 answers
17. Помогите выровнять по центру экрана

    Всем привет. Помогите выровнять данный код так что бы был по серердине экрана А то что то я не как не пойму как сделать выравнивание по сеерине как высоты так и ширины Буду очень благодарен за помощь <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;…

    Asked by Chekist, March 19, 2013

    0 votes
    1 answer
18. fancyBox промотка контента

    Использую Inline, открывается окно с контентом, так вот. Проблема в чем, как проматывать контент (текст, картинки и т.д.), чтобы была навигация, вызов модального окна происходит по ссылке, на странице они есть соответственно у каждой свой контент. Т.е. как при промотке картинок, но только "крутить" контент (текст, картинки и т.д.).

    Asked by okunev2, March 15, 2013

    0 votes
    0 answers
19. Вопрос по построению сайта

    Всем привет! Начал изучать html\css около двух месяцев назад, и вот подвернулась возможность сверстать простенький сайт-визитку (черновик здесь: http://corneleo.ho.ua/smart/smart.html). Собственно, там не заполнен подвал, не завершена работа с кнопками в шапке, но в целом, сверстать то_что_нужно получилось! Было бы очень круто получить от завсегдатаев критику кода, но у меня есть и конкретный вопрос. Подразумевается, что по каждой из трех кнопок будет загружаться большая картинка и текст справа от нее. Понятно, что можно сделать для каждой веб-странички свои html и css - файлы, но чувствуется, что должен быть способ пооптимальнее. Читаю здесь на хтмлбуке про SSI, но что-…

    Asked by vilis, March 13, 2013

    0 votes
    2 answers
20. Подскажите пожалуйста, почему на планшете вёрстка едет

    Доброго времени суток. Помогите пожалуйста, люди знающие. Вот здесь http://licvid.4programmer.org.ua в верхнем меню все пункты отображаются нормально. Но если зайти с Android устройства - почему-то последний пункт уезжает вниз. Подскажите, почему и оч.желательно, что с этим делать) Заранее спасибо за ответ=)

    Asked by froosty, March 13, 2013

    • вёрстка
    0 votes
    1 answer
21. position:fixed

    как сделать чтобы ,,logo'', с position:fixed не просвечивал другие элементы со страницы, (opacity - не помогает.) ? заранее спасибо!

    Asked by andrew514, March 14, 2013

    0 votes
    2 answers
22. Пожалуйста подскажите

    Подскажите, пожалуйста, как сделать переход внутри страницы, т.е. без перехода на другую страницы с помощью закладок. (например как в шапке на сате http://htmlbook.ru/). Т.е. я могу выбрать "Основное", "HTML", "CSS", "Сайт", при этом ниже меняется список, а основное наполнение сайта не меняется. Что за теги, каким свойством css это можно сделать? Заранее спасибо!

    Asked by igorilo, March 14, 2013

    • переход
    • закладки
    0 votes
    6 answers
23. Проблема с text-shadow

    Здравствуйте, возникла проблема при верстке необходимо указать белый text-shadow. Сам блок с текстом лежит поверх фоновой картинки. Без указания блоку какого-либо background белая тень не видна. При этом любой другой цвет выводится великоепно без background. Сайт forum.fsdusshor.ru белый text-shadow необходим для верхних телефонов. box-shadow не предлагать есть какие-нибудь решения ?

    Asked by henry007rta, March 14, 2013

    0 votes
    1 answer
24. Помогите с проблемой, появляется пунктирная линия под картинкой.

    Я новичок, сейчас делаю сайт, собственно вот он: _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…

    Asked by ilia, March 14, 2013

    0 votes
    9 answers
25. 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" > &lt…

    Asked by Гиф, March 14, 2013

    0 votes
    10 answers