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. Как можно обратиться к родителю в CSS ?

    Как можно обратиться к родителю в CSS ? В такой структуре : <li> <div class="author"></div> </li> Хочу сделать рамку, а как обратиться к li c класса не пойму ?

    Asked by Saturn,

    0 votes
    4 answers

  2. Установить ширину блока по ширине содержимого.

    В спецификации CSS про свойство width написана интересная штука (http://www.htmlbook.ru/css/width.html) Если я вставляю в сайт с резиновой версткой одну картинку большой ширины, то появляется горизонтальный скроллер, но угловые элементы, по прежнему стоят у края окна броузера. Подскажите, можно ли сделать так, чтобы граница блока определялась границей контента ? Пример сайта вот здесь http://ulskiy.org.ua/example/

    Asked by Casufi,

    0 votes
    6 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. Верстка и проблема со шрифтами под Mac OS

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

    Asked by Вадим,

    0 votes
    43 answers

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

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

    Asked by MiHALbI4,

    0 votes
    15 answers

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

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

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

  8. Проблемы с footer и menu

    В общем несколько траблов. 1. Сделали footer. Он не должен быть всегда к низу. Футер зависит от кол-ва текста. Но вот почему-то получается так, что внизу футера появляется линия странная и мешает нормальной заливки 2. Меню. Меню должно быть резиновым. 50% от ширины экрана. Как это сделать? 3. Footer должен идти повторяющейся волной. В общем сам сайт: http://psywalker.ru/SAITS/Lotos/main-page.html И макет сайта: www.w3u.ru/000.jpg p.s. линия под футером появляется только на больших экранах

    Asked by Вадим,

    0 votes
    84 answers

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

  10. форма логина-пароля

    Доброго времени суток Вопрос у меня по форме логина-пароля. Задача - сделать следующее: Я понимаю, что форму пароля надо делать так: <input type="password" /> также я понимаю, что чтобы в поле было вбито заранее слово password, надо его вписать в value="" но если у инпута тип password, то содержимое value сразу отображается звездочками. а можно как-то сделать, чтобы при загрузке страницы в поле пароля стояло видимое слово password, а набирался потом пароль скрытым - звездочками? что-то путано у меня получилось объяснить я просто не могу придумать, что у гугла спросить и в какую сторону копать. помогите, плиз.

    Asked by kalyaka-malyaka,

    0 votes
    40 answers

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

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

    Asked by evgenbkn,

    0 votes
    9 answers

  12. Меню

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

    Asked by Sergey410,

    0 votes
    3 answers

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

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

  15. Вопрос знатокам

    Здравствуйте! подскажите,как решить проблему. фон - картинка, текст контента не имеет своего фона, менюшка тоже не имеет фона (общий фон картинка). меню имеет выпадающее подменю на текст. Вопрос: как сделать прозрачный текст под меню или чтобы фон в подменю повторял в точности основной фон? Заранее благодарен!

    Asked by Leonidk,

    0 votes
    114 answers

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

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

  17. если не указан DOCTYPE...

    скажите плз.. как будут реагировать броузеры если не указан собственно DOCTYPE? какой будет браться по умолчанию??!

    Asked by klierik,

    0 votes
    29 answers

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

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

    Asked by vkapas,

    0 votes
    5 answers

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

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

  21. Вопрос по картинкам

    Народ! существует ли способ создания закругленных углов в картинках с помощью css. К примеру имеем картинку http://www.ageent.ru/demo/22.jpg На выходе должны получить http://www.ageent.ru/demo/11.jpg Картинки могут быть разного размера, закругление должно работать в ie. еще раз. вопрос стоит не в создание закруглений у div а в создании закруглений у картинки <img src="" /> Просьба скидывать примеры, если есть. Заранее благодареенн.

    Asked by ageent,

    0 votes
    51 answers

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

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

    Asked by Mants,

    0 votes
    13 answers

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

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

    Asked by FRUTALITY,

    0 votes
    1 answer

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

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

    Asked by coolhtml,

    0 votes
    3 answers

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