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

29,542 questions in this forum

  1. рамка во круг сайта

    Приветствую! Подскажите пожалуйста, что-то никак не пойму... Нужна рамка для сайта во всю ширину и высоту страницы, с 5px отступом со всех сторон от тела документа, делаю margin:5; но сайт растягивается больше чем 100% и к тому же рамка прилипает к правой части и низу. <!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=utf-8" /> <title>Untitled Document</title> <style> html,body { margin:5; padding:0; width: 100%; height: 100%; color: #FFF; backgroun…

    Asked by chillout,

    0 votes
    35 answers

  2. Почему родительский блок не растягивается шире viewport'а ?

    Здравствуйте. Столкнулся с такой проблемой : вложенный блок не хочет растягивать свой родительский блок. Вроде это противоречит теории, с которой я знаком. Например: <html> <body> <div style="height:100px; width:2000px; background:red"> </div> </body> </html> Видно (в отладчике), что body растягивается только до ширины вьюпорта, а дальше не хочет. Почему это так? Разве так должно быть? Данный пример, естесственно, никакого отношению к реальной задаче не имеет, это просто очень сильное упрощение. Хотелось бы просто понять принцип (теорию)

    Asked by salikoff,

    0 votes
    4 answers

  3. Можно ли мне уже?

    Ну вот вроде бы уже могу делать сайты, но какая то тоска на душе... можно ли мне уже брать деньги за верстку и сколько, например такую, и где главное? Свой дизайн еще не придумывал брал из интернета.

    Asked by Laroxx12,

    0 votes
    25 answers

  4. зацикливание анимации css

    Добрый день! Подскажите как зациклить анимацию кнопки, пока что анимация работает только после клика, а мне нужно чтобы она работала всегда с перерывом в 1 секунду. код такой <!DOCTYPE html><html lang="en" class="no-js"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Creative Button Styles </title><meta name="description" content="Creative Button Styles - Modern and subtle styles & effects for buttons" /><meta name="keywords" content="button styles, css3, modern, flat button, subtle, effect…

    Asked by anutti,

    0 votes
    2 answers

  5. Есть пара вопросов по HTML

    1. Чем отличается <!DOCTYPE HTML PUBLIC ""-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> (строгий синтаксис HTML) от <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> (переходный синтаксис HTML) и что лучше использовать? В исходном коде главной страницы этого сайта стоит строгий, вот мне и не понятно. 2. Какую кодировку стоит использовать? <meta...charset=windows-1251" или utf-8 ?> 3. Нужно ли применять свойства meta name= "description и keywords?" Буду крайне благодарен за помощь

    Asked by Михаил Кононенко,

    0 votes
    13 answers

  6. поиск шрифта

    сабж по имени Chiller киньте, пожалуйста, линкой, если знаете его или аналог с кириллицей

    Asked by D.S.Denton,

    0 votes
    0 answers

  7. "Промельк" при hover

    Есть вот такой макет на начальной стадии (тестовый, будет резиновый) - http://www.freeway-design.ru/test/ При раскрытии блока картинка мелькает на долю секунды. Вроде не критично, но очень раздражает. Каким образом можно средствами css это убрать и можно ли вообще?

    Asked by Verder,

    0 votes
    21 answers

  8. Прозрачный фон

    Привет всем! Не подскажите, каким образом можно сделать фон блока прозрачным и как эту прозрачность отрегулировать? Скриншот желаемого: Про пнг наверное думать не стоит, т.к. в ИЕ работать не будет, а в данном случае меня это не устраивает, ведь блок расположен на фотке юзера, и если в ИЕ этот блок будет залит черным, и закрывать часть фотки, то это не айс конечно)

    Asked by nickostyle,

    0 votes
    12 answers

  9. Неправильная кодировка.

    Привееееет!!! Я создал дерикторию в phpDesigner 7, в которой у меня лежит много файлов и папок. Запустил Denwer. Открываю файл в каком в phpDesigner потом запускаю его через Run. Если так запускать, у меня всё работает в IE, Mozilla, а в Opera нифига кодировка не отображается, но все скрипты работают. Почему так? P.S.Если меняю кодировку в phpDesigner 7 с Ansi на UTF-8, то происходит наоборот, в IE появляются "иероглифы", а в Opera всё нормально отображается. тег "<meta content="text/html; charset=utf-8" />" присутствует в файле. P.S. Можно как-нибудь обойтись без кодировки "windows-1251"? И как мне исправить вообще эту проблему? Да, и еще, в самом браузере опера я …

    Asked by big_time,

    0 votes
    13 answers

  10. Как сделать фон на всплывающей странице?

    Здравствуйте! Подскажите пожалуйсто, есть ссылка <a href="DSC01143-1.jpg" target="_blank"><img src="DSC01143-1.jpg"></a>, переходя по которой открывается новое окно с фото на белом фоне. Как можно установить свой фон для вновь открывшейся страницы? И еще вопрос, как можно устанавливать связь из одной страницы с другой. Например, есть страница А, на которой есть кнопка или ссылка, при нажатии на которую должен меняться допустим фон на странице В. Спасибо!

    Asked by Ramazzzik,

    0 votes
    10 answers

  11. Вертикальное растягивание

    В левом и правом блоке есть бэк, они оба должны тянуться по вертикали, но не тянутся... <div id="left_blok"></div> <div id="right_blok"></div> html: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ без названия</title> </head> <body> <div id="wrap"> <div id="heder"> <h1><a href="index.html">Имя Сайта</a></h1> <div class="bg_menu"></div> <div class=…

    Asked by rus,

    0 votes
    3 answers

  12. Растягивание div-а под текст.

    Имеется такого рода проблема: http://www.progcom.sumy.ua/template/cod/ Как сделать, чтобы див справа растягивался? Чтобы текст не налезал... css div.main { width : 780px; height : auto; margin : 0px auto; padding : 0px 0px; border: 1px solid black; } div.content{ width:780px; height:auto; margin : 0px auto; padding : 0px 0px; min-width: 780px; width: expression(document.body.clientWidth > 780 ? "100%" : "780px") } img.fix { vertical-align: bottom; } table.content_table_first{ margin-top:10px; text-align: top; vertical-align: top; } div.left{ width:190px; height:327px; margin-left:5px; margin-right: 0px; padding : 0px 0px; border: 1px solid grey; } div.right{ width:5…

    Asked by Mihail Dobkin,

    0 votes
    3 answers

  13. Как сделать чтобы поле input...

    У меня такая проблема есть два файла html на первом есть определенный текст и кнопка типа ссылка на вторую страничку на которой расположен input. Так вот вопрос мне нужно чтобы при нажатии кнопки на первой стр. текст попадал в input на второй стр. как это сделать? ПОМОГИТЕ ПОЖАЛУЙСТА!!!!!

    Asked by chups,

    0 votes
    9 answers

  14. Почему в браузере Internet Explorer верхньое меню урезается.

    Все привет. В общем такая проблема. Сделал сайт, все вроде как нормально, все работает. Сайт делал с Мазилой. Когда зашел с Internet Explorer то ужаснулся - верхнее меню отображается не все. Справа оно как будто срезается и не видно две кнопки. Кто что скажет по этому поводу, как исправить этот бред? Заранее спасибо. Вот сайт: http://cyclovac.kiev.ua/

    Asked by gumuch,

    0 votes
    17 answers

  15. inclide и несколько head

    Здравствуйте, подскажите как правильно пользоваться функцией include для вставки одинаковых блоков (шапка, футер и тд) на страницы сайта. На данный момент код страницы выглядит примерно так: <head> мета-теги (title, keywords)</head><body> <?php include "шапкасайта.php"; ?> остальной код страницы</body>Файл "шапкасайта.php", в свою очередь также имеет мета-теги в head и код в body, т.е. выглядит так: <head> мета-теги (title, keywords)</head><body> код страницы шапкасайта</body>И в итоговом виде код страницы получается следующий (если смотреть в браузере исходный код страницы): <head> мета-теги (t…

    Asked by dmifed,

    0 votes
    7 answers

  16. Подч?ркивание пунктиром

    http://www.activeheat.ru/contacts.php В IE ссылки подч?ркнуты пунктиром, а в Firefox - нет Где ошибка? a.city {color: #000000; border-bottom: 1px dashed #000000; text-decoration: none;}

    Asked by allmoney.ws,

    0 votes
    5 answers

  17. как сделать 4 уголка у слоя

    Подскажите, как можно сделать 4 скоса у прямоугольного текстового блока наиболее эффективным способом. (т.е. добавить картинки в каждый из углов). получается примерно следующее, только слишком громоздко: <td style="vertical-align: top; padding-bottom: 30px; background: #f7eedc;"> <div style="background: #f9e8d4 url(/images/center_top_fon.jpg) repeat-x top; height: 36px;"><img src="/images/center_top_left.jpg" align="left" alt="" /><img src="/images/center_top_right.jpg" align="right" alt="" /></div> <div style="background: #f9e8d4 url(/images/center_left_fon.jpg) repeat-y;"> <div style="background: transparent url(/images/cent…

    Asked by hitenok,

    0 votes
    14 answers

  18. Закругленные рамки для таблицы

    Довольно долго гуглил, нашел аж 38 методов создания рамок с закругленными углами, но так и не понял, как же это сделать для таблицы. У меня есть большая таблица (структура моего сайта) и я хочу в ней сделать закругленные края. Подскажите, как это сделать.

    Asked by Winner,

    0 votes
    4 answers

  19. CSS: в отдном столбце текс одним цветов, в другом другим

    Ребят, нужно с помощью CSS сделать так, что бы не использовать классы для изменения цвета текста. Есть ли возможность как то указать порядок ячейки или что-то в этом роде в CSS, чтобы не прописывать атрибут класса как каждому td тегу, если таблица большая? <table> <tr> <td>text 1 (color 1)</td> <td>text 2 (color 2)</td> </tr> ............... ............... ............... ............... ............... <tr> <td>text 1 (color 1)</td> <td>text 2 (color 1)</td> </tr> <table>

    Asked by mishamrv,

    0 votes
    20 answers

  20. Прозрачность картинки при наведении

    Привет!!! Я недавно начал изучать разработку web-страниц и столкнулся с проблемой, помогите, люди добрые!!! Есть две картинки. При наведении на 1-ую, должна появиться вторая, причём первая должна затемниться. У меня практически всё получилось, вот только с затемнением получилось всё наоборот, как добитиься нужного результата, не знаю. Помогите!!!!!! Ниже ссылка (30 Кб) моей работы, если можете, подскажите пару строк кода, где я ошибся. http://www.kaa.zdorovie.starinet.com/tmp/help.rar

    Asked by Guest Диман,

    0 votes
    6 answers

  21. растянуть ячейку по высоте во вложенной таблице. Не работает в опере

    Есть таблица. В ней две ячейки td. В первой вторая таблица, во второй ячейки контекст, который может изменяться, от этого изменяется высота и первой ячейки. Во второй таблице две строки. Вторая строка растягивается в зависимости от содержания (там картинка, которая растягивается) Работает нормально в фф3.5 и ие8. Но в опере картинка первоначального размера (в виде точки) <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>test 3 </title> </head> <body> <form> <table > <tbody> <tr style="height:100%;"> <td style="height: 1…

    Asked by AlexeyT57,

    0 votes
    4 answers

  22. Прыгает текст при изменении масштаба

    Здравствуйте, перерыла весь инет, немогу найти как правильно сверстать блок, чтобы при изменении масштаба не прыгал текст, вот у меня есть код для меню, когда я уменьшаю масштаб страницы последний пункт меню спрыгивает вниз, что делать? вот код, <div id="menu"> <ul> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="…

    Asked by Lady_V,

    0 votes
    13 answers

  23. Подскажите как закрасить баннер

    Приветствую специалистов по верстке. Нарисовал мне дизайнер такой баннер Подскажите как сверстать: 1) Строка "Размещение рекламы" по центру (по горизонтали) 2) фон этой строки закрашен только слева

    Asked by VasyOK{!},

    0 votes
    11 answers

  24. "Пропажа" слоя в 6 эксплорере.

    Господа, столкунулся с проблемой, которая меня совершенно в тупик поставила. Суть ее в том, что абсолютно спозиционированная форма прекрасно (и в нужном месте) отображается во всех браузерах кроме 6 Эксплорера. В нем ее просто как будто нет. На самом деле она, конечно есть и ее видно в коде, но она совершенно не взаимодействует со страницей. Т.Е. можно сделать высоту 20 000 px, ширину похожую, бэкграунд выкрасить в любой цвет,отступы любые сделать - это никак на страницу не повлияет. Стоит только сделать position: static как форма проявляется на своем месте и прекрасно отображается. Кроме того, такая же картина наблюдается если указать форме position: relative. Напомню,…

    Asked by N-Mak,

    0 votes
    12 answers

  25. Перенос на новую строку, аналог <li>

    Подскажите пожалуйста, как реализовать следующее: [дата] [текст], но текст может быть длинным и когда происходит перенос, на новой строке текст начинается не с начала, а с отступа, равным длине [дата], т.е. аналог [*], только вместо буллита дата. Спасибо [upd] Даже не аналог [*], а аналог , только без переноса.

    Asked by rolph,

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