HTML Coding

29542 questions in this forum

1. Как вставить большую картинку?

   Есть html страница, 990 пикс по ширине. Мне нужно вставить туда картинку. Но, картинка большая - 3000 на 2000 пикс. <img src="images.jpg" width="3000" height="2000"> Как это сделать? Чтобы не нарушить дизайн страница - чтобы страница не растянулась на километр... Можно применить полосу прокрутки, но я не знаю как. Желательно, чтобы полоса прокрутки появилась только когда она нужна, а на маленьких картинках была не видна. Фреймы не нужны. Спасибо всем.

   Asked by ruslan-ok, August 14, 2012

   0 votes
   9 answers
2. Тень у текста

   Как делать у текста такую тень средствами css?

   Asked by okunev2, January 9, 2013

   0 votes
   7 answers
3. как сверстать таблицу

   как сверстать такую таблицу?

   Asked by mugukamil, September 18, 2014

   • верска
   • таб
   0 votes
   5 answers
4. Эффект как у приведенного сайта.

   _http://labitex.com/ При пролистывании сайта шапка скрывается за блоком снизу. Как добиться такого эффекта?

   Asked by ITMOfan, March 12, 2016

   • параллакс
   • эффект
   • css
   0 votes
   5 answers
5. Почему разная высота между полями в страницах

   Всем привет, 2 редактора админики с одним файлом стилей. Не могу понять почему разная высота между полями . На этой старнице высота правильная : Страница 1 На этой странице : Страница 2 в высоте между полями появляются лишние 10 px. В инспекторе вижу что для обоих редакторов : form-control = padding-top:5px; padding-bottom:5px form-group =margin-top:10px; margin-bottom:10px Во второй странице редактор внутри таба со своими классами - но влияет ли это на высоту между полями и как не могу найти... Стили в файле стилей определены как : .form-horizontal .form-group { /*margin: 0px;*/ margin: 10px 0px 10px 0px; /*margin: 1…

   Asked by mstdmstd, July 25, 2016

   • html
   • bootstrap
   • form-control
   • form-group
   0 votes
   7 answers
6. Скрыть выпирающий блок

   Выпирает блок. Почему-то не получается скрыть его с помощью overflow: hidden. Верстка на bootstrap http://codepen.io/anon/pen/RRBWGN

   Asked by yaparoff, July 29, 2016

   0 votes
   2 answers
7. Можно ли сделать так по другому (а не position)?

   https://incub10.github.io/scheme/ Как сделать по другому? Просто position перекрывает паддинг нижний(

   Asked by incub, December 20, 2016

   • html
   • css
   0 votes
   4 answers
8. как сделать чекбоксы

   Подскажите, как сделать чекбоксы вроде http://imgur.com/a/NUfi0 совместимые с bootstrap ? Спасибо!

   Asked by mstdmstd, April 10, 2017

   0 votes
   3 answers
9. Html верстка писем, где тестить? бесплатные сервисы?

   Всем привет, гуру верстки! Хотелось бы услышать мнение бывалых, кто собаку съел на верстке писем. Казалось, что сам косточки даже съел, ан нет. Возникла проблемка с версткой письма на iphone 7,везде где только не тестил, везде идеал, а тут как чирь на одном месте Поделитесь плиз, где можно потестить свою верстку на бесплатных каких сервисах? Если таковые есть у кого в загажничке, буду благодарен. P.s. любые советы приму в копилку, благодарю!

   Asked by KidBoy, June 4, 2018

   0 votes
   1 answer
10. Прикрепить картинку

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

    Asked by 3d_max_9, August 12, 2009

    0 votes
    1 answer
11. Кроссбраузерная верстка

    Добрый день. Прошу подсказки от знатоков CSS и HTML. Сайт на джумле 1.5, заданный шаблон. В конце каждой статьи - ссылка "Подробнее" и серая полоска. В IE 6 отображается корректно, а в Firefox - нет. скриншот : http://www.save-img.com/v.php?id=68f725959...64fd7a4f6c275da Html-код: <a href="/index.php?option=com_content&view=article&id=527:2009-09-16-08-49-42&catid=17:2009-09-16-07-18-15&Itemid=66" title="Путину показали новое российское супероружие" class="readon"> Подробнее... </a> </div> </div> <span class="article_separator"> </span> </div> Css-код: a.readon { margin-top: 5px; display: block; …

    Asked by zagoda, September 16, 2009

    0 votes
    3 answers
12. Расположить Два фрагмента текста в двух дивах

    Как сделать так, что текст справа не заезжал под звезду, был отбит от звезды на 2em'a и звезда была бы выровнена по середине первой строки текста из правого див-а? <style> .blog_table{/*Holds all blog entries*/ width: 100%; } .blog_title{ font-size:1.5em; margin-right:1.5em; display:inline; } .blog_title_td{ padding-top:3em; padding-bottom:2em; } .small_text{ font-size:0.9em; display:inline; padding-right:2em; } .small_text { display:inline; font-size:0.9em; padding-right:2em; } a { color:#3E93CE; text-decoration:underline; } </style> <table> <tr class="blog_title_tr"><!--Title--> <td style="text-align: left;" class…

    Asked by ХОЛОДный, September 23, 2009

    0 votes
    2 answers
13. Проблема с вкладками

    Проблема следующего характера. Есть html страница в ней есть блок вкладок на jquery. После клика по любой вкладке и обновлении страницы сбрасывается выделеная вкладка, а нужно чтобы сохранялась... Не могу понять в чём проблема. Код вкладок: <div id="wrapper"> <ul class="tabs2"> <li><a href="#">1 вкладка</a></li> <li><a href="#">2 вкладка</a></li> <li><div title="Текст" onclick="location.href='1.html';"><a href="1.html">3 вкладка</a></div></li> <li><div title="Текст" onclick="location.href='4.html';"><a href="4.html">4 вкладка</a></div></li&…

    Asked by tomclancys, March 11, 2010

    0 votes
    3 answers
14. не влазит

    есть сайт у него на 1024 не влазит центральный контент, там где фильмы. особенно это проявляется тут это получается из-за того, что слишком длинные имена как героев так и режиссеров. ну собственно я что хочу. Какое здесь может быть решение? Чтобы влезло? Убрать один столбец? Мне кроме как столбца ничего в голову не лезет. Ну еще как вариант кое где расстояния по убавить.

    Asked by npofopr, July 12, 2010

    0 votes
    4 answers
15. Картинка в центре DIV

    Имеется картинка всегда разной шириной и высотой. Контейнер шириной IMG+отступы, высота разная. Как мне расположить картинку ровно по центру DIV?

    Asked by Gold Dragon, September 16, 2011

    0 votes
    15 answers
16. Что касается верстки

    Здравствуйте, с версткой одной страницы это понятно, но помогите найти информацию по верстке нескольких страниц как их соединять между собой, и как вообще должен выглядеть готовый продукт верстальщика если это сайт из нескольких страниц?

    Asked by Walss, September 18, 2011

    0 votes
    10 answers
17. как сделать меню?

    http://divhack.com/downloads/study/1/ может кто подскажет как сделать такое же меню (фикс) без таблиц?

    Asked by olechic, March 1, 2012

    0 votes
    8 answers
18. Несколько div в ряд

    Как сделать несколько div'ов, в ряд, так, чтобы А и B были размером под текст внутри них, а С занимал всю оставшуюся область? Вот мой вариант, но он глючит (С заезжает на B ): HTML: <div class="main"> <div class="a">div class=a</div> <div class="b">div class=b</div> <div class="c">div class=c</div> </div> CSS: .main{ padding: 1em; overflow: hidden; border: 1px solid black; } .a{ padding: 1em; border: 1px solid black; float: left; } .b{ padding: 1em; border: 1px solid black; float: left; } .c{ padding: 1em; border: 1px solid black; }

    Asked by Kenshi24, May 19, 2012

    0 votes
    1 answer
19. Не получается подключить файл .js

    Вот в одной теме дали ответ на то как создать простейший спойлер http://htmlforum.ru/index.php?showtopic=43772&hl= во втором посте дали ответ на пример этого спойлера,вот он - http://jsfiddle.net/QAu6q/1/ но у себя я его воссоздать не смог так как появились проблемы с .js файлом(я думаю именно в этом проблема так как именно в этом я и не разбираюсь). У себя сделал я вот так: html: <html><head><link rel="stylesheet" type="text/css" href='style.css/></head><body><a' href="js.js">klik</a><div class="js">hide text</div></body></html>css: .js { display:none;}Создал в той же папке файл js.js в которо…

    Asked by pudge, November 18, 2013

    0 votes
    14 answers
20. Вывод из бд по увеличению цены

    Как вывести из бд значения по увеличению цены продукта?

    Asked by DronBoy, June 11, 2016

    • бд
    • php
    • вывод
    0 votes
    1 answer
21. модуль image-magick(Perl,IIS). Нет картинки. что делать?

    Не выводится картинка, вместо картинки выходит яШяа . Возможно дело в заголовках (content-type). Сервер IIS, Кто знает как исправить эту ошибку, помогите пожалуйста.

    Asked by Maciania, February 27, 2008

    0 votes
    1 answer
22. Проблема с выравниванием картинок по центру

    люди добрые, помогите разобраться, как сделать так чтобы картинки позиционировались по центру экрана а крыло ангела при разрешении 1024х768 при этом заходило за картинку http://www.annatischenko.ru/razdely/Kartin...rospisi_all.htm P.S. у меня если и получается добиться центрирования картинок с помощью div'ной верстки всего макета, то не получается его потом подогнать под большое разрешение P.S. ссылка действительно почему то обрезается, так что я ее разделил на две части

    Asked by ArtBilly, February 6, 2009

    0 votes
    4 answers
23. Как различать теги INPUT?

    Как указать во внешней CSS, реагировать именно на их определенный тип. К примеру у меня задан такой стиль: TABLE#itemedit INPUT, TEXTAREA{ width: 100%; } Но он применяется ко всем типам INPUT type: text, password, button, submit, reset, radio, checkbox, image, file, а как мне его заставить применяться только к определенным type?

    Asked by PhantomSL, February 11, 2009

    0 votes
    4 answers
24. IE и float

    Может, кто-нибудь встречался с подобной проблемой? Буду очень благодарна, если поможете. Я привожу код тестовой html-странички. Вкратце, на ней имеются два элемента h1 с float:left; и один элемент p. Во всех браузерах, кроме IE, элемент p "всплывает" наверх, только в IE ему что-то мешает. Непонятно, почему так происходит <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>float</title> <style type="text/css"> .class1 { float:left; width:280px; height: 300px; background: green; } …

    Asked by olya111, February 27, 2009

    0 votes
    4 answers
25. Неправильно растягиваются картинки (только IE)

    Я запарился искать ошибку! Уже час вдупляю в код немогу понять! Во всех браузерах отобржается как надо, а в ИЕ как хочет вот сайт: http://ufoinspace.ru На главной странице последнии статьи, вот не могу их выровнять в ИЕ, они выравниваются по размеру самой длинной картинки, а не по ширине столбца! Вот сокращенный код таблицы со статьями: <table width=90% border=1> <tr><td width=20%><img src='pictures/$val[picture]' width=100%></td> <-- видимо косяк где-то тут --> <td valign='top' align='left'><center><b><a href='articles.php?id=айди' class='articletitle'>название статьи</a></b></center>описание…

    Asked by hecka, April 24, 2009

    0 votes
    4 answers