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. задний фон текста (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

  2. Меню

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

    Asked by Sergey410,

    0 votes
    3 answers

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

    Доброго времени суток, уважаемые форумчане! Попался макет, где много элементов со скошенными углами. Один: 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

  4. Всплывающее окно

    Имеется вот такая штука: Как ее грамотно заверстать? На ум приходит только либо таблца 3х3, или же дивами (там из тоже будет много). Расскажите, кто как делает подобные вещи? P.S. Также нужно отметить, что окно должно тянуться как по горизонтали, так и во вертикали. Тень и углы - естественно полупрозрачные. Спасибо за любую инфу...

    Asked by DjTarik,

    0 votes
    66 answers

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

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

    Asked by evgenbkn,

    0 votes
    9 answers

  6. Зазор между 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

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

    Доброго времени суток. Простейший блок на странице ввел меня в замешательство. <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

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

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

    Asked by vkapas,

    0 votes
    5 answers

  9. Есть вопросы по сайту. Помогите!

    Вот мой сайт: http://www.kolpino-remont.ru/ А вот вопросы: 1. Как сделать чтобы шапка сайта растягивалась по размеру окна? И чтобы она на сайте была 100% от своего размера. 2. Как в списке рубрик строку "Каталог организаций" сделать чтобы она не выделялась при наведение курсора? 3. Как отступ текста до рамки в последней строчке списка увеличить? 4. Как счетчик сместить в право? Если еще найдете глюки напишите. Буду очень благодарен.

    Asked by SYS1984,

    0 votes
    96 answers

  10. 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

  11. Картинка в 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

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

    Скрипт Показать / Скрыть текст. В 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

  13. Выпадающее меню на 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

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

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

    Asked by Rossi25,

    0 votes
    6 answers

  15. Не растягивается 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

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

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

    Asked by FRUTALITY,

    0 votes
    1 answer

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

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

    Asked by ktak,

    0 votes
    38 answers

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

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

    Asked by Gazaret,

    0 votes
    4 answers

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

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

    Asked by coolhtml,

    0 votes
    3 answers

  20. Выравнивание 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

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

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

    Asked by Mants,

    0 votes
    13 answers

  22. Расстояние между элементами опроса (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

  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. Проблема с отображением опросов

    У меня в шаблоне плохо отображаются опросы. Вот скрин: Слишком большой отступ между вариантами ответов. Как можно это исправить? Вот файл default.css: html,body {font-size:11px; color:#5a5a5a; font-family:tahoma; background:#262a2d;} * {margin:0; padding:0;} img {border:0px;} div {vertical-align:top;} ul {list-style:none;} form {padding:0px; margin:0px;} h1 {letter-spacing:-1px; font-weight:normal; font-size:22px;} textarea {border: 1px #dadada solid;} input {font-size:11px; color:#666; padding: 3px 0 0 3px;} button {color:#666;} #wrapper {width:expression((documentElement.clientWidth||document.body.clientWidth)<1004?'1004px':''); min-width:1004px;} *:first-child+…

    Asked by Liciero,

    0 votes
    2 answers

  25. CSS: альбомная ориентация при печати

    Имеем ряд страниц с достаточно широкими таблицами. На печати при книжной ориентации они обрежутся, а в альбомной как раз как надо. Таблицы, кроме того, что широкие, еще и длинные. Правильное решение @page { size:landscape; }работает в Opera, не работает в Internet Explorer, Firefox, Safari, Chrome. Окей, забудем про валидность и вспомним, что есть хаки. С их помощью мы повернём наши таблицы на 90°, а ориентацию бумаги оставим, как есть: body { -webkit-transform:rotate(-90deg); /*Safari, Chrome*/ -moz-transform:rotate(-90deg); /*Firefox*/ filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /*IE*/ } Но хаки тоже счастья не приносят: нижняя часть таблицы срез…

    Asked by tambourine,

    0 votes
    2 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