HTML Coding

29542 questions in this forum

1. Как правильно вычислить вертикальный padding для текстового блока?

   Столкнулся с проблемой вычисления реального отступа в текстовом блоке. Например, если указать padding:10px, то фактический вертикальный отступ получается больше 10px. Где-то как-то padding пересекается с размером шрифта и line-height. Пробовал отнимать, делить, прибавлять, но не отстледил никакой закономерности. Возможно есть какая то формула для вычисления?

   Asked by Anubis, August 6, 2013

   0 votes
   4 answers
2. Иконки в списках

   Ребят здравствуйте подскажите пожалуйста Проблема с иконками в списках, Есть такое меню Проблема в том что при наведении на пункт иконки должны менять цвет, подскажите как сделать просто вставить иконки у меня получилось но нужно что бы при наведении они меняли цвет (сами иконки спрайтом) Как вообще такое реализовать, может кто сталкивался и нашел решение, пробовал искать в google но нормального решения так и не нашел

   Asked by Евгений_SB, July 28, 2014

   • иконки
   • списки
   • css
   0 votes
   3 answers
3. КАРТИНКИ

   1. Вот допустим есть некий сайт с множеством страниц, как сделать чтобы элементы которые есть на каждой странице не писать каждый раз вручную? 2. Как сделать так чтобы картинки отображались на странице сайта, в случайном порядке, по одной например: один раз зашел - одна картинка, второй раз - другая. И так далее.

   Asked by Jeka, June 2, 2008

   0 votes
   6 answers
4. Не подгружается *.js и *.css в IE 6.0

   Делаю полностью идентичные страницы, копирую просто код из одной в другую. Первая страница подгружает все правильно. Вторая выходит с ошибкой - незавершенная строка комментария. Хотя при первой загрузке этой страницы, все срабатывает. Такая проблема только в ie. Не хочется каждый раз код копировать в начало страницы, поэтому прошу помощи здесь. Если необходимо выложить файлы, говорите сразу.

   Asked by AlexMak, January 6, 2009

   0 votes
   2 answers
5. правильное расположение блоков

   Здравствуйте! Ситуация такая - есть стандартный 3-ех колончатый, резиновый макет... Цель: cделать так, чтобы центральный блок занимал все свободное место в отсутствие правого... помогите кто чем может, желательно советом Спасибо!

   Asked by lebyr, October 18, 2009

   0 votes
   2 answers
6. Длина строки

   Вот хотел услышать совет. Во сколько ограничить ширину строки? Просто знаю, что слишком длинной нельзя делать, но если укоротить, например, на 800 пикс, то как будут читать этот текст на большом разрешений? Увеличат текст и будет одно слово на одной строке, а сама строка всё равно треть монитора, что не айс. Какое оптимальное разрешение?

   Asked by Yahoo!, December 22, 2009

   0 votes
   6 answers
7. Как растнуть фон? (css)

   Есть картинка с градиентом, с двумя еле заметными полосками снизу, сверху и тенью снизу. Глянуть картинку . Нужно сделать её растягивающимся фоном (!), учитывая что нижние и верхние полоски должны полюбому быть как на оригинале-снизу и сверху, и обовъязково тень снизу. Левая и верхняя часть этой картинки должны быть зафиксированы, а правая и нижняя-растягиваться под разный экран. Ещё момент: картинка находится по центру экрана, занимая собой всю площадь от правого края экрана до левого, а снизу и сверху при любом разрешении должны оставаться зазоры примерно 10-15%. Решение желательно в div, если нет-то в таблицах или javascript. PS, Уже резал её на части, пытался прис…

   Asked by sergey1317, September 17, 2010

   0 votes
   4 answers
8. Как сделать табличную верстку резиновой

   Помогите разобраться! Как сделать табличную верстку валидной, кросбраузерной и резиновой. У меня на странице текста немного и получается, что "подвал" висит в середине страницы. Как отрегулировать параметр страницы так, что при небольшом тексте "подвал" плотно прилегает к нижнему краю окна браузера, независимо от размеров окна, независимо от расширения экрана или браузера... да и от количества текста Буду признателен за помощь.

   Asked by sandazh, March 4, 2011

   0 votes
   7 answers
9. ширина картинки

   подскажите,почему у меня не работает "width=100%" в опере? в мозилле работает,а в опере нет <img src="slog.png" "width=100%" "height=148px"> что неправильно?

   Asked by kira01, March 16, 2011

   0 votes
   9 answers
10. Позиционирование

    Вот что сейчас имеется http://itmages.ru/image/view/240226/cad68f97 , Как выровнять текст по центру(по вертикали) внутри картинки background:url(3.png)? #menu_itc { font-size: 16px; height:30px; text-align:center; background-color: #949494; } #menu_itc div { width:736px; margin: auto; } #menu_itc a { display:block; width:184px; height:30px; float:left; color: #fff; text-align:center; text-decoration: none; } #menu_itc a:hover { background:url(3.png); } <div> <a href="#">Пункт меню 1</a> <a href="#">Пункт меню 2</a> <a href="#">Пункт меню 3</a> <a href="#">Пункт меню 4</a> </div…

    Asked by Rambo2045, July 26, 2011

    0 votes
    13 answers
11. Вопрос по созданию Html письма

    Здравствуйте! Хотел бы узнать, если кто-нибудь сталкивался.. В общем, проблема в следующем: Нужно сверстать письмо таким образом, чтобы блоки с информацией можно было скрыть\открыть по клику на ссылку. Возможно ли это?

    Asked by N1cko, May 28, 2013

    • js
    • css3
    • html
    0 votes
    7 answers
12. Прыгает текст

    Вообще такая проблема. Есть страница http://moslem.ws/1/ при увеличении масштаба страницы (CTRL+прокрутка ролика мыши) текст на 75%, 67% прыгает то вниз то вверх, соответственно отображается на больших экранах криво, как можно исправить это?

    Asked by moslem, May 28, 2013

    0 votes
    4 answers
13. Как сделать, чтобы сайт всегда был по центру экрана?

    В поиске выпадают варианты чтобы сделать картинку или блок по центру экрана, а задача чтобы сайт весь при загрузке страницы и при изменении окна браузера всегда был в центре. А по умолчанию точка отсчёта стоит в левом верхнем углу, как это преодолеть?

    Asked by Fizruke, November 5, 2015

    0 votes
    3 answers
14. table 100% в блочной верстке

    Здравствуйте, столкнулся с такой проблемой: имеется верстка такого вида —————————————————————-- | | | | | | | | | | | | float:left; | ширина не задана | float: right; | ширина: | | ширина: | фиксир. | | фиксир. | | | | | | | —————————————————————-- При вставке в центральную часть <table width="100%"> <tr> .... some code.... </tr> </table> Таблица уходит под левую часть. как исправить? CSS: /* CSS Document */ *{margin:0px; padding:0px;} img{border:none;} img.png{behavior:url("png.htc");} html{ height:100%; } body{ height:100%; font-family:"Tahoma"; font-size:11px; color:#000; background:url(../images/texture.jpg); } body a{ color…

    Asked by DiMas, April 5, 2008

    0 votes
    1 answer
15. Закругление углов в меню.

    День добрый, я тоже новенький в веб дизайне, но я когда-то был системным программистом, поэтому кой чего помню.... В общем регил написать свой сайт с меню, вчера прочитал этот сайт все очень даже понятно. суть li (отступ) + а(сам линк) + span(как уголок), понятно как сделать, и с фотошопом дружу... Но вот задача как выделять все сразу при наведении на а ? в css же нельзя писать условия, а нужно типа: (си) if (a.hover) { li.hover=true span.hover=true) } это 1е, второй побочный эфект, чтобы пользователь не мог навести на span и li, но тут задача сложнее, так как свойства li:active и span:active задействованы под изменени…

    Asked by trojanets, November 21, 2008

    0 votes
    0 answers
16. Вставка социальных кнопок на сайт джумла 1,5

    Всем добрый день. Только пожалуйста не смейтесь с моих познаний. Проблема №1 Имеется сайт http://ciferkom.ru Я на него пытаюсь установить кнопки соц сетей. Кнопки поделится от яндекса (блоком) я поставил. Теперь хочу поставить кнопки голосования. Если Вы зайдете в любую статью на моем сайте, вы увидите, что под кнопкой (блоком яндекса), Я расположил кнопку "+1" от гугла и кнопку "мне нравится" от вконтакте. Вопрос: кнопка в контакте находится под кнопкой гугла. Как их поставить рядом. Код кнопок выглядит так: <!-- Google+1 --> <br> <g:plusone></g:plusone> <!-- Vkontakte --> <div id="vk_like"></div> <script type="text/javascr…

    Asked by serg450453, July 18, 2011

    0 votes
    6 answers
17. Давайте изобретём идеальную резину!

    Уже какой месяц бьюсь, пытаясь изобрести идеальную резину, но так ничего и не вышло, даже приближённого к идеальному. Предлагаю объединить усилия. Давайте уже соберёмся и перевернём нафиг привычные представления о вёрстке! Сверстаем шедевр, которым потом будут пользоваться не одно поколение программистов. Собственно, озвучиваю требования по порядку: 1. 2 фиксированных сайдбара и резиновый центр. Фиксированные по высоте футер и хидер. 2. Обтекание больших картинок центральным блоком, то есть макет должен уметь "разъезжаться" шире окна браузера. 3. Футер прижат к низу страницы, а при высоком контенте страница тянется вниз. 4. Возможность сделать header и footer прозрачным…

    Asked by Freakmeister, March 20, 2012

    0 votes
    8 answers
18. CSS. Подключение файла из не корневой директории

    Здравствуйте, Есть простой кусок css: background:url('arrows.png') no-repeat; Нужно чтобы картинка бралась из другой директории. P.S. Полный пусть писать пробовал. Сайт не на хостинге и не на локальном сервере, просто в папке лежит, поэтому писал C:\...\arrows.jpg. Но не работает так. Подскажите пожалуйста.

    Asked by Feel, November 25, 2012

    0 votes
    3 answers
19. Помогите новичку.

    Уже пол интернета пролистал, но ответа не нашел. Есть такая беда: <html> <head> <meta charset="utf-8"> <title>Поиск гугл</title> </head> <body bgcolor="#ccccff"> <form action="http://www.google.ru/search" target="_blank"> <input type="text" name=q> <input type="submit" value="Искать"> </body> </html> При нажатии на "Искать" выдает результаты поиска. А если я в поле "<input type="text" name=q>" значение name поменяю на любое другое отличное от "q" то у меня просто открывается страница google.com Почему?

    Asked by shibaday, March 21, 2013

    0 votes
    10 answers
20. Перенаправить с домена на другой.

    Следом вытекающий вопрос по домену.рф. Какие есть методы перенаправить с домена.рф на домен.ru? Если не сложно, ссылочки на конкретные статьи, пожалуйста.

    Asked by Тишина, June 5, 2013

    • редирект
    • .рф
    • домен
    • .рф-.ru
    • перенаправление
    • redirect
    0 votes
    1 answer
21. Выпадающее меню средствами CSS

    Посмотрел как написан сайт adobe.com, там вс? выпадающее меню организовано средствами CSS, но как? может у кого нить есть ссылки на уроки?

    Asked by nicotin, March 11, 2008

    0 votes
    2 answers
22. Центрирование картинки

    Наворотила галлерею, адаптировала готовый скрипт. http://test.bredova.ru/index.php?id=12 Но вот незадача, помимо горизонтальных картинок есть и вертикальные этого я не знала и поэтому не учла. Сейчас мне бы их хотя бы отцентрировать. Но никак не получается Пыталась писать #wrapper{ width:550px; margin: 0 auto; } Но видимо я не там копаю, реакции не было никакой Помогите, пожалуйста!!!

    Asked by Bredova, January 15, 2011

    0 votes
    7 answers
23. Верстка форм - нужен совет.

    Доброго времени суток. Есть такая вот картинка, выносящая мозг мне уже несколько суток: Как лучше её сверстать? С уважением, Олег.

    Asked by tt48, April 24, 2011

    0 votes
    16 answers
24. Проблема с резиновыми картинками

    Всем привет Имею вот такое безобразие Изображения в штате 250х250, лого 195х54. Захотелось заказчику сделать это чудо резиновым. Соответственно вопрос в том, чтобы логотип оставался на месте и никуда не ездил по ширине, а остальные 8 картинок, вместе с ссылками в таблице под ними, ездили под разрешение экрана с остальными нижеследующими таблицами. Причем каждая ячейка таблицы под картинкой должна быть вровень со своей картинкой. Что-то подобное ниже нормально более-менее отображается только в лисе при 1600х900, кое-как заставил ИЕ8 дружить наполовину, но стоит уменьшить разрешение, как верхняя таблица с картинками уплывает в море с горизонтальной полосой прокрутки в любо…

    Asked by anon1, April 28, 2011

    0 votes
    11 answers
25. склеить div слои по вертикали, чтобы при масштабировании они не меняли положения

    Имеется слой shapka(на нем сверху еще три слоя): .shapka{ HEIGHT:176px; width: 940px; top: 30px; position: relative; margin:0 auto; background-color:#224179; } .risunka{position:relative; z-index:1; background-color:#224179; padding: 3px; float: left; height: 170px; } .zagolovok{ position:relative; top:-150; left:25; z-index:2; color:#FFFFFF; text-shadow: black 1px 1px 6px, red 0 0 50px; font-size:50px; float: left; /* Обтекание по правому краю */ width: 600px; text-align: right; } .registration{ padding: 5px; /* Поля вокруг текста */ width: 220px; float: right; position:relative; top:-150; z-index:3; right: 25; vertic…

    Asked by Marry1, June 14, 2012

    0 votes
    1 answer