HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Как сделать валидную кнопку-ссылку
Добрый день, вот код: <div style="width: 100px; height: 100px; background-color: blue;"> <p style="border: 1px solid; height: 100px;"> <a href="#" style="display: block;">Кнопка</a> </p> </div> Хочу сделать кнопку,чтобы при наведении на любую ее часть она определялась как ссылка, пока получается, что ссылка только текст. Что не так? И как вообще лучше сделать посоветуйте.
0 votes11 answers -
2 колонки и IE
Собственно, нужно добиться: А ИЕ выдает: Вот HTML: <div id="page"> <div><div id="left"> Menu </div> <div id="content"> <p>Content</p> </div></div> <div id="footer"> Footer </div> </div> А вот CSS: #page { width:1010px; background-color:white; margin-top:15px; text-align:left; padding:5px; } #left { float:left; width:300px; } #content { width:700px; margin-left:305px; } #footer { width:100%; } Помогите пожалуйста!!
0 votes15 answers -
Отступ от низа экрана. Помогите найти.
Помогите пожалуйста разобраться с такой проблемой. Есть сайт:http://prospect.gorodgid.ru/ У него внизу зеленая полоска (это я специально бакграунд у body зеленым сделал). Как убрать это расстояние? Раньше такая же ерунда была и сверху сайта, но там символ лишний невидимый из за UTF BOM стоит - решилось абсолютным позиционированием основного дива #wrapper. А вот что делать с низом? Может ли это быть из за BOM? Никак не могу его выловить... может smarty его подставляет...
0 votes4 answers -
Полупрозрачный фон на весь экран, покрывающий скроллинг
Всем привет! Как сделать поверх всего сайта div, который бы затемнял весь экран сайта и скроллинг тоже, чтобы он был неподвижен. Часто такие вещи используются для фотографий: допустим нажимаешь на фото, оно увеличивается, при этом затемняется весь остальной экран полупрозрачным фоном
0 votes3 answers -
Обратная связь
Всем привет. Допустим нужно сверстать landing page.ОК. Ты его полностью сверстал но там есть обратная связь или кнопка сделать заказ. Как сделать там чтобы при обратной связи или при любой действии подобном, на почту приходило письмо? я пробовал через функцию mail() в php, но там проблемы с кодировками есть. Я не силен в таких вопросах. Что делать в таких ситуациях, может скрипты есть готовые какие нибудь или сервисы?
0 votes3 answers -
Работа hover с .svg
Здравствуйте! Прошу помочь со следующей проблемой: пытаюсь сделать замену одной картинки на другую при наведении на неё курсора мыши с помощью псевдокласса "hover", но ничего не выходит, картинка имеет расширение *.svg. Результат следующий: область, где должна быть картинка, работает, как ссылка, при наведении, но там пусто (изображения нет ни исходного, ни при наведении)! html-код <div id="vk_f"> <a href="http://www.vk.com/" target="_blank" id="vk_f_1"></a> </div> css-код #vk_f { position:absolute; right:284px; top:85px; border:none; } #vk_f_1 { background: url(images/vk_logo_0.svg); …
0 votes9 answers -
как так можно зделать вкладки
как так можно зделать такие вкладки. подскажите пожалуйста
0 votes10 answers -
Где ошибка в коде?
Друзья! Помогите начинающему чайнику!!! Не браните сильно... <?xml version="1.0" encoding="UTF-8"> <!DOCTYPE HTML!> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>готовим в стиле дзен!</title> </head> <body BACKGROUND="image/img03_b.jpg" link="#000000" alink="#000000" vlink="#000000"> <table align= "center" width="90%" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#820c03" align="center" height="60" colspan="5"><font face="Times" font size="6"><b>Добро пожаловать, на сайт ZENCHEF.ru! </b></font></td></tr> <tr> <…
0 votes10 answers -
Не отображаются бордеры. В чем проблема?
Привет, ребят! У меня прописанные бордеры не отображаются, подскажите в чем проблема. Код представлен ниже: <!DOCTYPE HTML> <html lang="ru-RU"> <head> <title>untitled</title> <meta charset="UTF-8"> <style type="text/css"> html, body {margin: 0;} .top-left { position: absolute; top: 0px; left: 0px; background-color: black; height: 300px; width: 300px; border-right: 2px dashed #ECE8E2; border-bottom: 2px dashed #ECE8E2; } .top-middle { position: absolute; top: 0px; left: 300px; background-color: black; height: 300px; width: 300px; border-right: 2px dash…
0 votes4 answers -
Все те же скругленные углы, но...
Как делается css-обвязка я в курсе, начитался. Отлично, работает. А тут вдруг верстаю себе, верстаю, и вижу что НУЖНО сделать эти самые скругленные уголки с прозрачной частью, а не белой. Попробуйте, если все делать как в этой статье, но например верхний левый угол сделать прозрачным гифом - на месте прозрачности увидим соответствующую серый фон от левой\верхней стороны обвязки. Как быть? Наверняка есть адекватное валидное решение! Помогите пожалуйста)
0 votes10 answers -
Плавающая картинка в блоке
Вопрос по примеру из ЧаВо: http://forum.htmlbook.ru/index.php?s=&...ost&p=94256 Всё хорошо. Но возникает вопрос, если у картинки заданы маргины. ИЕ 6 и 7 растягивает внешний див только на величину рисунка, не учитывая эти маргины. Сравните пример в ИЕ и в Мазиле или Опере: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Плавающая картинка в блоке</title> </head> <body> <div style="border: 1px solid red;overflow:hidden;zoom:1;"> <img src="http://forum.htmlbook.ru/style_images/elegance/logo4.gif" alt="" style="float: left;margin-bottom:10px;"> Test </div> </body> </h…
0 votes7 answers -
Скрипт!
Добрые люди дайте рабочий скрипт регистрации пользователей!
0 votes10 answers -
проблемы с расположением контента
Здравствуйте уважаемые! Есть дизайн с табличной версткой, в ячейке таблицы я расположил div для основного контента и картинки, высоту указал в %, но при этом сделать так чтобы при отсутсвии контента в этом div-е высота его оставалась неизменной, а при заполнении контентом сверх указаной высоты в % появлялся только вертикальный скроллинг ... вот воюю уже какой день и немогу найти решения...так как высота в % отображается по разному для IE и FF (именно под эти браузеры делается дизайн)...я начинающий, поэтому тут наверное много недочетов и кстати на валидность кода пофиг Kод HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd…
0 votes6 answers -
Перенос слов в таблице в разных браузерах
Поскажите как можно решить: Необходимо в ячейке определенной ширины перечислить номера телефонов через запятую. Вот код <table width="404" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000"> <tr> <td width="400">(495) 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-3…
0 votes3 answers -
Выплывающее меню слева по щелчку мыши
Здравствуйте уважаемые форумчане! Я не являюсь профессионалом сайтостроения, т.е. о-очень много не знаю. У меня возник такой вопрос. Попробую описать его. Предположим у меня есть блок, который "прижат" к левому краю. При нажатии на данный блок, он должен выдвинуться вправо, "потянув" за собой другой блок. Ну так вот, как это сделать? Подскажите пожалуйста. Вроде понятно. Если нет, буду рад объяснить снова. Прошу простить за косой язык, незнание языков профессиональных и отсутсвие примера (постараюсь найти). Заранее спасибо.
0 votes11 answers -
Вопрос по коду html в тильде!
Господа и дамы, следующий вопрос! у меня есть код: <style> .shirina{ background:none !important; right: 0 !important;left: 0 !important;} .parpadding{padding:0 !important;} .tn-atom .t-form__errorbox-wrapper, .tn-form__errorbox-popup , .t-form-success-popup { z-index: 9999999 !important; } </style> <script> $( document ).ready(function() { var ZeroPopID = '#rec379140540';//ID Zero var PopWindID = '#rec379168284';//ID PopUp окна BF503 $(PopWindID + " .t-popup__container").addClass("shirina").html($(ZeroPopID)).parent(".t-popup").addClass("parpadding"); $('a[href^="#popup:opros"]').click(function(e) {e.preventDefault(); …
0 votes0 answers -
Формы не слушаюсться
У меня следуюая проблема: У меня есть таблица Шириной: 193px, Длиной: 337px, моя задача разместить там следующие формы: Я сделал таблицу,а в ней 7 строчек.для каждой формы,но Проблема в ттом,что в Интернете Эксплорере Эти формы не хотят прилегать к друг-другу,тоесть всякие padding и margin ваще не действуют,тока слева.а МНЕ НАДА,чтобы сверху например 4-ая форма прилегала в плотную к 3-ей,в Файрфоксе получаеться,а в Ин-те Эксплорере НЕТ..Видите на картинке из-за этого даже таблица растягиваеться вниз и появляеться бекраунд снова.. а вот мой код: <table valign=top border=1 width="193" height="337" cellpadding="0" cellspacing="0"> <tr><td style="background-im…
0 votes4 answers -
Растянуть таблицу на всю высоту окна
Доброго времени суток всем Проблема такая: как растянуть таблицу по высоте на всю длину экрана. Знаю, что можно в стилях прописать html и body высоту 100%. Но у меня этот способ помагает только в опере. Мозилла игнорит, а в ие получается очень длинная страница (с вертикальной прокруткой). Заранее спасибо
0 votes0 answers -
Резиновая ширина, навигация слева в виде таблицы
Здравствуйте, подскажите, пожалуйста, почему центральная таблица (Новости) на ходится снизу относительнолевого блока (таблицы). Делал как здесь в макетах: http://htmlbook.ru/layout/rezinovaya-shirina-navigatsiya-sleva вроде бы. float: left. Отступы вроде все правильно проставлены. Весь день промучался, но не получается.Хочу чтобы всё позиционирование было относительным. Новичок в CSS совсем. Поэтому скорее всего всё банально глупо. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Сайт</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <img id="hat" src="…
0 votes11 answers -
Как лучше реализовать декоративную рамку?
Есть макет с эффектом рамки на заднем фоне. Как считаете как лучше реализовать этот эффект? Как бы сделали это вы? border || border-image || svg || css-mask Или что-то другое??? Спасибо! Кому интересно - ССЫЛКА на весь макет!
0 votes10 answers -
Помогите с дизайном таблицы!!!
Ребят, выручайте. Вобщем в сайтостроении я не силен, поэтому обращаюсь к вам за помощью. Вобщем сначала я делал сайт при помощи фреймов, но как я понял, на них сайт не делаюстся, вобщем понял что нужно дивами и таблицами, но как я понял, предпочтительнее будет таблицами. Первое. Вобщем я мысленно представил себе шаблон будущего сайта, и даже нарисовал его при помощи таблиц, но вышло явно не то, что мне нужно, вобщем проблемма первая. Как сделать границы ячеек невидимыми? Т.е. чтобы страница состояла из отдельных боков. Где-то вычитал, что нужно указать border="0", но тогда невидимые границы получаются очень тонкими, мне нужно большее расстояние между блоками, увеличив зна…
0 votes8 answers -
Скажите пожайлустав чем глюк? или как я тихо ненавижу IE 7...
Вот чудовище: http://prohost.com.ua/foot/ мозила и опера нормально кушает, а в ие серединка, там где контент - тупит, т.е. контент теряется. Скажите где я ступил. Всем спасибо.
0 votes7 answers -
В диве в блоке не задать подсветку сылки.
Всем привет Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>Вася</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> a:link { color: blue; } a:visited { color: blue; } A { text-decoration: none; /* Убираем подчеркивание у ссылок */ } td { font-size:11pt;font-family:"Verdana";font-style:normal;font-weight:bold;} .block1 { width: 200px; background: #fc0; padding: 5px; border: solid 1px black; font-size: 12px ; font-family: Verdana; font-style:normal; font-weight:bold; text-de…
0 votes7 answers -
рамка вокруг фото в постах
Тема wordpress "Default", искала на форумах, есть статьи только о создании одной рамки. Нужна двойная рамка разных цветов для фотографий в постах, как на фото, т.е. белая широкая и тонкая по краям. данные файла css: p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } a img { border: none; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-…
0 votes9 answers -
Непонятный контур на кнопке
Не могу разобраться что за контур появляется на кнопке при нажатии. Можно ли его как-то убрать? Вот скрин с куском кода кнопки, хотя все кнопки так реагируют. Спасибо.
0 votes8 answers