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. Блок под блоком

    уже часов 6 сижу и немогу допреть как сделать так чтобы блок под логотипом выводился не под ним, а справа от него.. подскажите пожалуйста.. пробовал float:left для обоих блоков... вроде начал выводить но только текст второго блока смещался всеравно под логотип. main.tpl - <a class="webmacter" href="/index.php" title="*********.ru"><img src="{THEME}/images/webmacter.png" alt="********.ru" /></a> <!--ТАБЫ--> <div class="tabsContent"> <!–- tabs -–> <ul class="tabNavigation"> <li><a href="#zero">Приветствие</a></li> <li><a href="#first">Погода</a></li> <li&g…

    Asked by montuk,

    0 votes
    11 answers

  2. Float

    Подскажите пожалуйста почему так вот два блока один плавающий 2ой нет ,2ой находится под ним.Почему он его не обтекает с левой стороны а ноходится под ним и у него пропадает фон?? [ code ]http://savepic.su/638264.jpg[ /code ] .blok1 { width:200px; height:150px; background:orange; border:1px solid; float:left; } .blok2 { width:200px; height:150px; background:yellow; border:1px solid; } <div class="blok1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div> <div class="blok2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam …

    Asked by mr.Dassler,

    0 votes
    11 answers

  3. Резиновый список товаров

    Здравствуйте. Попробую описать внятно суть моей проблемы: Есть таблица, ширина которой зависит от ширины окна браузера. Например, она равна 60% от ширины окна. Есть некоторая минимальная ширина одной ячейки таблицы. Допустим, что 200px. Мне нужно, чтобы было так: Когда ширина таблицы 900px - отображаются 4 ячейки по 225px, когда 801px - четыре по 200px, а когда ширина таблицы становится 799px - должны отображаться 3 ячейки по 266px. Ну, и так далее. Реализацию видел на ozon.ru - там собственно список товаров так работает. Но принцип не пойму. И так пытался, и эдак - не выходит. Помогите пожалуйста.

    Asked by boilroom,

    0 votes
    11 answers

  4. Как правильно поставить тег leech

    У меня кнопка сделана: <div class="button1" align="center"><a href="http://domen.ru/">Текст кнопки</a></div> Подскажите как правильно поставить тег leech, что бы скрыть ссылку. спасибо

    Asked by Tsilya,

    0 votes
    11 answers

  5. Разорвать бордер...

    Есть такая проблема: Хэдер выделен нижним бордером, а бэкграунд с картинкой ложится под него. Хочется разорвать бордер в месте пересечения с картинкой... clip не поможет - блок в нормальном потоке и позиционировать его низя. был вариант поверх бордера налепить кусок скопированый с бэкграунда... Но вёрстка полу-резиновая (1024-1280), проценты точно не обсчитаешь - боюсь будет разъезжаться... Какие нибудь варианты есть?

    Asked by Nanto,

    0 votes
    11 answers

  6. <div> шире окна браузера без появления скроллера.

    Доброе время суток! Есть такая конструкция: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>div</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Content-language" content="ru" /> <style type="text/css"> .pole_1 { width: 200px; height: 100px; float: left; background: #974C97; } .pole_2 { width: 200px; height: 100px; float: left; background: #3E5896; } #container { width: 800px; margin: auto; } #slider { width: 1600px; margin-left:…

    Asked by calebelt,

    0 votes
    11 answers

  7. Вопросы по Html+Php

    Привет Всем !У меня такой вопрос : я начал учить html по курсу Попова .И там у меня загвоздка я не могу в Денвере зделать следующее у него там есть урок в котором он перекидывает все файлы которые он сделал на сервер и после этого он нажимает на кнопку отправить и оброботчик ему выдает данные которые он ввел а у меня при нажатии на кнопку получается что он выдает окно и пишет сохранить ,или нет Как зделать так чтобы обработчик выдавал то что я ему ввел на экран?

    Asked by DRYFOREST,

    0 votes
    11 answers

  8. auto для height и width

    Как обсчитывается?

    Asked by Nanto,

    0 votes
    11 answers

  9. Background-image к низу сайта

    Хочу сделать бекграунд сайта таким: к низу прикреплено изображение а все что выше него - текстура неба. Но фоновое изображение категорически не хочет сползать вниз. Вот код: body { background-color: #000000; /*цвет фона*/ background-image: url(/img/23.jpg); /*подключаем изображения*/ background-position: left bottom; /*позиция изображения, по центре екрана, прижатый к вверх*/ background-repeat: no-repeat; /*не повторять изображение ни по одной оси*/ color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

    Asked by fofan,

    0 votes
    11 answers

  10. Список li в несколько колонок

    Скорее из праздного любопытства, но если есть решение то оно пригодится для упрощения верстки Имеем список <ul> <li>Первый</li> <li>Второй</li> <li>Третий</li> <li>Четвертый</li> <li>Пятый</li> <li>Шестой</li> <li>Седьмой</li> <li>Восьмой</li> <li>Девятый</li> </ul> Хотелось бы чтобы список выстроился в несколько колонок, но так чтобы пункты формировались не в строчку, а в столбик То есть не так Первый - Второй - третий - четвертый пятый - шестой - ... А так Первый —-- пятый Второй —-- шестой Третий —-- ...... Четв…

    Asked by ShumNo,

    0 votes
    11 answers

  11. Разметка в фотошопе / автофайл HTML

    Прочитал глазами новичка статью http://2people.ru/?p=23 У автора маловероятно спросить, написанному более 3х лет. Поэтому спрашиваю опытных верстальщиков: Зачем нарезать PDS файл инструменом Slice? Кстати, Влад Мержевич описывает такой подход тоже. Если PDS файл содержит слои, созданные дизайнером то, мне кажется, вместо порезки правильнее сохранить нужные изображения слоями как отдельные картинки. При таком подходе, вероятно, не сработает автогенерация HTML файла Фотошопом. Но автофайл представляет собой табличный вариант вёрстки, который менее предпочтителен по многим причинам, если я правильно понимаю материалы выложенные Владом Мержевич. Использовал ли кто нибудь авт…

    Asked by seemax,

    0 votes
    11 answers

  12. Насчёт иероглифов на сайте.

    Приветствую всех! Бегал по форуме, находил темы насчёт Иероглифов, но так и не нашёл чёткого ответа. http://beloved-mc.hut4.ru/ вот сайт, те кто заходит с оперы и мазины, всё время пишет ерунду "Р?РіСЂРѕРєРё, фанаты Minecraft. Рады вам сообщить, что открылся новый сервер РїРѕРґ названием " что то типа того, я вставлял вот такие мета теги: <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta http-equiv="Content-Type" content="text/html; charset=koi8-r" /> <meta name="keywords" content="text/html;charset=utf-8"> /> Толку от них нет . Помогите пожалуйста!

    Asked by ashimano,

    0 votes
    11 answers

  13. При установке галки на ckeckbox переход по ссылке.

    Здравствуйте. Появилась необходимость чтобы при установке галки на input type="checkbox" произошел переход на указанную страницу (так как будто нажали на ссылку), главное условие - без использования JavaScript. Я уже думал может как то обвернуть input в ссылку... Может у Вас есть какие нибудь или идеи, или уже готовый рецепт? Буду признательный любой помощи. Спасибо.

    Asked by maasja,

    0 votes
    11 answers

  14. Как сделать ссылки относительно корня сайта?

    Как сделать ссылки относительно корня сайта? Чтобы, например, ссылка с внутренней страницы на главную была вида href="/" ну и так далее, а то с относительными ссылками замучился.

    Asked by bob_24,

    0 votes
    11 answers

  15. новостной блок аки на тут.бае...

    Какими способами можно реализовать такое же отображение новостного блока как на tut.by?

    Asked by laird,

    0 votes
    11 answers

  16. в dive таблица

    Добрый день. Помогите плиз. Есть страничка где 2 div слева потом посередине div и справа div. Вставляю текст в центральный div, а потом после текста сразу таблица идет. А она уезжает вниз. Что делать не знаю. Ваши варианты:

    Asked by GArthurK,

    0 votes
    11 answers

  17. Фон на форму

    Добрый день! У меня вопрос, как сделать фоновое изображение на форму обратной связи.

    Asked by pgorum,

    0 votes
    11 answers

  18. Подключаемые шрифты в Win 7

    Привет! Проблема такова. Я подключаю шрифты следующим образом @font-face { font-family: 'HeliosC'; src: url('../font/HeliosC.otf'); font-family: 'HeliosCBold'; src: url('../font/HeliosC-Bold.otf'); } @font-face { font-family: 'HeliosThin'; src: url('../font/HeliosCondThinC.otf'); } Кроме браузеров в Win 7 везде подключаются..как так??

    Asked by Lincky,

    0 votes
    11 answers

  19. Rewrite в .htaccess при наличии QUERY_STRING

    update: Ответ я нашёл, но родился другой вопрос (в следующем сообщении) Поиск не помог мне ответить на этот вопрос, так что обращаюсь к вам. Есть сайт собранный с применением SSI, может он и не лучшим образом собран, но работал. И тут я озаботился редиректом с www.digga на просто digga В .htaccess добавил RewriteEngine On RewriteCond %{HTTP_HOST} ^www.digga\.ru$ [NC] RewriteRule ^(.*)$ http://digga.ru/$1 [R=301,L] Он работает в 90% работает. 10% выпало на ссылки с QUERY_STRING Имя файла вставляемого в шаблон Silnoe Koldunstvo.bg.shtml В шаблоне следующий код: <!--#if expr="$QUERY_STRING" --> <!--#include virtual="$QUERY_STRING.bg.shtml" --> <!--…

    Asked by digga,

    0 votes
    11 answers

  20. Проклятый height: 100%

    Столкнулся с такой проблемой как блоки внутри таблицы. Как сделать блок #second высотой в 100% от родителя? http://jsfiddle.net/rDfgW/

    Asked by Freakmeister,

    0 votes
    11 answers

  21. Как должен работать font-weight

    Здравствуйте. font-weight работает почему-то только в двух режимах: обычный (от 100 до 600) и жирный (от 600). По идее шрифт ведь должен и при других значениях? Пробовал в опере, хроме, фаерфоксе на разных шрифтах. И еще не по теме. Что такое с кодировкой?

    Asked by maceraty,

    0 votes
    11 answers

  22. учу сь верстать

    Здравствуйте, <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <style> BODY { } #pic {height:500px; width:500px; background:#000 url(pic2.png) no-repeat; position: absolute; /* Абсолютное позиционирование */ bottom: 15px; /* Положение от нижнего края */ right: 15px; /* Положение от правого края */ } </style> </head> <body> <div id ="pic"> </div> </body> </html> мне нужно, чтобы половина стебелька была черной http://olga153b.freetzi.com/ola/index.html Некоторые тексты из макета перенеслись нормально, а остальные не переносятся, чт…

    Asked by leto2012,

    0 votes
    11 answers

  23. Выравнивание прокрутки текста по вертикали

    Здравствуйте. В который раз не могу выставить в нужное место блок div, блок прокрутки текста div id="target". Он должен стоять корректно под заголовком, но уходит по вертикали, вниз, вытесняя вниз код перехода страницы и нижний колонтитул рисунка. Пробовал через CSS, не получается. Как все таки вставить текст с прокруткой под заголовок? http://savepic.su/1317510.htm <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content="" />…

    Asked by resurs,

    0 votes
    11 answers

  24. Как сделать валидную кнопку-ссылку

    Добрый день, вот код: <div style="width: 100px; height: 100px; background-color: blue;"> <p style="border: 1px solid; height: 100px;"> <a href="#" style="display: block;">Кнопка</a> </p> </div> Хочу сделать кнопку,чтобы при наведении на любую ее часть она определялась как ссылка, пока получается, что ссылка только текст. Что не так? И как вообще лучше сделать посоветуйте.

    Asked by KoDA86,

    0 votes
    11 answers

  25. Невидимый пробел

    Добрый день форумчане, вот сижу уже час и не могу понять...вот код: <div class="system-message-error"> {if $bLoginError} <li>{$aLang.user_login_bad}</li> {/if} </div> .system-message-error{position:absolute;width:460px;margin-left:-230px;top:18px;left:50%;border:1px solid rgba(190,40,40,0.4);background:rgba(145,0,0,0.2) url(../images/box_warning.png) 0 0 no-repeat;color:#d67f76;} .system-message-error li{display:block;margin:10px 0 10px 70px;} вобщем отображатся пиксельная полоска, FireBug показывает пробел в диве, но его там нету Может чего не доглядел? Заранее спасибо!

    Asked by kamaz6141,

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