HTML Coding

29,542 questions in this forum

1. Расположение текста относительно друг друга.

   Здравствуйте, нужно, чтобы меньший текст располагался по центру относительно большего (на скриншоте показано). Если набирать одно за другим - будет меньший внизу. Как поступить?

   Asked by Red Planet, August 14, 2010

   0 votes
   3 answers
2. Горизонтальная верстка.

   Надо горизонтально сверстать страницу. Есть основной блок (id="main") и блоки поменьше (class="block"), шириной и высотой равные ширине и высоте страницы: <div id="main"> <div class="block"> ... </div> <div class="block"> ... </div> <div class="block"> ... </div> <div class="block"> ... </div> ... </div> Как при помощи css сверстать так, чтобы блоки class="block" стояли друг за дружкой по горизонтали, даже если выходят за границу экрана? P.S. В интернетах рецепт при помощи javascript изменять ширину основного блока и float:left для блоков поменьше. Не хотелось бы использовать javascript...

   Asked by Atilla, August 13, 2010

   0 votes
   2 answers
3. border-left: background-image

   нужно сделать бордер с фоновой картинкой как? на ксс

   Asked by ufaclub, August 13, 2010

   0 votes
   3 answers
4. Сползает центральный div в IE 8

   Добрый день. Сел верстать страничку, всё шло нормально пока не решил затестить в разных браузерах. Хром, Опера, Фаерфокс Сафари показали идентичный результаты, а вот IE как ему и свойственно отобразил "оригинально" <div id="center_block"></div> сполз вниз ровно на страницу. Искал решение проблемы нашёл разные варианты но не один не помог. Вот код: <style> body { background-color:#6f6f6f; text-align:center; margin:0px 0px; padding:0px 0px; height:100%; } #container { height:100%; width:1042px; margin:0px auto; float:none; } #shadow_left { background-image:url(img/shadow_left.jpg); background-repeat:repeat-y; width:9px; height:100%; float:left; position…

   Asked by alex4715, August 13, 2010

   0 votes
   5 answers
5. Проблема с float

   есть трехколоночный макет, вот часть кода, с которым возникла проблема - блоки должны ити горизонтально, но почему-то сползли и расположены вертикально: <div id="main"> <div style="float: left;"> <div style="height: 48px; width: 209px; background-image: url('{THEME}/images/box_header.jpg');"></div> <div style="height: 200px; width: 183px; margin-left: 13px; background-image: url('{THEME}/images/box_background.jpg');"></div> </div> <div style="margin-left: 10px; float: left;"> <div style="height: 63px; width: 57px; background-image: url('{THEME}/images/content_top_left.jpg'); float: left;"></div> <…

   Asked by Watchman, August 13, 2010

   0 votes
   14 answers
6. картинка+ссылка, наведение другая картинка

   Итак.... У меня возникла проблема. Мне нужно сделать ссылку в которой будет небольшая картинка и возле нее текст, но как сразу на нее навести то картинка меняется на другую.... буду очень признателен если подскажете как это сделать.

   Asked by sedrik, August 13, 2010

   0 votes
   5 answers
7. Как сверстать нахлёстом

   Хтелось бы спросить Вашего мнения, дорогие форумчане. Как, по Вашему, лучше всего реализовать такой вот нахлёст картинки с надписью "Новые коллекции" на хэдер, как показано на рисунке ? Макет резиновый.

   Asked by dimacat, August 13, 2010

   0 votes
   22 answers
8. Помогите

   У меня есть макет .Проблема вот в чем я не знаю как сверстать шапку(шаблон фиксированный) тоесть я фон то могу отобразить правильно,но логотип и баннер не знаю как сверстать никак не встают так что бы логотип слева баннер справа.Не могу сообразить как сверстать... Помогите.Пробовал фон делать релатив а логотип с баннером на обсолют,но так фон съезжает да и получается не под все разрешения экрана. Вот код фона шапки <table style="width: 100%; border-collapse: collapse"><tbody><tr><td style='width: 1100px; height: 174px; letter-spacing: 0px; word-spacing: 0px; background-image: url("http://nek.3dn.ru/images_shw/shapka_bg.png"); background-repeat: no-r…

   Asked by TrilLiaN, August 13, 2010

   0 votes
   13 answers
9. Подскажите, как лучше сделать

   Здравствуйте ! Нужно сделать горизонтальное меню с разделителями, при этом сверху над надписью должен быть рисунок. Делал это меню, естественно, списком, в качестве разделителя использовал border-left для li. Также для li сделал фоновым рисунок, который должен находиться сверху. Собственно, вот что должно получиться: А вот, что пока получается: Как можно увидеть, бордеры разъехались на всю высоту блока li. Как сделать, чтобы разделитель был как и на рисунке, который показывает, что должно получиться ? Придётся отказаться от бордеров и юзать клавишу-разделитель на клавиатуре ? Заранее спасибо за помощь !

   Asked by dimacat, August 13, 2010

   0 votes
   8 answers
10. С помощью чего лучше сделать?

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

    Asked by ilya_daddy, August 13, 2010

    0 votes
    10 answers
11. Поворот текста. -webkit-transform.

    Поворачиваю текст на 90 градусов вот так: <h1 style="-webkit-transform: rotate(90deg); display:inline-block;">Это текст</h1> Но поворачивается текст вокруг центра, и получается какая-то фигня: Было: Стало: Как повернуть текст так, чтобы левый верхний угол исходной совпадал с левым верхним уже повёрнутой: ?

    Asked by Atilla, August 12, 2010

    0 votes
    6 answers
12. Растянуть блок по ширине содержимого без span

    Есть следующий код: <div style="width:300px"> бла бла бла <code style="display:block; white-space:nowrap"><span style="border:#000 1px solid">тут иногда длинная строка</span></code> бла бла </div> Использую тег span только потому что если применить border к code, бордер растягивается на ширину блока div, а не ширину текста внутри code. Посоветуйте, как избавиться от семантически лишнего span.

    Asked by kedovan, August 12, 2010

    0 votes
    7 answers
13. музыка на всех страницах

    А реально ли (через яс или флеш) сделать так, что бы музыка продолжала играть при переходе на другую страницу а не начиналась с начала?

    Asked by sh1va, August 12, 2010

    0 votes
    1 answer
14. Что почитать по созданию макетов?

    Сначала использовал готовые макеты и на них верстал элементы. Потом читал моменты по верстке, например отрицательные поля. Сейчас с определенных пор решил сам делать макеты и верстку с нуля. Но постоянно что-то не состыкуется... Что-то не так... Наверняка должна быть какая-то мини справка, шпаргалка для создания макетов для сайта. Выделил для себя верстку в 2 этапа: 1) макет – подсвечиваю куски страницы. 2) верстка элементов. Правильно ли я определился? Все таки что почитать чтобы наконец уверенно делать макеты, в том числе всякие сложные, многоуровневые? Заранее спасибо!!!

    Asked by Texter, August 12, 2010

    0 votes
    1 answer
15. Проблема с PNG

    Доброго времени суток! Хотелось бы понять почему происходит следующий баг. Имеем PNG-картинку с градиентом от #ccc до полной прозрачности: Теперь берем эту картинку и накладываем поверх фона с цветом #ccc. Код страницы такой: <!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=utf-8"> </head> <body> <div style="background: #ccc url(gradient.png) no-repeat 0 0; width: 200px; height: 200px;"></div> </body> </html> Получаем вот такую картину: Если присмотреться (или воспользоваться color picker'ом )…

    Asked by VJiK, August 12, 2010

    0 votes
    29 answers
16. OPERA расползание

    При открытии галереи или других "длинных" страниц футер не хочет сползать вниз, а должен... помогите пожалуйста собственно сайт: (убран за ненадобностью)

    Asked by SRGB, August 12, 2010

    0 votes
    4 answers
17. Сортировка таблицы - мелкая деталь

    Как сортировать таблицу на HTML+JavaScript? Несложно нагуглить объяснения и готовые решения с описаниями. Однако все то, что мне удалось найти, рассматривает задачу как единое целое, и ответ на интересующий вопрос приходится "выкавыривать" из описания и примера. (При этом нет уверенности что эта "выковырянная" информация правильная). На самом деле задачу нужно рассматривать как несколько относительно независимых задач 1. Событие, по которому надо сортировать таблицу по той или иной колонке. 2. Применяемый алгоритм сортировки, написанный самостоятельно, или же использовать встроенную функцию 3. Функция сравнения (простые варианты - сравнивать как числа, сравнивать как стро…

    Asked by rgl, August 12, 2010

    0 votes
    1 answer
18. IE7 появляется отступ

    Не пойму, почему появляется отступ в IE7? На картинке видно белую полосу. Вот страничка, например. Причем, глюк проявляется только в каталоге. В FF, хроме и опере нет отступа. В 8м ИЕ не проверял - у меня его нет на работе. UPD: логин/пароль для входа на сайт: km Сайт просто еще в работе.

    Asked by d0ublezer0, August 12, 2010

    0 votes
    8 answers
19. .htaccess

    Привет всем! Помогите со след.проблемой , подскажите коды редиректа которые нужно прописать в .htaccess, чтобы перенаправляло на главную страницу сайта вместо sait.ru/index.html заходил на sait.ru и как я понял для каждого вида страниц отдельный код, если не трудно пропишите тут и для index.php Всем заранее спасибо! Потом тему можно удалить на php нашел DirectoryIndex index.php RewriteEngine On # Редиректы RewriteRule ^page/(.*)$ index.php?cstart=$1 [L] но что то не работает... (( мне на поддомен надо, может путь надо указывать? если то как? DirectoryIndex index.html index.php index.shtml map.html нашел в инете

    Asked by dauren300, August 12, 2010

    0 votes
    1 answer
20. Табличная верстка

    Господа, доброй ночи! Верстаю таблично простой сайт. Таблично - потому что блоками пока что для меня сложно. И в море предоставленной информации для новичков, видимо, утонула. Не могу найти нужного (по ощущениям чего-то крайне простого и всем понятного). Есть шапка, меню, две колонки и подвал. Как сделать, чтобы содержимое по ссылкам меню отображалось в одной из колонок? Думаю, на сайте есть где-то ответ, который от меня прячется. Если так, будьте добры, скиньте ссылку.

    Asked by latierra, August 11, 2010

    0 votes
    1 answer
21. Выпадающее меню :hover

    Добрый вечер. Суть вопроса. Есть выпадающее меню, в нормальных браузерах + 7 и 8 осле работает, в 6 - нет div.header-middle ul.menu { width: 100%; height: 60px; list-style: none; text-align: right; position: absolute; top: 10px; left: 0; } ul.menu li.menu { border-right: 1px dashed rgb(250,130,30); display: inline-block; float: right; width: 8%; height: 100%; text-align: center; vertical-align: top; position: relative; } ul.menu li.menu-end { border: 0; } ul.menu li.menu a { color: rgb(10,10,10); font: normal 12pt Arial; text-decoration: none; display: block; width: 100%; height: 100%; pa…

    Asked by Frolov, August 11, 2010

    0 votes
    4 answers
22. Как убрать зазор между блоками в ИЕ6

    В общем, уже и не знаю что делать. Часа четыре сижу не могу понять где же я не прав. Верстаю закруглённые углы. Получается левый и правый - картинки (бг), а линия - тоже бг зарепиченый по оси Х. И вот в ИЕ6 вылазит щель, и хоть ты тресни. Уже испробовал кучу всяких советов, которые нашёл на форуме, но то ли руки кривые, то ли уже устал ...х/з. Собственно, вот сам трабл: http://rubanys.narod.ru/index.html

    Asked by Belovsan, August 11, 2010

    0 votes
    7 answers
23. стили картинок в джумле

    Кто знает почему стили для картинок не работают в джумле? Сделал шаблон, все стили работают, а для картинок не работают. В файле temlates.css определены. Смотрел в коде генерируемой страницы, джумла им сови классы не присваивает, стоят мои, а свойства не меняются. Например обводка картинок не работает.

    Asked by SoFuWa, August 11, 2010

    0 votes
    5 answers
24. Меню

    index.html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Информационный сайт</title> <link href="style/common.css" rel="stylesheet" type="text/css" /> </head> <body><div id="page"> <div id="header"> <h1>Название сайта</h1> <h2>Краткое описание сайта</h2> </div> <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li&g…

    Asked by alexandr.coder, August 11, 2010

    0 votes
    3 answers
25. Выравнивание

    http://flowers-in-the-house.ru/primer.html Справа нужно вставить картинку и что бы при любом растягивании страницы контентом она была вплотную к нижней зелёной поолске. Как так делать? Кол-во новостей естественно будет менятся и высота блока новостей. Вёрстка дивами

    Asked by SoFuWa, August 11, 2010

    0 votes
    4 answers