HTML Coding

29,542 questions in this forum

1. Вопрос по построению сайта

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

   Asked by vilis, March 13, 2013

   0 votes
   2 answers
2. Проблема с вертикальным отступом текстового блока

   Здравствуйте. Я начал изучать HTML/CSS с верстки по PSD-макетам. И столкнулся со следующей проблемой: допустим у меня есть текст, который расположен ниже предыдущего объекта на некотором расстоянии, я не пойму как мне измерить этот отступ. Кегль равет 12pt (как удалось мне узнать он включает заплечики и высоту самой буквы), я измеряю расстояние (делаю это в Photoshop - 72dpi) в пикселях, от нижней части объекта до верхней части заглавной буквы не учитывая заплечико(потому что я не знаю чему оно равно). Вопрос в следующем, если какая то пропорция для размера шрифта и размера заплечика или как поступать с этим отступом?

   Asked by red4pony, April 9, 2013

   • шрифт отступ
   0 votes
   5 answers
3. jQuery grayscale

   Использую на сайте данный скрипт https://github.com/josefrichter/jquery-grayscale Картинки у меня jpg. Проблема в том что при загрузке страницы, все равно "моргают" цветным фото, а иногда вообще не видно их. После втрой загрузки страницы более или менее работает. На медленно интернете вообще проблема. Куда копать? Может есть другие решения? Спрайт из картинок не предлагать, это вариант не подходит. Буду очень благодарен за пинок в нужном направлении.

   Asked by okunev2, April 3, 2013

   0 votes
   22 answers
4. Не вмещается меню

   Добрый день, уважаемые участники форума. Очень прошу Вас подсказать, как быть. Есть сайт на друпале седьмом. Проблема в том, что в левой колонке меню, где написано "Сыбайлас жемкорлыкка", там есть продолжение этой фразы, но к сожалению оно не вмещается. Прошу, подскажите как это исправить?

   Asked by danru, April 9, 2013

   0 votes
   3 answers
5. выделение tr

   Подскажите пожалуйста, имеется таблицы пускай стандартная <table class="table"> <tr> <td>1</td> <td>2</td> <td class="red">3</td> </tr> <tr> <td>1</td> <td>2</td> <td class="red">3</td> </tr> <tr> <td>1</td> <td>2</td> <td class="red">3</td> </tr> </table> .table tr:hover{ background-color:#00ff00; } .red{ background-color:#ff0000; } Вот при наведении на ряд, окрашивается ряд, кроме ячейки с классом red. Как реализовать чтоб он тоже окрашивался?

   Asked by darlov, April 8, 2013

   0 votes
   3 answers
6. не работает слайдер

   помогите пожалуйста понять почему не работает слайдер. проблема в частности в том, что слайды не прокручиваются через определённый интервал времени и стрелки туда-сюда не действуют он сделан средствами twitter bootstrap, аналогично этому и этому

   Asked by cyklop77, April 9, 2013

   0 votes
   2 answers
7. Помогите начинающему:)

   Ребятки, нужна ваша помощь. Хочу стать верстальщиком. Посоветуйте с чего начать лучше, книги какие почитать, полезные сайты.Спасибо

   Asked by YourDeath, April 8, 2013

   0 votes
   2 answers
8. Как сузить border, чтобы не поломать сочленение с wrapper?

   Здравствуйте. На сайте футеру(тэгу #footer) была дана верхняя граница в виде двойной полосы. Она получалась шире аналогичной полосы выше. Как сделать границу(бордюр) шириной в тело футера (т.е. за вычетом его margin, ширины горизонтального border, padding)? Благодарю P.S.Сделал как требуется за счет границы у .moduletable и позиционирования соседних тегов. Но вопрос оставляю, вдруг понадобится.

   Asked by borus, April 6, 2013

   0 votes
   1 answer
9. Проблема с наложениями div-ов

   Нужна помощь! Хочу сделать так, чтобы div при наведении заменяется div-ом c контентом. например вот: картинка фотошоп 200х200, когда на нее наводишь, то появляется описание программы и ссылка скачать на сером фоне тоже 200х200. Буду благодарен за помощь! Над проблемой бьюсь уже 2 дня вот код: <style> .content { visibility: hidden; } .content { background-color: gray; color: white; height: 200px; width: 200px; margin-top: -200px; } .b { background-image: url(images/phs.jpg); width: 200px; height: 200px; } .b:hover + .content { visibility: visible; } </style> </head> <body> <div class="b"&g…

   Asked by Zontik24, April 7, 2013

   0 votes
   1 answer
10. как отловить странички с помощью PHP

    Есть вот такой код: <?php if(($_SERVER['REQUEST_URI'] == "/ggame")||($_SERVER['REQUEST_URI'] == "/ggame/")||($_SERVER['REQUEST_URI'] == "/ggame/page/1/")) { echo <<<HERE тут необходимые действия HERE; } ?> В примере код срабатывает для первой странички раздела "Игры". Скажите пожалуйста, как можно без перебора вариантов отобрать сразу целый раздел? То есть, если страничек будет 10 или 20 перебирать очень долго. Есть ли какое-то решение?

    Asked by alleclf, April 9, 2013

    0 votes
    3 answers
11. Вертикальное меню

    Доброго времени суток! есть такая проблема - в вертикальном меню "аккордеон" все время открыт первый пункт... к огромному сожалению это совсем ни к чему, во всяком случае на всех страницах. Как открыть нужные подпункты там где надо, я уже разобрался, а вот как закрыть этот первый пункт не знаю... облазил все... Как все это дело выглядит можно посмотреть тут: http://perfectionstudio.ru/palve/index.html, если надо напишу сюда все коды..) Буду очень-очень благодарен за помощь!

    Asked by mikhelevich, April 3, 2013

    • каталог продукции
    • меню
    • список
    0 votes
    2 answers
12. Как сделать профиль?

    Помогите пожалуйста!!! У меня возник вопрос: Как сделать так, что бы когда человек авторизовался, исчезали пункты меню "Регистрация" и "Вход", и появлялся пункт "Профиль", но при этом что бы профиль был у каждого с разной информацией? Заранее спасибо!

    Asked by mur444, April 8, 2013

    • профиль как
    0 votes
    4 answers
13. Создание каркаса сайта, невидимый footer

    Я только начал глубже погружаться в тему CSS и на своем пути сталкиваюсь с разными проблемами. Некоторые удается решить быстро. Для себя сделал вывод, что нужно изучать построения сайта с способов позиционирования и обтекания. Конкретно по теме, мне не совсем понятны выражения "абсолютно позиционирован" или "положение элемента устанавливается относительно его исходного места", из-за этого я не могу понять как мне сделать чтобы подвал был виден, или например колонка слева сдвигалась до конца вместе с сайдбаром, если в нем текста больше. http://prodpak.ru

    Asked by Delat, April 7, 2013

    0 votes
    7 answers
14. Обрезать строку в ячейке таблицы

    Добрый вечер. Подскажите, пожалуйста, как обрезать строку в ячейке таблицы? Пробовал делать с помощью text-overflow: clip и overflow: hidden, но таблица растягивается и никакого обрезания, конечно же, не происходит. Вот код таблицы (прошу не пинать за указание ширины прямо в HTML): <table class="logs_list"> <tr> <td style="width: 20%">IP</td> <td style="width: 10%">Время</td> <td style="width: 5%">Запрос</td> <td style="width: 60%;">Страница</td> <td style="width: 5%">Ответ</td> </tr> <tr> <td>140.206.155.127</td> <td>00:54:00</td> <td>GET&lt…

    Asked by AlmazDelDiablo, April 7, 2013

    0 votes
    4 answers
15. Инжект iframe слева от страницы

    Пытаюсь решить такую задачу. Нужно динамически, средствами JS вставить в загруженную страницу iframe, таким образом, чтобы вся страница сместилась вправо относительно добавленного iframe. Я так понимаю, нужно правильно настроить у добавляемого iframe стили, но к сожалению, я не силен в CSS. Вот собственно в этом и вопрос, какие стили мне установить для добавляемого фрейма, для решения такой задачи. Своими силами решить не получается, надеюсь на помощь, заранее спасибо.

    Asked by yakovchuck@gmail.com, April 8, 2013

    • iframe CSS
    0 votes
    4 answers
16. Вставка ссылки с SVG-объекта

    Добрый день. Объявлен объект: <object data="images/software.svg" type="image/svg+xml">Ваш браузер не может отображать SVG-изображения.</object> Надо сделать с него ссылку. Оборачивание в <a href></a> не помогает. Помогите, пожалуйста.

    Asked by buggy, April 8, 2013

    • svg
    0 votes
    0 answers
17. внутренняя тень от углов

    http://itmages.ru/image/view/974699/d41d8cd9 првиетствую всех. есть такой вот фон, это фон body, т.е. при большей высоте темные углы вниз опускаются. стандартными стредствами inset не могу никак решить. у кого есть советы?

    Asked by Fate-ol, April 8, 2013

    • внутренняя тень
    0 votes
    2 answers
18. div верстка меню (в линию таблицей)

    Добрый вечер! Не забрасывайте яблоками, верстаю впервые по самоучителю. Столкнулся со следующей проблемой: пытаюсь сделать меню в хедере над основным контентом. Сайт верстаю в html из под css (я правильно выразился? В html у меня записано следующее: <div id="header"> <div id="logo"> <a href="/"><img src="img/logo.png" class="iePNG" alt="Сайт" /></a> </div> <div id="gor-menu"> <ul> <li><a href="">Главная</a></li> <li><a href="">О нас</a></li> <li><a href="">Услуги</a></li> <li><a href="">Отзывы</a></li&g…

    Asked by Sotnya, April 6, 2013

    • div
    0 votes
    6 answers
19. Прижать элемент с float книзу блока

    Подскажите. Вопрос новичка. Догадываюсь, что наверняка так сделать нельзя. Если у элемента (картинка) есть float: right/left. Его можно прижать к нижней границе блока-родителя? Вот таким образом - http://itmag.es/3Jzv Нужно разместить ее в нижнем правом углу контейнера.

    Asked by aaron, April 6, 2013

    • float
    • позиционирование
    0 votes
    3 answers
20. Размеры внешнего блока в зависимости от внутреннего

    Здравствуйте, есть такая проблема. Есть блок основного контента, в нем я делаю блок которым я хочу выровнять по центру то что будет в нем, в общем вот: <div class="mainContent"> <div class="Menu"> <div class="punkt1"></div> <div class="punkt2"></div> <div class="punkt3"></div> </div> </div> Блоки punkt располагаются горизонтально и в зависимости от того сколько их, блок Menu должен принимать их общую ширину и выравнивать их(margin:0 auto;) по центру блока mainContent. Но блок Menu растягивается на 100% по ширине и никак вообще по высоте(я не прописываю ничего, так по умолчанию), хотя в н…

    Asked by Dolce, April 6, 2013

    0 votes
    4 answers
21. Вывод форм комментариев Вконтакте \ Facebook по клику.

    Здравствуйте, я тренируюсь в верстке и столкнулся с такой проблемой, как реализовать то, что на скрине? То есть если мы нажимает на "вконтакте", то видимо форму комментов контакта, если на "Facebook", то форму Facebooka. Интересуют конкретно эти кнопочки, вставлять код комментариев я умею, а вот сделать такие кнопочки прошу помощи у вас, подскажите пожалуйста?

    Asked by Inf1n1tI, April 2, 2013

    0 votes
    10 answers
22. Сделать ссылку кликабельной на весь блок

    Подскажите, пожалуйста. Есть такой код - http://jsfiddle.net/...tPCz8CJv/fVzqm/ Половину дела сделал, а на вторую не хватает знаний. Что-то крутится вокруг да около, а в итоге - не выходит. нужно сместить текст к правому краю, но чтобы выравнивание самого текста осталось как есть. и сделать кликабельным все пространство блока h1. то есть - на все пространство фонового изображения (логотипа). сейчас такая картина есть - http://itmages.ru/im...972659/d41d8cd9

    Asked by aaron, April 6, 2013

    0 votes
    9 answers
23. Вырезать полупрозрачный логотип из psd-макета

    Подскажите, как вырезать логотип (два кружочка и надпись Creative Studio), чтобы сохранить полупрозрачность желтого круга. Слой с текстом я могу убрать, конечно, в этом трудности нет никакой. А вот с полупрозрачностью - проблема. Не могу понять, как это сделать? Макет такой: https://www.dropbox....dio-minimal.psd И попутный вопрос. Хочу уточнить для себя. Для правильной, грамотной верстки текст на логотипе, центральной картинке - должен оформляться через код. Это касается не только этого макета, но и в общем. Я правильно понимаю?

    Asked by aaron, April 5, 2013

    • psd
    • верстка
    0 votes
    10 answers
24. пару проблем

    вот что я сверстал http://auto.com.preview.ihc.ru/ такие вопросы: 1.как сделать, чтобы при 110% текст не убегал? 2. кнопка "заполнить опросный лист" как сделать, чтобы при hover эта картинка заменялась на другую, например такого же размера, только другого цвета ну и какие еще замечания?

    Asked by kl09, April 6, 2013

    0 votes
    3 answers
25. Обрезание картинки в шапке сайта. (with link)

    http://kursprokazan.ru/ Зайдите в раздел запись или контакты, там в шапке сайта идет обрезание картинки. Что делать?

    Asked by St.Jimmy, April 6, 2013

    0 votes
    2 answers