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. вертикальное выравнивание и float

    Здравствуйте. Столкнулся с проблемой вертикального выравнивания внутри таблицы. Задача: в одну ячейку поместить картинку и обтекающий ее текст, причем текст должен выравниваться посередине ячейки. но при добавлении картинке float: left происходит следующее: картинка выравнивается посередине, а текст - по верхней границы картинки. есть ли возможность реализовать нужное выравнивание без добавления дополнительных блоков или ячеек? td {vertical-align: middle;border: solid 1px black;} img {float: left;} <table> <tr> <td> <img src="http://soft.mydiv.net/images/win/icons/TNT-Clip-Art-Library.gif">sometext</td> </tr> </tab…

    Asked by hedgehog,

    0 votes
    25 answers

  2. Как сделать ширину текста строго под ширину div`a

    Здравствуйте, вот у меня есть код "блока" под новости на главной странице, этот код = <table> в таблице естественно <tr><td>, и вот в одном из <td> есть <div> в котором текст новости идёт, затем я сделал тест, написав ~500 символов и получилось так...что внизу страницы появился ползунок, как сделать так, что бы этого полузнка не было и текст шёл строго по ширине div`a?если больше - то пускай новая строка начинается.... Взаранее спасибо.

    Asked by LeoBit,

    0 votes
    24 answers

  3. Помогите пожалуйста сделать расстояние между строками

    Скидивыю часть кода , вопрос в том что , как сделать небольшое расстояние между строками Имя и Email (не пропуском строки ,а такое же как между "Посетите ли вы наш сайт снова" и переключателями ) или это уже не исправить, не умею еще пользоваться хостингом поэтому заливаю инфу таким образом. Помогите пожалуйста советом что делать... <fieldset> <legend> Данные пользователя: </legend> <label> Имя: <input type="text" name="name" size="30" maxlength="100"> </label> <br /> <label> Email: <input type="email" name="email" size="30" maxlength="100"> </label> <br /> </fieldset>

    Asked by Mextrive,

    0 votes
    2 answers

  4. margin-top и margin-bottom

    Вопрос явно простой, искал ответ во всей сети - ненашел, Есть таблица с двумя строками и двумя рядами: верхняя строка - одна ячейка (colspan="2"), нижняя строка состоит из двух ячеек. В верхней строке-ячейке лежит jpeg, в правой-нижней ячейке - текст, а в левой-нижней с помощью div'а размещается gif: <html> <head> <title>test margin</title> </head> <body> <table align="center" bgcolor="#d7d7d8" border="1"> <tr> <td colspan="2"> <div style="margin-top:0px;"> <img src="" width="200" height="100"> </div> </td> </tr> <tr> <td> <div style="margin-top:0px;"> &l…

    Asked by cx717,

    0 votes
    6 answers

  5. ftp-клиент

    Люди подскажите какой ftp-клиент удобней?

    Asked by antonP,

    0 votes
    22 answers

  6. горизонтальное многоуровневое меню на css

    знает ли кто код такого меню, что бы работала в опере, мозиле и ie (6 и далее). А то какая не попадается, всегда где нибудь глючит. Вот уже думал нашел более менее, а она не работает в мозиле, как случайно я сегодня узнал www.medovik.info

    Asked by apika,

    0 votes
    7 answers

  7. Как сделать не прямоугольную форму с одним фоном

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

    Asked by bob_24,

    0 votes
    50 answers

  8. Изображения друг под другом без промежутков

    Подскажите пожалуйста разницу между CSS стилями когда мы хотим чтобы изображение было друг под другом без промежутков. Автор данного сайта использует следующий код: <!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=utf-8" /> <title>Изображения по вертикали</title> <style type="text/css"> DIV.img IMG { display: block; } </style> </head> <body> <div class="img"> <img src="images/ecctitle.png" alt="Название"…

    Asked by creaturee,

    0 votes
    2 answers

  9. Стоит ли закрывать не парные теги в HTML5?

    Даже если не используешь XHTML раньше было правилом хорошего тона закрывать даже не парные теги, например <br />. Стоит ли придерживаться этого правила в HTML5?

    Asked by tini.kRyptoNite,

    0 votes
    6 answers

  10. плавающее меню

    Здравствуйте всем, можно ли сделатьтоолько средствами CSS плавающее меню? Т.е. чтобы при скроллинге странице слой оставался всегда на одном и том же месте. И еще вопрос), прописываю диву position:absolute, когда размещаю его над комбобоксами, в IE слой "режется", т.е. комбобксы через него просвечивают несмотря на z-index. В других браузерах все нормально. Как решить проблему? Спасибо!

    Asked by a_web,

    0 votes
    6 answers

  11. Вопросы чайника. Периодически будут пополняться

    Здравствуйте! Народ, кто соображает и кому не трудно, подскажите, пожалуйста, как правильно всё сделать. Я начал делать себе сайт, состоящий из 3-5 страниц (пока ещё не понял сколько точно будет). В сайтостроении я чайник, в школе только было несколько уроков Html и всё. Начал делать в Adobe dreamweaver. Пробовал в Kompozere, но мне что-то не понравилось, мож я и не прав. Ну да ладно. В общем, сделал я начальное оформление (табличка со столбцами, чтобы разобраться что за чем идёт). Вопрос 1: Теперь мне надо вставить на страницу две ссылки. Причём таким образом, чтобы перейти по второй можно было только тогда, когда перейдёшь по первой + 10 секунд времени. Первая с…

    Asked by Ichwill,

    0 votes
    44 answers

  12. Автоматическая типографика на Php

    Автоматическая типографика на Php: http://pixel-apes.com/typografica Очень интересный и полезный скрипт. Аналог используется нынче Лебедями.

    Asked by Maslakoff,

    0 votes
    4 answers

  13. как сделать невидимую кнопку

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

    Asked by UnderFelixAbove,

    0 votes
    2 answers

  14. Интерактивная карта метро

    Привет! Для сайта по недвижимости, необходимо сделать выбор района (метро) по карте метрополитена. Откуда можно скачать этот ява-плагин или скрипт? А то делать руками очень долго и лень Спасибо! Пример - как тут: http://www.cian.ru/search.php?flats=yes&obl_id=1 P.S. Сайт не на CMS, поэтому ихние плагины не подойдут, видимо.

    Asked by Coder_D,

    0 votes
    4 answers

  15. Как растянуть таблицу/изображение на весь экран

    Подскажите, пожалуйста, мне необходимо растянуть таблицу на весь экран, таблица содержит картинку (баннер, на скриншоте вместо баннера временно серый прямоугольник), но у меня справа почему-то остается много пустого места. Как его убрать? Если вопрос дурацкий сильно не бейте, только-только html начала изучать. P.S. Таблица самая простая <table width="100%" border="1"> <td align="left"> <img src="HR1.png" alt="" width="100%" border="0"></td> </table> сдвинута вверх и влево

    Asked by Stitch,

    0 votes
    1 answer

  16. Трапеция с закругленными углами

    просто трапеция, пожалуйста! .trapezoid { border-bottom: 100px solid red; border-left: 50px solid transparent; border-right: 50px solid transparent; height: 0; width: 100px; } но вот закруглить углы (как во вкладках в Хроме) никак не получается.. может у кого есть идеи как это можно реализовать на CSS?

    Asked by Kadi,

    0 votes
    4 answers

  17. Шапка сайта

    Всем привет! Столкнулся с такой проблемой... Есть шапка у сайта, состоит из 3-х картинок - левая и правая части фиксированной длинны, а средняя должна растягиваться. Но не знаю почему, мой код работает только в ФФ(полностью)... css: table.logo td.left-logo { background:url(../images/logo_part_1.png) no-repeat; width: 750px; height: 200px; } table.logo td.center-logo { background:url(../images/logo_part_2.png) repeat-x; width: 1px; height: 200px; } table.logo td.right-logo { background:url(../images/logo_part_3.png) no-repeat; background-position: right; height: 200px; width: 16px; } html: <table width="100%" border="0" cellpadding="0" cellspacing="0" class="logo">…

    Asked by RedEclipse,

    0 votes
    21 answers

  18. Верстать сайт полностью на таблицах- хорошо или плохо?

    Доброго...времени суток! На днях столкнулся с таким вопросом, что лучше- верстать основу сайта на таблицах или на слоях? Да и не знаете ли, таблицы сильнее грузят сайт?

    Asked by Glebr,

    0 votes
    13 answers

  19. Растягивание DIV

    Есть два блока внутри одного, как сделать чтобы они не вылезали за пределы внешнего блока , при их растягивании. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML><HEAD> <TITLE></TITLE> <style type="text/css"> #main-menu { background:RED; height: 35px; } #content { border: 1px solid blue; padding-bottom:10px; } #main-sec1{ float:left; margin:5px; width:250px; border: 1px dotted black; } #main-sec2{ margin-top: 5px; margin-left: 265px; width:670px; border: 1px dotted black; } #main-bottom{ height: 52px; background: GREEN; } </style> </HEAD> <BODY> <di…

    Asked by chipi,

    0 votes
    11 answers

  20. При масштабировании страницы сьезжает текст

    при масштабировании страницы меньше чем на 50% текст и содержимое уезжает вниз. можно ли считать это ошибкой и в чем может быть проблема? >50% <50%

    Asked by startrame,

    0 votes
    8 answers

  21. <!--[if gte IE]> - как это конструкция называется?

    <!--[if gte IE]> - как эта конструкция называется? И где про нее можно почитать? Еще интересно как firefox сокращенно пишется (для вставки в эту конструкцию)?

    Asked by kipupik,

    0 votes
    9 answers

  22. DOCTYPE Не работает

    Удивлен был, когда верстал шаблон для wordpress. В IE 6 нормально все. А в других браузеров размеры отображаюца как попало... Я ставил доктип: <!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=windows-1251"> <title>Новая страница 1</title> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> </head> <body> <div align="center"> <table cellpadding="0" cellspacing="0" width="900px"> <td align="left" valign="top"> <!-- Head --> <div class="head"> <div…

    Asked by javelines,

    0 votes
    14 answers

  23. Fixed внутри absolute

    <div style="position: absolute; top: 100px; left: 100px; height: 100px; width: 100px; overflow: auto; background-color: #f00;"> <div style="position: fixed; top: 0; right: 0;">X</div> </div> Вот такой вот код. Absolute внутири absolute и внутри relative работает как следует, вот fixed почем-то не так. Задача в том, чтобы крестик был всегда в правом верхнем углу блока с абсолютным позиционированием. Как такого можно добиться?

    Asked by Veseloff,

    0 votes
    8 answers

  24. отсутпы - padding margin

    Столкнулся при верстке с такой проблемой: я использую в css глобальный сброс: * {padding:0;margin:0} для того, чтобы быть уверенным в отображении всех элементов. Однако, для того, чтобы при помощи визуалного редактора можно было беспрепятственно пользоваться редактированием контента, мне необходимо отказаться от данного исключения для тега table. Может кто-нибудь знает, как этого можно добиться?

    Asked by XXXVII,

    0 votes
    13 answers

  25. Верстка табов

    Может кто покажет нагугленое место? Я чего-то никак не могу найти. Подозреваю, что это непросто, по крайней мере сейчас не знаю как. задача следующая, табы, сделанные на вложенном списке. первый уровень - заголовки, сами табы. второй, собственно представление табов, их содержимое. пока пришел к единственному решению, но мне не очень нравится, измерять l с помощью JS и назначать для LI отриц. левый маргин. Иллюстрация

    Asked by Justnewone,

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