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. iframe и таблицы

    Есть 4 страницы. Основная ниже код. Меняется содержимое в нижней таблице. Информации на 3 странице больше. И получается, что часть текста при открытии не отображается. Люди добрые помогите. Можно ли сделать нижнюю таблицу изменяемой. Т.е. чтоб высота таблицы менялась в зависимости от информации. <table width="940" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="50%" height="50%"><iframe src="страница1" width="100%" height="489px" scrolling="no" align="CENTER" frameborder="no" border="0" framespacing="0"></iframe></td> </tr> </table> <table width="940" border="0" align="center" cellp…

    Asked by _dek_spark,

    0 votes
    6 answers

  2. box-shadow для строки таблицы

    Здравствуйте. У меня похожая проблема пытаюсь сделать тень для строки таблицы: <html xmlns="[url="http://www.w3.org/1999/xhtml%22>"]http://www.w3.org/1999/xhtml">[/url] <head> <style> .gradient { background: #fefcea; /* Для старых браузров */ background: -moz-linear-gradient(top, #f5f5f5, #d2d2d2); /* Firefox 3.6+ */ /* Chrome 1-9, Safari 4-5 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#d2d2d2)); /* Chrome 10+, Safari 5.1+ */ background: -webkit-linear-gradient(top,#f5f5f5, #d2d2d2); background: -o-linear-gradient(top, #f5f5f5, #d2d2d2); /* Opera 11.10+ */ background: -ms-linear-gradient…

    Asked by valyan,

    0 votes
    2 answers

  3. Самый убогий вопрос

    Всем привет. Начинать всегда сложно. Вот мне бы начать. Подскажите с чего и как лучше? Может книжку посоветуете? Как кто начинал?

    Asked by Kokoko,

    0 votes
    20 answers

  4. перенаправление "назад" после входа

    вот есть у меня страница, на которой ссылка доступна тольго зареганым пользователям. как сделать так, чтобы после входа, юзер перенаправлялся на предыдущую страницу (ту, где он форму входа заполнял). я так понимаю это можно сделать МЕТА-тегом, но как узнать, какая именно страница быда откыта ?

    Asked by dengunya,

    0 votes
    6 answers

  5. H1 и Span

    Здравствуйте. Для своего сайта я использую в новостном блоке для названия новости h1 заголовок и пере ним спан, но имея поверхностную информацию о SEO не знаю, правильно ли это. <h1 class="title><span>12.03.12.</span>Название новости</h1> для title прописаны в основном свойства шрифта и бекграунд, а для span цвет. Новостной блок по схожести как на http://tes.ag.ru/

    Asked by Sayitright,

    0 votes
    16 answers

  6. Float, Clear... или я усложняю?

    Такой макетец: ┌──────────────────────────────────────────────────┐ │ │ │ Каля-маля │ │ ┌───────────┐ │ │ │ │ ☻ 111111 │ │ │ │ ☻ 222222 │ │ │ Рису- │ ☻ 333333 │ │ │ нок │ │ │ │ │ │ │ │ │ │ │ │ │ ☻ 44444 ☻ 55555 │ │ └───────────┘ ────────────────────────────── │ │ │ │ │ │ │ │ │ │ │ │ │ └──────────────────────────────────────────────────┘ Соответственно - картинке задаю float: left, тегу списка 1-2-3 - тоже, но не догоню, как прижать горизонтальный с…

    Asked by alexlut,

    0 votes
    11 answers

  7. Fontsquirrel пометил шрифт пиратским. Как быть?

    Здравствуйте. Скачал шрифт Cambria. Попробовал создать семейство шрифтов в разных форматах на fontsquirrel.com и получил, что шрифт в черном списке. Чем можно еще сгенерить семейство шрифтов в разных форматах на базе truetype шрифта?

    Asked by borus,

    0 votes
    5 answers

  8. Тянущееся гризонтальное меню через список

    Как сделать чтобы горизонтальное меню, сверстанное через ul, тянулось на 100%?

    Asked by XXXVII,

    0 votes
    10 answers

  9. Кодировка

    Пытаюсь освоить CMS MODx, хотя и фундаментальных знаний пока не хватает. Вопрос вот в чем: В настройках CMS указана кодировка utf8, в коде страницы тоже utf8 <!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" xml:lang="ru" lang="ru" dir="ltr"> <head profile="http://gmpg.org/xfn/11"> <title>Realistic</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="imagetoolbar" content="no" /> <link rel="stylesheet" href="/assets/templates/var2/styles/layout.css" type="text/css" /> &…

    Asked by inok,

    0 votes
    6 answers

  10. Как убрать рамку в поле поиска в хроме?

    В мозиле рамка не отображается, а в хроме она есть и как её убрать?? пробовал через :active не помогает, может какой-то префикс надо использовать? <!DOCTYPE HTML><html> <head> <meta content = "text/html" charset = "Windows-1251" http-equiv = "content-type"/> <link rel="stylesheet" href="styles.css" media="screen" /> <script type="text/javascript" src="js/functions.js"></script> <title>Магазин</title> </head> <body> <div class="main"> <div class="header"> <a href="/"><img class="logo" src="images/logo.jpg" alt="Интернет магазин сотовых телефонов"/></a> <img class…

    Asked by DivMan,

    0 votes
    4 answers

  11. Слой 100% высоты почему-то больше 100%. Help!!!

    Код до безобразия прост: <!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=windows-1251"> </head> <style> html, body { width:100%; height:100%; padding: 0px; margin: 0px; } .block { width: 70%; height: 100%; background-color: #FFFFC1; border: 1px solid Orange; margin: 0px auto 0px auto; } </style> <body> <div class="block"> </div> </body> </html> Почему block ширее размера страницы ? (визуально на пару пикселей, но этого достаточно что…

    Asked by Evgeny,

    0 votes
    5 answers

  12. Как выровнять форму

    Есть форма отправки с таким кодом,но в Опере и IE верхние два поля по середине,а не прижаты к левой стороне.Как поправить на Html?CПС всем кто откликнется! http://batikgallery.ru/Contacts.html <TABLE width="446"> <TR> <TD ALIGN="right" width="136"><strong><em>Ваше имя</em></strong></TD> <TD width="298"><font face="Arial"><INPUT NAME="Login" align="left"SIZE=25></font></TD> </TR> <tr> <TD ALIGN="right" width="136"><strong><em>Ваш E-mail</em></strong></TD> <TD width="298"><font face="Arial"><INPUT NAME="E-mail" SIZE=25></font&…

    Asked by stardel,

    0 votes
    3 answers

  13. Применить стиль к option

    Добрый день. Нужно выделить курсивом текст одного из пунктов select. <select> <option selected style='font-style:italic;'>Выбор</option> <option value='1'>По номеру</option> <option value='2'>По имени\названию</option> <option value='3'>По адресу</option> </select> нечего не происходит. Как реализовать ?

    Asked by bobo,

    0 votes
    7 answers

  14. float

    Доброго времени суток. Подскажите пожалуйста как решить проблему с float'ом. Собственно линк на сетку: http://inkrasnodar.ru/w/GOVNO/index.html Проблема очевидна. Левая колонка ниразу не левая Спасибо.

    Asked by nomn,

    0 votes
    29 answers

  15. Как стилизовать тег input:invalid?

    Всем доброго времени суток! Буду благодарен за помощь в одном вопросе! Есть форма с <input required>. В CSS я прописал стили для тех input которые не заполнил пользователь (использовал input:invalid). Но проблема в том, что при загрузке получается то, что вы можете видеть в jsfiddle: все input с required подсвечиваются. И это понятно ведь они не заполнены. Но как сделать так как на фото? Чтобы подсвечивался незаполненный input только после нажатия на кнопку, а не при загрузке формы? Понимаю, что это можно сделать на JS. Но как я не знаю. Может что-то подскажете? https://jsfiddle.net/Lavrentyev/1nLnjrb4/2/#&togetherjs=LSIgkgrqlh

    Asked by lavrentyev,

    0 votes
    2 answers

  16. top при абсолютном позиционировании в разных браузерах

    объясните пожалуйста почему вот в таком макете <!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> <style> body, html{ position:relative; font-family:Arial; margin: 0 auto; width: 1000px; height:100%; } .page { position:relative; width: 1000px; height: 450px; background-color:GREEN; } .page A{ font-weight:900; font-size:13px; color:rgb(100,6,58); } .l{ position:absolute; left: 42px; top: 2px; } </style> </head> <body> <div class="page"> <div class="l"><a href="#menu=0">Hello…

    Asked by tonik_spb,

    0 votes
    7 answers

  17. Всавка в div изображения.. выставить обтекаемость дива

    Структура файла—текст слева 75 % отсальное все справа блоками ( т.е дивами ) Вот это в CSS .block3 { width: 300px; background: #F0FFF0; padding: 5px; border: solid 1px black; font-size: 10pt ; font-family: Verdana; font-style:normal; font-weight:bold; text-decoration:none; position: relative; top: 80px; float: right; clear: right; } Вот это в html <div class="block3"><img src="моефото.jpg" alt="мое фото" align="right"></div> Как сделать так чтобы див понимал какого размера картинка и обтекал более менее с небольшими отступами ее.. Внизу и вверху все хорошо. Он понимает. И справа тоже. А вот слева отсалвяет куски пустого места. Хотелос…

    Asked by dima4321,

    0 votes
    10 answers

  18. Зациклить анимацию картинки css

    Добрый вечер , подскажите пожалуйста , как зациклить анимацию картинки , что бы она плавно увеличивалась и уменьшалась до тех пор пока не навести на неё курсор ? Есть такой код css <style type="text/css"> .hovergallery img{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; /opacity: 0.7;/ margin: 0 0px 0px 0; } .hovergallery img:hover{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); b…

    Asked by qhiey,

    0 votes
    4 answers

  19. Высота div

    Здравствуйте. Помогите, пожалуйста, решить такую проблему. Высота правого divа не растягивается под высоту рисунка в н?м. Т.е. если текст будет не слишком длинным, то рисунок вылезет за пределы divа, т.к. его высота divа зависит только от объ?ма текста. Как это можно исправить? <html> <head> <title>Document</title> <style type="text/css"> #menu{ float:left; background-color:#6699FF; width:100px; } #content { background: #e3e8cc; margin-left: 110px; } </style> </head> <body> <div id="menu"> Ссылка 1 Ссылка 2 Ссылка 3 Ссылка 4 </div> <div id="content"> <img src="images/1.jpg" align="left"> L…

    Asked by Sever87,

    0 votes
    8 answers

  20. Большая фоновая картинка

    Столкнулся с вопросом: есть большая фоновая картинка в шапке, на ней нет ни каких элементов и текста как сделать правильней: создать отдельный блок и впихнуть туда картинку как бэк (читал что рекомендуют все неактивные элементы в бэк пихать) создать блок и туда посредством img впихнуть эту же картинку, но нарезанную на несколько более мелких кусков ?

    Asked by WalkMan,

    0 votes
    10 answers

  21. Задачка по верстке

    Есть такая задачка по верстке (просто кому интересно): -- 1-1 Есть див (фиксированной ширины, см. рис. id="main") высотой Y (высота динамическая зависит от содержимого) заполнен повторяющимся по вертикали background-image (высота изображения бэкграунда = X). Необходимо: - если Y кратно Х - (делится без остатка) то высоту id="main" оставить какая есть (т.е. Y) - если Y/X - дает остаток (т.е. будет смотреться так, что торчит не полностью кусок бэкграунда), необходимо чтобы этот "кусок" (остаток в px) имел другой фон. Задача: Найти и реализовать такое решение (можно использовать впринципе - все js, php, вставлять дивы если нужно, и даже <img/>) но: решение должно быть…

    Asked by Radik_45,

    0 votes
    32 answers

  22. Border-image

    Всем привет. Как правильно задать для рамок картинку. Код пишу так div { width: 897px; height: auto; position: relative; margin: 20px auto; padding: 0; z-index: 0; border-image: url('ramka.jpg'); } и не работает Заранее большой спасиб.

    Asked by Oliany,

    0 votes
    5 answers

  23. Не работает прозрачность в png на IE7

    Все никак не могу добиться, чтобы в IE7 png с прозрачным фоном нормально отображались - все равно IE прозрачность в упор не видит. При том, в IE8, Firefox, Opera, Chrome и Safari все работает. Я пробовал сохранять png и фотошопом, и корелом, и даже паинтНЕТом - один фиг не работает прозрачность. Пожалуйста, кто сталкивался с этой проблемой, подскажите решение! Заранее спасибо.

    Asked by Maxim1441,

    0 votes
    11 answers

  24. Изменить стиль радио кнопки и селекта

    Здравтсвуйте! Скажите, а как изменить стиль радио кнопки, например чтобы кнопка была синей, а точка при выборе желтой? <input type=Radio> И еще: как изменить стиль селекта? <select> <option>Пункт 1</option> <option>Пункт 2</option> </select> Например, поставить свое изображение!

    Asked by help26,

    0 votes
    1 answer

  25. смещение блока при появлении вертикального скролла

    скажите пожалуйста существует ли способ, которым можно избавиться от смещения центрированного при помощи margin: 0 auto; блока фиксированной ширины при появлении вертикального скролла? то есть ситуация такая. блок центрирован и содержит мало текста(настолько мало, что вертикального скролла у страницы нет).в этом случае он находится строго по центру горизонтальной линии экрана. если в блок добавить текста и его станет настолько много, что у экрана появится скролл, то блок чуть смещается влево. очень сильно нужно решение этой проблемы. устроит даже яваскрипт вариант. но css предпочтительнее конечно

    Asked by cyklop77,

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