HTML Coding

29,542 questions in this forum

1. Как сделать блоки в две колонки.

   Здравствуйте, добрые люди) Помогите пожалуйста мне вот с чем. Я хочу сделать вывод статей в две колонки. Сначала вроде всё получилось, но потом я заметил, что если блок из первой колонки немного увеличивается в размерах(точнее, в высоте), то нижний блок сразу падает вниз и отображается как будто он находится под блоком, который справа него. Если вы ничего не поняли =) То на картинке всё отчетливо видно. Мне нужно, чтобы этот блок так не падал. Что посоветуете сделать? <div class="content"> <div class="post-main"> <div class="zagolovok"><h1><a href="#">Прикольное видео Мега супер прям я круто супер </a></h1> </div>…

   Asked by kranopodem, February 3, 2012

   0 votes
   2 answers
2. Как убрать цвет посещенной сылки

   как сделать так, чтобы все ссылки после посещения не меняли цвет?

   Asked by Vanilnaya, February 3, 2012

   0 votes
   1 answer
3. Расстояние от подчёркивания до ссылки

   Привет всем. Вопрос будет касаться регулирования расстояния от ссылки до подчёркивания. Опишу сначала задачу: необходимо сделать подчёркивание ссылки на тон светлее, чем цвет самой ссылки. Решение: убираем стиль ссылки, ставим "бордер-боттом", нужный цвет, толщину и пр. Вуаля, но... Проблема: при таком методе расстояние от ссылки до подчёркивания увеличивается в сравнении со стандартным подчёркиванием ссылки (смотрится коряво при фонт-сайзе 13пх). Уменьшить его отрицательным значением пэддинга, естественно, не получается (зато увеличить можно хоть до апупения . Вопрос: как уменьшить это расстояние? Меня интересует любой способ. Подскажите пожалуйста ваши варианты. Заранее…

   Asked by majestic, February 3, 2012

   0 votes
   3 answers
4. Изменение параметров стандартных тегов

   Подскажите, пожалуйста, как в CSS изменить параметры стандартных тегов для определнного слоя? Как это может выглядеть: <div id="test"> <img src="somePic.jpg" /> </div> CSS: #test { *параметры* } #test.img { padding-top: 10px; } В слое test - картинка будет отсутпать от верхней границы на 10px. При этом, в остальных блоках данный параметр отступа для картинки не будет применяться.

   Asked by TorchTT, February 3, 2012

   0 votes
   2 answers
5. Grid system bootstrap

   Здравствуйте. На сайте bootstrap написано, что у них ширина сетка 940px ячеек 12. Но почему-то последняя ячейка 12 получается 1170 + 30px отступ

   Asked by like2dev, February 3, 2012

   0 votes
   0 answers
6. Таблицы

   Всем добрый день. Проблема какая-то смешная, но справиться с ней не получается. Есть простая таблица, border="0". Но на выходе (в Мозилле) отображается верхняя граница (белого цвета). Как я с ней только не билась, везде прописывала none и 0 (в таблице, в css), перекрашивать пыталась - 0 реакции. Вот скриншот: В таблицу заключены юзерпик, заголовок, автор и дата создания. Люди опытные, подскажите, как её убрать!

   Asked by brussnika, February 3, 2012

   0 votes
   3 answers
7. Версия для печати

   При верстке версии для печати столкнулся со следующей проблемой: Каждый браузер ставит свои отступы для страницы ( не внутри html а при предварительном просмотре страницы перед печатью ). Есть ли способ обнулить эти отступы? margin: 0; padding: 0; не подходят, т. к. они влияют только на html документ, а не настройки браузера.

   Asked by shtrobnik, February 3, 2012

   0 votes
   6 answers
8. Форма и фрейм

   Возникла задача, с которой не получается справиться. Есть форма и фрейм. Введенные данные отправляется, и в фрейме появляется ответ от гугла. Куда таргет савить, не понимаю... <form action="http://www.google.ru/search" method="GET"> <input type="text" name="q" size="40"> <input type="submit" value="Поиск"> </form> <iframe name="answer" width="500" height="800" align="right"> </iframe> Буду весьма признателен за помощь.

   Asked by Аноним, February 3, 2012

   0 votes
   2 answers
9. Отправка формы с пустыми полями

   Здравствуйте, уважаемые администраторы и пользователи. Прошу вас помощи для написания и объяснения скрипта, который бы при отправке формы на след. странице выдавал надпись, что обязательное поле не заполненно. Так вот. попробовал реализовать с помощью PHP файлов, но так как являюсь грубо говоря бичом в этой области, ничего у меня не получилось. Прошу вас, помогите мне пожалуйста написать скрипт. вот код моей формы. Заранее благодарен <!DOCTYPE html> <html> <head> <title>Регистрационная страница клуба программистов</title> </head> <body> <p align=center> <a> <img src="D:\Файлы Mail.Ru Агента\1.JPG" width="576" heigh…

   Asked by Grandhustla, February 3, 2012

   0 votes
   2 answers
10. непонятный body

    Из-за чего может быть баг. Отступ у боди сверху, пикселей на 10-15. в ксс нечего лишнего. =\ Проблема решена! в одном из внутренних дивов был маленький элемент с margin: 20px 0px; маленький засранец, заставил меня распереживаться

    Asked by RodgerFox, February 2, 2012

    0 votes
    5 answers
11. height: 100%

    Ребята, подскажите, как растянуть див на 100% заданной высоты в моем случае?(что бы без контента сайт был растянут на заданную высоту) http://bod2005.narod.ru/index.html

    Asked by b0d, February 2, 2012

    0 votes
    5 answers
12. Использование глобальных стилей - моветон?

    Здравствуйте, уважаемые форумчане. Вопрос возник после услышанной мною фразы, что "использовать <style type="text/css"> ... </style> - ужасно неправильно и вообще дурной тон. Все должно быть сделано через классы. И все стили должны быть описаны только вне index.html". Я начинающий верстальщик, поэтому мне сложно решить: выкидывать этот тег из своей верстки, или же он нужен для чего-то еще, кроме как повышения специфичности элемента? Пожалуйста, можете объяснить мне смысл тега <style>?

    Asked by Kreigan, February 2, 2012

    0 votes
    3 answers
13. Как прижать Right SideBar к низу страницы?

    Всем привет! Подскажите как можно прижать правую колонку к низу страницы, чтобы она была прижата при любом размере левого блока с контентом? HTML-структура такая: <body> <div id="wrapper"> <div id="container"> <div id="left"> <div id="left_header" class="header"> </div> <div id="content"> </div> <!--Сюда планируется добавить футер--> </div> <div id="sb_right"> <div id="right_header" class="header"></div> <div id="sb_right_content"> </div> </div> …

    Asked by F_Z_14, February 2, 2012

    0 votes
    4 answers
14. bootstrap от twitter

    Ребята, посоветуйте. Стоит ли такое использовать и сильно ли оно облегчит верстание?

    Asked by like2dev, February 2, 2012

    0 votes
    7 answers
15. Как сделать border на шрифте,(а не вокруг,как прямоугольник)

    Как сделать border на шрифте,(а не вокруг,как прямоугольник).Я хочу сделать белый шрифт,но с обводкой,не вокруг текста,как прямоугольник,а только вокруг шрифта. Заранее спасибо!

    Asked by saswat, February 2, 2012

    0 votes
    1 answer
16. С помощью таблиц хтмл возможно сайт разместить?

    Здрасьте всем! Мне надо сайт написать, но я вообще никак не пойму CSS(надеюсь еще всё впереди), знаю только HTML и то, на малограмотном уровне. Если я размещу сайт с таким кодом(код ниже), меня сервер, браузеры не пошлют никуда подальше и у других ползователей он будет отображаться нормально? Ведь щас сайты делаются каким-то образом через CSS, но мне пока до этого ооочень далеко, да и не знаю что мне читать. <!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Заголовок</title> </head> <body> <table width="80%" align="center" border="0"> <tr> <td hei…

    Asked by big_time, February 2, 2012

    0 votes
    6 answers
17. Помогите с ссылкой в background

    Доброго времени суток! Не могу немного сообразить как мне сделать ссылку в background Имеем код <div style='background:url(/images/{math equation='rand(1,4)'}.jpg) no-repeat' class='image'> Каждый раз при заходе на сайт у меня генерируется разная картинка. Вот подскажите, как мне сделать так, чтобы при выборе какой-то либо картинке на ней можно было сделать ссылку и на неё нанести карту. Вот пример картинки Т.е. там где одна цена - на одну ссылку, там где вторая цена на вторую ссылку.

    Asked by Maxxx, February 2, 2012

    0 votes
    9 answers
18. Проблема с резиновой шапкой

    Задача: шапка должна быть такая же как подвал, т.е один блок в центре и два по краям. Суть проблемы: правая и левая часть шапки отображаются внутри враппера, несмотря на то, что он не является их родителем, вроде все уже перепробовал, ничего не помогает, прошу ткнуть носом в ошибку)

    Asked by WF19, February 2, 2012

    0 votes
    2 answers
19. При наведении на картинку идет смещение. (CSS)

    При наведении на картинку идет смещение. (CSS) При наведении мышкой на картинку в слайдшоу изображение смещается и появлйются превьюшки-стрелки. Как сделать чтоб эти стрелки были постоянно на картинке и чтобы таких смещений не было_? Помогите мне пожалауйста разобраться. Слаидер тута http://solcellepanel.hg.no/

    Asked by knopka3, February 2, 2012

    0 votes
    2 answers
20. Не правильное отображение в Chrome

    Здравствуйте. Первый раз столкнулся с ситуации, что в Хроме некорректно отображается страница, то есть в Мозилле, Опере и даже ИЕ всё ОК. а в Хроме нет... Ситуация следующая: <div id="wrapper"> <header id="header"> </div> <nav id="hor_menu"> </nav> </header> <header id="slider"> </header> <section id="middle"> <div id="container"> <div id="content"> </div> </div><!--#container--> <aside id="sideRight"> </aside> <aside id="sideLeft"> </aside> </section> </div><!-- #wrappe…

    Asked by param, February 2, 2012

    0 votes
    20 answers
21. Не работает кнопка в Firefox&Chrome

    Здравствуйте. Есть форма поиска: <form class="searchform"> <input class="searchfield" type="text" value="Искать..." onfocus="if (this.value == 'Искать...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Искать...';}" /> <input class="searchbutton" type="button" value="Go" /> </form> Кнопка почему-то не хочет нажиматься в Firifox и Chrome в Опере всё нажимается нормально...

    Asked by param, February 2, 2012

    0 votes
    2 answers
22. меню по бокам

    был такой сайт: фон и на нем посередине текст и прочее. теперь нужно слева и справа от текста добавить меню. как это сделать? /* CSS Document by Dieter Schneider for www.csstemplateheaven.com */ * {margin: 0; padding: 0;} body { background-color: #9bc52b; background-image: url(images/body_bg.jpg); background-repeat: repeat-x; font-size: 62.5%; } #container { margin: auto; width: 685px; color: #000000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; } #header { margin: auto; background-image: url(images/main_header.jpg); height: 459px; width: 685px; } #menu { background-image: url(images/menu_bg.jpg); height: 20px; padding-top:…

    Asked by Хелкар, February 2, 2012

    0 votes
    12 answers
23. правое меню в IE некоректно отображаеться

    Добрый день! Рад был бы, если подсказал кто нить как решить проблемку... Суть заключается в чем: Есть сайт в котором находиться картинка, задним фоном, и правое меню, в котором кнопки-картинки. Во всех брайзерах отображаеться нормально, а вот в версиях IE правое меню спустилось вниз под картинку, а должно стоять справа Вот тестовый адрес сайта... http://turnkey.org.ua/solli/

    Asked by myav4ik, February 2, 2012

    0 votes
    3 answers
24. Высота крайних DIV по высоте среднего

    <div id="primary_content"> <div id='background_content_left'></div> <div id='center'></div> <div id='background_content_right'></div> </div> #primary_content{ width:736px; min-height:600px; margin-left:26px; float:left; margin-top:31px; } #background_content_left{ background-image: url("img/background_content_left.png"); width:17px; height:100%; background-repeat:repeat-y; float:left; } #center{ width:699px; min-height:600px; float:left; } #background_content_right{ background-image: url("img/background_content_right.png"); width:20px; height:100%; background-repeat:repe…

    Asked by Frie, February 2, 2012

    0 votes
    8 answers
25. Русские буквы и пробелы в пути

    Если к изображению на сайте я буду использовать такой путь:"img/1/Нити белое на черном.jpg" то во всех браузерах нормально отобразится?

    Asked by GLeBaTi, February 1, 2012

    0 votes
    2 answers