Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Как спрятать блок за экран без горизонтальной прокрутки?

    У сайта есть блок div с элементом графики (красный блок), который не влезает в разрешение 1024, т.е. виден только в более высоком разрешении. Как сделать, чтобы браузеры не реагировали на него и не появлялась горизонтальная прокрутка в меньших разрешениях?

    Asked by MiHALbI4,

    0 votes
    15 answers

  2. Как автоматизировать перенос части базы данных из Экселя на сайт???

    Доброго времени суток. Очень понравился сайт. Давно им пользуюсь и почти всегда нужную инфу находил. Задача: есть база в екселе, которая обновляется каждый день. (как-то так сложилось изначально) Есть сайт, на нем страничка с таблицой, в которой отображается часть данных базы екселя. Сейчас все происходит в ручную и очень занудно. Как бы этот процесс автоматизировать, т.е. один раз сделать верстку таблицы, а обновлять только данные в ячейках, а не всю таблицу заново? Может XML? Слышал про php скрипты, но в php я совсем лузер. Помогите, плииииз!

    Asked by Shkur,

    0 votes
    24 answers

  3. Div width=100% более ширины окна браузера

    Здравствуйте! Уже часа 2 ломаю голову и никак не могу найти решение: Есть страница, контент, шире окна браузера. Внизу есть футер, в стилях стоит width: 100% Но футер тянется не на всю ширину страницы, а только на ширину окна браузера. Doctype - strict. Вот пример кода с описанной выше проблемой: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Див по ширине страницы</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> html, body { margin: 0px; padding: 0px; width: 100%; height: 100%; } #…

    Asked by pivkos,

    0 votes
    14 answers

  4. Как сделать скошенные углы

    Доброго времени суток, уважаемые форумчане! Попался макет, где много элементов со скошенными углами. Один: http://www.screencapture.ru/file/A893fA1F Два: http://www.screencapture.ru/file/76106c72 Три: http://www.screencapture.ru/file/d8264D58 Четыре: http://www.screencapture.ru/file/A836B408 Подскажите какой-нибудь гайд, как это сверстать. Спасибо!

    Asked by web-monster,

    0 votes
    8 answers

  5. задний фон текста (HTML , CSS )

    Здравствуйте уважаемые форумчани. Помогите пожалуйста разобраться с проблемой так как я новичек и просто уже сил нету искать выход с этой ситуации : Нужно чтобы текст ( или блок текста ) лежал на простеньком фоне.Да так , чтоб фон не выходил за пределы этого текста .Тоисть где текст начался там и фон. Где закончился , там и фон закончился наш. <!DOCTYPE html> <html> <head> <title>Дочерние селекторы</title> <style type="text/css"> .ColorRed{ background: red; } MyBlock{ margin-left : 50px; } </style> </head> <body> <p class = "ColorRed">blablalbalbalba blablabla bla blablalbablablalbalb…

    Asked by mixajuba,

    0 votes
    6 answers

  6. Меню

    Подскажите как сделать меню http://clip2net.com/s/50Q11h

    Asked by Sergey410,

    0 votes
    3 answers

  7. Форма в две колонки

    Есть необходимость переверстать форму из двух колонок с таблиц на дивы. Проблема в том что часть полей из левой колонки надо растянуть на две, т.е. типа colspan Пришлось делать так в два блока до поля на всю ширину потом один блок на всю ширину, потом опять в два блока. Как-то не очень красиво. Может кто сталкивался с таким. подскажет как это сделать красиво. Спасибо.

    Asked by evgenbkn,

    0 votes
    9 answers

  8. Скрвание текста

    Здравствуйте, я делаю сайт помощи для игры Requiem. Веб-программинг никогда не учил, всю инфу нахожу в интернете. Но вот столкнулся с проблемой. Не могу найти скрипт для скрытия/свертывания текста. Типа чтоб при нажатии на "Показать текст" разворачивался текст, а при повторном нажатии, но там уже будет "Скрыть текст" он сворачивался обратно. А вместо текста хочу записать туда таблицу. Пожалуйсто, подскажите как это можно сделать. Заранее благодарен.

    Asked by ktak,

    0 votes
    38 answers

  9. Зазор между div'ами при нулевом padding,margin,border

    Не очень понимаю откуда взялась такая проблема, поскольку раньше ее не встречалось. Задача: требуется составить 3 блочных слоя в один ряд без зазоров, т.е.вплотную друг к другу. Решение: делаю, как обычно. У каждого из трех: {width:100px; border: 0; padding: 0; margin:0; display: inline-block;}.И все прекрасно, но вместо 300 в сумме получаю по 3 дополнительных пикселя с каждой стороны у каждого дива. В чем может быть дело? Не могу понять. Подскажите, пожалуйста.

    Asked by v.asya,

    0 votes
    6 answers

  10. Сайт не реагирует на изменение CSS стилей

    Прошу помощи местных гуру. У самого уже голова пухнет. Работал над сайтом на шестом Друпале. Сидел, мирно правил CSS-стиль через Geany (открыв файл непосредственно с сервера через Nautilus, т.е. изменения применялись сразу). ВНЕЗАПНО изменения перестали отображаться на сайте. Ну, например, ширину таблицы делаю в два раза больше, а на сайте она остаётся той же. Что ж, чищу куки браузера, кэш сайта. Обновляю страницу -- никаких изменений. Поступаю радикально -- удаляю style.css, обновляю страницу и, чудо, вся страница покарёжилась. Копирую файл обратно, обновляю страницу, стили на месте. Редактирую стили, обновляю страницу, ничего не происходит. Хорошо, копирую style.css из…

    Asked by vkapas,

    0 votes
    5 answers

  11. Показать / Скрыть текст.

    Скрипт Показать / Скрыть текст. В Google Chrome и Internet Explorer работает нормально, но в Mozilla Firefox не работает. Скрипт взят здесь http://www.sdws.ru/topic.php?t=3&id=10 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Показать-Скрыть</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> a {outline: none;} a img {border: none;} </style> <script type="text/javascript"> function on(n){ eval("document.all.text"+n+".style.display='block';"); eval("document.all.ontext"+n+".style.disp…

    Asked by andrecool,

    0 votes
    22 answers

  12. Откуда берется расстояние между блоками?

    Доброго времени суток. Простейший блок на странице ввел меня в замешательство. <style type='text/css'> section{ display:block; } #container{ margin:0 auto; width:900px; } #divsection div{ display:inline-block; /*float:left;*/ width:150px; border:1px solid black; margin:0; } </style> <section id='container'> <section id='divsection'> <div id='active-tab'><a href=''>Пункт 1</a></div> <div><a href=''>Пункт 2</a></div> <div><a href=''>Пункт 3</a></div> <div><a href=''>Пункт 4</a></div&g…

    Asked by FRUTALITY,

    0 votes
    13 answers

  13. DIV "вываливается" за пределы родительског DIV

    есть CSS #container {border:1px solid red;} #body {width: 1024px; margin: 0px auto; position: relative; border:8px solid red; } #header {width: 1024px; height: 231px; background-image: url(img/header.jpg); border:1px solid red; } #post {width: 724px; height: 231px; float: right; border: 1px solid red; } HTML <div id="container"> <div id="body"> <div id="header"> </div> <div id="post"> </div> </div> </div> DIV - container - по размеру сайта DIV - Body центрируется и в него помещается "Голова…

    Asked by TrueTrue,

    0 votes
    4 answers

  14. Выпадающее меню на CSS помогите скрыть подменю!

    Доброго времени суток! Никак не могу скрыть блок выпадающего меню... Помогите плиз!!! Вот код CSS, тут просто какая-то мелочь, но я этого не могу увидеть: /*—————-menu tab———————-*/ .menu { font-size:14px; padding:0; float:left; width:890px; } /* remove all the bullets, borders and padding from the default list styling */ .menu ul { padding:0; margin:0; list-style-type:none; height:35px; } /* style the sub-level lists */ .menu ul ul { width:auto; } /* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu ul li { float:left; height:35px; line-height:35px; list-style-type:none; } /* style the sub …

    Asked by antiaofd,

    0 votes
    5 answers

  15. Картинка в div'e и текст рядом

    Здравствуйте! Что нужно добавить в css, что бы текст был рядом с картинкой которая вызывается из div'a, а не переносился на другую строку? Код CSS: #ct1 { background: url(images/write.png) repeat 0 0; width: 27px; height: 27px;} HTML: <div id="ct1"></div><font size="5" color="#6699FF"><b>Оставить отзыв</b></font> Скриншот: (нужно сделать чтоб было на одной строчке) Вариант просто использовать img src не годится, т.к. хочется чтоб картинка была "вшита" в дизайн и не выделялась. Спасибо!

    Asked by postoianniy,

    0 votes
    2 answers

  16. Инверсия цвета части текста (в зависимости от фона)

    Доброго времени суток. Пытаюсь добиться эффекта, как на изображении Картинка взята с поста на Хабре, там реализация меню с плавным переходом от одного пункта к другому. Мне нужно нечто попроще: есть блок фискированной ширины (назову "родитель"), внутри него еще один блок (ширина любая, не превышающая родительскую — "потомок"). Внутри текст. Та часть текста, что не выходит за границы потомка - одним цветом. А та часть, что выходит - должна быть другим цветом. Как можно добиться этого эффекта? JS можно использовать. Получается что-то вроде прогресс-бара с надписью внутри.

    Asked by FRUTALITY,

    0 votes
    1 answer

  17. Два блока(div) заданной шириной рядом по горизонтали + текст обтекает только один блок

    Здравствуйте! Вот здесь на сайте есть такой пример - http://htmlbook.ru/faq/kak-razmestit-dva-sloya-po-gorizontali. Мне хотелось бы сделать, чтобы текст внизу "Duis te feugifacilisi..." шел сразу под желтым блоком, а при увеличении содержимого серого, обтекал бы серый. Да, и самое главное, чтобы сохранилось у серого блока "прилипание" левого края к желтому при растягивании ширины браузера, т.е. float: right; для .layer2 не совсем подходит. Кто-нибудь знает, как это реализовать блоками, может по-другому сверстать нужно? Вот картинка, как должно выглядеть:

    Asked by Rossi25,

    0 votes
    6 answers

  18. Не растягивается div по содержимому

    Не могу понять почему div c классом Content, не хочет растягиваться по содержимому. Внутренние блоки, почему-то располагаются снаружи этого контейнера. html <div class="header"> </div> <div class="LineOne"> </div> <div class="Content"> Текст для проверки <div class="leftside"> Текст для проверки </div> <div class="rightside"> <div class="Right"> </div> </div> </div> <div class="LineTwo"> </div> <div class="footer"> HOME | ABOUT US </div> css * {margin: 0;padding: 0;} html, body {background: url(../img/background.jpg) repeat;} .h…

    Asked by solistcomru,

    0 votes
    3 answers

  19. Подскажите пожалуйста. Смена картинки через кнопку

    Добрый день! Подскажите пожалуйста в одном вопросе. Пишу сайт, в нем каталог товаров. Немогу реализовать кнопку или иконку, при нажатии на которую идет смена основной картинки товара. Пример реализации http://bose.ru/catalog/46/508/ Там при нажатии на выбор цвета меняется основная картинка товара. Пытался загуглить, но к сожалению без успешно =( Я как понимаю тут нужно реализовать Javascript? Есть ли способы это реализовать на html + css? Буду очень благодарен за подсказку =)

    Asked by Gazaret,

    0 votes
    4 answers

  20. Расстояние между элементами опроса (input)

    Есть такая схема: <form action="#"> <input type="radio" name="answer" value="a1" /> ТестТестТест<br /> <input type="radio" name="answer" value="a1" /> ТестТест<br /> <input type="radio" name="answer" value="a1" /> Тест<br /> <input type="submit" value="Проголосовать" /> <input type="button" value="Результаты" /> </form> В какие элементы лучше заключить варианты ответов, чтобы можно было нормально margin задать для пространства между вариантами опроса? <p>, <li>? Какие ещё будут предложения? Что лучше еподойдёт?

    Asked by Deacon,

    0 votes
    13 answers

  21. Анимация чисел

    Здравствуйте! Подскажите пожалуйста, как реализовать быструю прокрутку чисел от 0 до 100 например. Можно это сделать на css3 или jquery, может уже есть готовый плагин?

    Asked by coolhtml,

    0 votes
    3 answers

  22. Автоматический переход на другую страницу.

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

    Asked by Mants,

    0 votes
    13 answers

  23. Горизонтальное меню картинками при помощи CSS

    Задача сделать горизонтальное меню средствами css, при этом картинки должны менять при наведении курсора. Как сделать ролловер, я нашел: http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee Подскажите как при этом сделать горизонтальное меню например из 5-ти пунктов.

    Asked by Goldie,

    0 votes
    9 answers

  24. Выравнивание DIV-ов по низу таблицы

    Имеетс два ДИВа заключенных в ячейку таблици. Надо выравнять DIV-ы по низу таблицы. У меня получается примерно следующее Дивы выравниваются по низу таблицы когда одинаковые. Но когда один из них становиться больше другого то меньший начинает равняться на верх большего, а не на низ таблицы. +———————-+ | | | | | +—--+ +——+| | | 1 | | || | +—--+ | 2 || | | || | +——+| +———————+ Можно это как-то исправить? Вот код: CSS td.logo { height: 82px; width: 250px; padding: 5px 0 0 5px; vertical-align: bottom; } #logo { /* Логотип */ height…

    Asked by zhukovia,

    0 votes
    7 answers

  25. Верстка и проблема со шрифтами под Mac OS

    Привет, Друзья! В общем озадачил меня мой дизайнер. Он часто смотрит сайты Лебедева на MacOS и заметил, что на его сайтах шрифты всегда смотрятся отлично. Есть все сглаживания как в фотошопе, в общем шрифты смотрятся просто супер! А на наших сайтах, которые мы верстаем, говорит что на платформе MacOS они смотрятся убого, что есть какая-то странная полужирность, что не всегда есть сглаживания и вообще не так, как на сайтах Лебедева... Вроде я немного знаю css, смотрел и css на сайтах лебедева.. никакой разницы не заметид.. лишь может быть только это: font-style:normal; font-variant:normal; font-weight:normal; Вставляю на свой сайт. Никаких изменений. Кто что знает о верст…

    Asked by Вадим,

    0 votes
    43 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept