HTML Coding

29542 questions in this forum

1. Помогите

   У меня есть макет .Проблема вот в чем я не знаю как сверстать шапку(шаблон фиксированный) тоесть я фон то могу отобразить правильно,но логотип и баннер не знаю как сверстать никак не встают так что бы логотип слева баннер справа.Не могу сообразить как сверстать... Помогите.Пробовал фон делать релатив а логотип с баннером на обсолют,но так фон съезжает да и получается не под все разрешения экрана. Вот код фона шапки <table style="width: 100%; border-collapse: collapse"><tbody><tr><td style='width: 1100px; height: 174px; letter-spacing: 0px; word-spacing: 0px; background-image: url("http://nek.3dn.ru/images_shw/shapka_bg.png"); background-repeat: no-r…

   Asked by TrilLiaN, August 13, 2010

   0 votes
   13 answers
2. Рамки с подписями для картинок разного размера

   Здравствуйте! Есть несколько изображений разного размера с подписями. К ним через див добавляется рамка и фон. Подскажите, пожалуйста, как можно эти изображения выровнять по центру? Сложность в том, что для того, чтобы рамка не расползалась на весь экран, а была только вокруг картинок, я использую float, а тогда пропадает выравнивание, которое работает при указании точного размера дива без float. Но указывать точный размер я не могу, так как он все время разный. То есть для меня есть 2 способа решения, которые я никак не могу найти: 1. Либо смогу выровнять по центру блоки c float. 2. Либо смогу заставить рамку без float держаться около картинок, а не расползаться на вес…

   Asked by Megos, September 1, 2010

   0 votes
   3 answers
3. фон

   Извините за создание новой темы просто я новичок в html и хотел узнать как можно на сайте сделать чтобы на картинку накладывались страницы сайта вот так вот http://www.lostfilm.tv/

   Asked by alessandrou, November 3, 2010

   0 votes
   11 answers
4. Как придать объем блоку

   Добрый день, мне необходимо сделать вот такую вещь http://min.us/lvw5hPeUbX2CD Пол дня отмучался с box-shadow, не получилось, сделал так: внизу страницы разместил небольшой блок, условно футер, сделал из него параллелограмм (при помощи transform: skew(20deg) и добавил по всему общему блоку border-right, почти то, но!!! уголок в бордере не срезан верхний,и этого не хватает для завершения образа. Следовательно вопрос: как срезать правильно уголок у бордера, либо, может кто подскажет как сделать такой мнимый объем? Буду очень признателен за любые подсказки и за любую информацию.

   Asked by wicked_kiD, March 21, 2013

   • box-shadow
   • border
   0 votes
   2 answers
5. (вырезать!) часть html кода с помощью css

   делаю сайт под несколько экранов. несколько css файлов будут производить редизайн сайта при загрузке. через media="only screen and (max-width:траляля) в html несколько элементов в зависимости от разрешения экрана должны появляться/скрываться. можно сделать это с помощью visible - но тогда элементы как я понимаю все равно будут грузиться - просто визуально их не будет видно. может быть есть свойство css с помощью которого по id можно просто "вырезать" часть кода из html? то есть чтобы браузер игнорировал допустим конкретный div при загрузке страницы (как <!-- --!>) java script не предлагать - а то черт ногу сломит, я и так уже перемудрил

   Asked by deFISH, May 26, 2013

   • css
   0 votes
   2 answers
6. Чтобы подзаголовок не закрывался плавающим меню

   У меня на сайте плавающее меню реализовано через скрипт: <script type="text/javascript">var $ = jQuery.noConflict();var h_hght=100;var h_mrg=0;jQuery(function(){jQuery(window).scroll(function(){var top=jQuery(this).scrollTop();var elem=jQuery('#top-menu');if(top+h_mrg<h_hght){elem.css('top',(h_hght-top));elem.removeClass('fix')}else{elem.css('top',h_mrg);elem.addClass('fix')}})});</script> Стала делать в статьях навигационное меню типа: <blockquote><span style="font-weight:bold">Содержание:</span> <a href="#a1"><li>Здесь первый пункт содержания</a> <a href="#a2"><li>Здесь второй пункт …

   Asked by StOK, February 21, 2017

   • плавающее меню
   0 votes
   2 answers
7. У меня вопрос про баннер!

   Как можно картинку поставить на картинку?? Одна картинка -это баннер! А вторая картинка это кнопка! они в формате jpeg. Через Дримвэвер можно это сделать?? Я уже день мучаюсь! ПОМОГИТЕ ПЛИЗ! http://fotoplenka.ru/users/sokol14/446922/.../#mainImageLink Вот мой баннер! я хочу кнопку главная пренести на полоску !

   Asked by sokol14, January 7, 2009

   0 votes
   6 answers
8. position: absolute

   Есть <div id='script' style='position: absolute; top: 50%; left: 25%; background: #C4F254; border: 1px solid black; visibility: hidden; padding: 10px; width: 700px;' valign='center' align='center'> Теоретически при его отображении он должен отображаться по середине экрана, но фактически он отображается по середине только если страница без прокрутки.. Если же страница длинная и мы вызываем этот див где-то внизу страницы, то он отображается где-то наверху.. Вопрос: как сделать чтобы div отображался по середине экрана, независимо от положения на странице?

   Asked by Беркут, January 5, 2010

   0 votes
   7 answers
9. Нужен совет по верстке

   http://leveler.ru/malina/ Вот верстаю макетик. Как бы сделать так, чтобы сияние под логой всегда совпадало по расположению с самим логотипом? Пока у меня нет мыслей, кроме как логотип вклеить в фон. Но тогда он вместе с фоном будет уезжать за страницу при масштабировании.

   Asked by d0ublezer0, October 27, 2011

   0 votes
   21 answers
10. Joomla2.5 и JComments

    Решил немного освоить Джумлу и столкнулся с небольшой проблемой. Возникла необходимость изменить местоположение ссылки "Добавить комментарий" компонента JComments То есть ссылка "Добавить комментарий" в документе должна идти перед заголовком и текстом. Перерыл весь компонент, но способа не нашел. Как можно решить эту задачу?

    Asked by bref, December 20, 2012

    0 votes
    1 answer
11. Достижение кроссбраузерности верстки

    На одном ресурсе уже поднимал такую тему, спрошу и у Вас. Хочу поговорить о достижении кроссбраузерности верстки. Все что я пока что верстал - исключительно для себя, т.е. для приобретения практических навыков - на хостинг ничего не заливал, проверял только в новых браузерах. И вот сейчас уже начинаю задаваться вопросом - как достигать профессиональной верстки, с соблюдением всех требований. Вот если говорить о кроссбраузерности, когда читал "Большую книгу CSS" Макфарланда и другие материалы, отмечал какие свойства не работают в определенных версиях IE, где обязательно указание префиксов поставщиков, в каких случаях нужно добавлять zoom: 1, что то в голове отложилось и я …

    Asked by Stager36, February 10, 2014

    • кроссбраузерность
    0 votes
    1 answer
12. floaf и overflow: auto

    Здравствуйте. Проблема такая. Имеем подобную структуру http://codepen.io/usf/pen/enGgE В хроме при overflow: auto ширина блока blockquote ведет себя правильно. А вот в мозилле ширина блока составляет на 200 пикселей меньше. То есть, чтобы они вели себя одинакового нужно добавить margin-left(или padding) 200px. НО! В моем случае размер блока слева может быть разным, не только 200, как заставить ФФ вести себя точно так же, как хром, чтобы получить верное значение ширины блока blockquote (отсутствие переносов и прокрутки)

    Asked by USF, August 5, 2014

    0 votes
    8 answers
13. Ограничение размера текста в div

    Как сделать, чтобы в конце невлезающего текста ставилось многоточие? На сайте написано, что для этого блок должен иметь overflow: auto, scroll или hidden. Но почему тогда не работает этот пример? http://jsfiddle.net/waegtL15/

    Asked by saltukkos, November 16, 2014

    • div
    • overflow
    • css
    0 votes
    1 answer
14. bootstrap3: переход на одну колонку

    помогите пожалуйста решить проблему на страничке есть 2 кнопки: .but1, .but2 . при изменении ширины экрана они меняют своё расположение друг относительно друга. при белом и жёлтом бэкграунде они расположены в одну колонку, при magentа и cyan бэкграунде они расположены в 2 колонки у меня не получается сделать так чтобы при белом бэкграунде они располагались в одну колонку, а при жёлтом, magenta и cyan бэкграунде они располагались в 2 колонки цвет бэкграунда соответствует дефолтным точкам перехода в бутстрапе: @media (min-width: 480px) { body{ background: orange !important; }}@media (min-width: 768px) { body{ background: magenta !important; }}@media (min-width: 992p…

    Asked by cyklop77, May 9, 2015

    • bootstrap
    • bootstrap3
    0 votes
    10 answers
15. Страница не прокручивается при "нацелевании" через ID

    Ситуация следующая: необходимо, чтобы элементы находящиеся внутри элемента div.slider при ссылании на них через ID не проворачивали страницу. Т.к. объясняю я, возможно, не очень приведу пример: Сайт с адресом AfrikaTour.net/tours <div class="slider"> <ul> <li id="n1">1</li> <li id="n2">2</li> <li id="n3">3</li> <li id="n4">4</li> </ul> </div> <div id="n5">Бла-Бла-Бла</div> Так вот хотелось бы, чтобы при переходе по адресу AfrikaTour.net/tours#n1 страница не прокручивалась а по AfrikaTour.net/tours#n5 прокручивалась

    Asked by Manka-Manka, June 4, 2016

    0 votes
    7 answers
16. :hover в мобильных версиях

    Доброго времени суток! Сделал меню 2-х уровневое, подуровень через :hover у ul. На десктопе все ок, а вот на мобильной версии как реализовать чтобы подменю открывалось не через наведение а по клику? Так например в стандартном меню от bootstrap4 сделано. Подскажите?

    Asked by Coby1987, April 13, 2019

    0 votes
    6 answers
17. Flex и flex-basis

    Зачем нужен flex-bsis, если есть width и hieght? Смысел?

    Asked by torsar, August 7, 2022

    0 votes
    3 answers
18. Бордеры пропадаю из за флоата ?

    Обратите внимание товариши . Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>TesT</title> <style type="text/css"> * { margin:0; padding:0; border:0; } html { background-color: white; width: 1024px; } body { } #center { width: 940px; padding: 0; margin: 0 auto; background: #fafcfb; border-left: 3px solid #b8b9bd; border-right: 3px solid #b8b9bd; } #top { background: url(images/top_bg.gif) top left repeat-x; width: 660px; height: 62px; } #top ul li{ list-style: none; display: inline; margin: 5px; } #top2 { background-image: url(images/top_bg2.gif); background-repe…

    Asked by musulman, September 6, 2007

    0 votes
    3 answers
19. Два изображения в фон

    Видел как-то такое в сети, но потерял. Там был пример использования двух изображений в фоне. Без дополнительных слоев и т.п. Поиск пока не дает результатов. Помогите :-)

    Asked by FeraS, June 8, 2008

    0 votes
    4 answers
20. Счеткик посещений

    Как поставить счетчик посещений на страницу?

    Asked by Guest Mari, September 12, 2008

    0 votes
    3 answers
21. Абсолютное позиционирование и Firefox

    Возникла проблема вставки баннера. По ширине сайт 1000px необходимо справо вставить баннер ( за пределами сайта) но на одном уровне. <div class="banner"><a href="http://адрес_сайта.ru/"><img src="/banner/Banner-230-100.gif"></a></div> <div class="container"> <table cellspacing="0" cellpadding="0" border="0" class="header"> <tr> .... а в css .banner { display:block; position: absolute; height:100; width:230; padding-left:1003px; } во всех браузерах проблем нету, только ФФ и Google Chrome почему-то перекрывает всю верхнюю часть на 100px (невозможно нажать на ссылки). Подскажите как пофиксить эту проблему. Или как по д…

    Asked by yyyurik, March 14, 2009

    0 votes
    5 answers
22. помогите понять

    Здравствуйте, есть такой сайт http://www.alfamebel.net на этом сайте есть раздел корпусная мебель...когда на него заходим, то он не подгружает картинки, но это пол беды..как только с этого раздела переходим на раздел эксклюзивная мебель то браузер выдает такое сообщение: "Веб-сайт по адресу www.alfamebel.net содержит элементы сайта :pornotube912.com , где, вероятно, размещено вредоносное ПО – программа, которая может нанести вред вашему компьютеру или выполять действия без вашего согласия." я не знаю что делать( у меня мало опыта в этом может кто нибудь знает что делать с этой пробелммой........ мне сказали что что-то с явой скрипт..

    Asked by kabrioletta, June 16, 2009

    0 votes
    6 answers
23. Отступ текста снизу - 3px

    Народ, в ряду есть несколько ячеек и я хочу чтобы текст в каждой из них имел разный отступ по вертикали от нижнего края. Пример: ячейка 1 - отступ 2px, ячейка 2 - отступ 7px, и т.д. Подскажите, плз, как это грамотно сделать

    Asked by coldrain, October 1, 2009

    0 votes
    1 answer
24. Как всегда ИЕ6 и три колонки..

    Есть три колонок Везде все отлично кроме ИЕ6, на 1280 нормально,но стоит свернуть до 1024 и блок navigation наезжает на content Хотя не другом сайте моем же точно так же устроено и нормально все В чем ошибка? html <div id="wrapper"> <div id="wrapper_r"> <div id="content"> <div class="block_proiz"><img src="i/big_img.jpg" height="273px" width="401px"/></div> <p>Жестокая. Красный волк и Серая шапочка.</p> <p>-Ну что, - сказала Красная шапочка волку, - Может, не будем разводить эту канитель про большие уши, большой нос и большие зубы, а быстро с этим закончим?</p> <p&gt…

    Asked by Mary_RND, March 30, 2010

    0 votes
    9 answers
25. Заполнить пространство точками

    Здраствуйте! Уже 2 дня ломаю голову как сверстать такую штуку: Слева есть текст длина которого может меняться, справа есть кнопка +1. Пространство между ними заполняется различным количеством точек. Помогите, пожалуйста!

    Asked by lyapun, February 25, 2011

    0 votes
    5 answers