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
-
Баннер
Как сделать всплывающий баннер?
0 votes6 answers -
Zoom & UnZoom (JavaScript)
<script language="javascript"> function zoom() { if (document.form1.mypict.width < 140) { document.form1.mypict.width=document.form1.mypict.width+1 document.form1.mypict.height=document.form1.mypict.height+1 setTimeout("zoom()", 40) } } function unzoom() { if (document.form1.mypict.width > 130) { document.form1.mypict.width=document.form1.mypict.width-1 document.form1.mypict.height=document.form1.mypict.height-1 setTimeout("unzoom()", 40) } } function zoom2() { if (document.form2.mypict2.width < 140) { document.form2.mypict2.width=document.form2.mypict2.width+1 document.form2.mypict2.height=document.form2.mypict2.height+1 setTimeout("zoom2()",…
0 votes4 answers -
absolute проваливается сковозь relative
Наблюдаю такой вот баг в FF, Opera Есть такой вот код: <td style="position:relative"> <div style="position:absolute"></div> </td> Так вот DIV выпадает из TD, тоесть DIV позиционируется относительно ближайшего позиционированного элемента, не видя позицонированого TD. В IE работает. Может кто-то сталкивался...
0 votes2 answers -
Долго ломаю голову
Приветствую всех, кто решил уделить внимание моему вопросу. Описываю проблему: Есть несколько страниц. На на каждой из них есть некая область, в которой находится одна и та же информация. Область представлена как <iframe src="banner.html"></iframe>, в файлике banner.html присутствует скрипт фотоальбома. Суть проблемы заключается в следующем: Скрипт фотоальбома открывает картинку только на область, отведенную под фреймик. Что бы я хотел, чтобы получилось: Я бы хотел сделать так, чтобы фотоальбом открывался на всю страницу))) Я пытался найти решение проблемы, заменяя фрейм на другие элементы, но результата не достиг. Вся загвоздка в том, что страниц предполагает…
0 votes14 answers -
Растянуть на весь экран колонку
Здравствуйте! Никак не могу понять, что сделать. Есть http://planetmap.ru/atlas/earth-surface-maps.html в css описано #container { width: 100%; float: left; overflow: hidden; } Вот только на весь экран не растягивается
0 votes11 answers -
background vs text
Добрый день. Прошу вашей помощи, форумчани Имеется вот такое бг и текст. Бг это серые полоски по бокам, которые доходят до текста. Текст не фиксированный по ширине, пример на скринах Как такое можно реализовать? Макет сам резиновый Имеется вот такой код: <!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=UTF-8"> <style type="text/css" > table { width: 100%; } table td { vertical-align: top; height: 100px; …
0 votes11 answers -
Интерактивная схема помещения (expo)
Добрый вечер, Для выставки требуется сделать интерактивную схему помещения/зала, с добавлением фирм и их последующим редактированием. Может кто сталкивался с похожими плагинами? Чтобы сделать самому, к сожалению не заточены руки. Пример того, что нужно - иностранный сайт тык, со схемой выставки и фирмами, эту софтину, как я понял они взяли с этого сайта: тык, который предлагает данный софт, но никак не пойму как скачать демку, да и вообще не пойму как заказать. Помогите пожалуйста разобраться с этим сервисом или если кто знает может быть есть похожий плагин у нас?
0 votes2 answers -
margin в %
Здравствуйте. Я что-то потерялась и не пойму, почему задав margin в % блок с меню перекидывает последний пункт на новую строку. В примере сейчас в px, поставьте в % и оно съедет. Что не так? http://kattiperk.github.io/mps/index.html
0 votes10 answers -
Скругленные углы
Знаю, скругленные углы это заежьженая пластинка, но ничего конкретного по этому поводу не нашел, кроме одного, если кто знает прамир, дайте ссылку плз. Вот нашел это Мой макет: Проблема в том что левый нижний угол дублируется в диве, как на рисунке. Вот CSS: #content { width: 927px; height: auto; padding: 0 0px; /*background: #f8e6cc*/ background: #2a3742 url(images/bgg.png) repeat-x top center; /*полоса для градиента, если в ней причина, можно убрать*/ } .corners { background: url(images/left_top.png) top left no-repeat; } .corners div { background: url(images/right_top.png) top right no-repeat; } .corners div div { background: url(images/right_bot.png) botto…
0 votes11 answers -
Вертикальное выравнивание
Изъезженная тема - вертикальное выравнивание при блочной верстке. Я знаю, что есть около 6 способов выравния блоков с различными условиями, но сейчас хочу поделиться решением для случая, мне еще не встречавшегося. Недавно столкнулся с проблемой - выровнять резиновый блок внутри фиксированного. Например... Имеется: .outer { width:50px; height:50px; } <div class="outer"><img class="inner"></div></div> Требуется: Выровнять inner внутри outter ровно по центру Решение: .outer { width:25px; height:25px; padding:25px 0px 0px 25px; } .inner { width:20px; height:20px; margin:-50% 0% 0% -50%; } Надеюсь, лишних пояснений не надо. Вероятно, скажете, "был…
0 votes20 answers -
Что такое "валидатор" и зачем он?
извиняюсь, скорее всего этот вопрос о валидаторах и их надобности уже звучал... если про это уже рассказывали, бросьте ссылу пожалуйста) заранее спасибо!
0 votes2 answers -
резина
Реально ли вообще так сверстать? Я хочу чтобы у меня было три колонки и все три резиновые, при сужений одна (например правая) прекращала сужаться (min-width: xxxpx), а другие продолжали. При сужений, когда левая прекращает сужаться, правая, при одном решений проблемы, накрывает центральную, либо, при другом решении, сталкивает центральную в "унитаз" =). Есть решение, чтобы этого не было, а колонки продолжали взаимно, не мешая друг-другу сужаться?? И если уже на то пошло, таблицами можно такую задачу сделать?
0 votes5 answers -
Текстовое поле
Подскажите, плз, почему текст смещен в поле input text? Скрин:
0 votes10 answers -
Как растянуть таблицу на 100% по внешнему блоку а не по внутреннему содержанию?
Т.е. табличка (width=100%) как бы обрамляет текст но не растягивается по всему внешнему блоку.
0 votes12 answers -
.gif прозрачность в ie6
Помогите пожалуйста реализовать карту Италии построенную на gif и css. Собственно сайт auto-bazar.it где это есть и работает кроме ie6, и сайт www.autoitalia.it от куда это взято. Пожалуйста не смотрите что я просто взял и скопировал чужую карту, в дальнейшем по максимуму ее переделаю. Цвет другой и размер нужен побольше. Но за основу взял именно ее. Проблема в том что на сайте autoitalia.it в ie6 все работает отлично, прозрачности отображаются, а у меня нет. Подскажите в чем проблема. Всем спасибо за помощь.
0 votes7 answers -
кроссбраузерность
Уже создавал подобную тему, но все же не решил всех проблем. Подскажите под какую более раннюю версию explorera подстраиваться, я так понимаю что 7 и 8 это все уже прошлый век, тогда под 9 ую? 10 ую? и если нужно проверять под 8 ую то как это сделать если у меня 7 винда и на нее не могу установить эти ранние версии. Еще вопрос такого рода, в 11 explorer не отображает лого и задний фон, не знаю почему, везде все работает но только не здесь, подскажите что сможете, спасибо)
0 votes16 answers -
figure внутри a
Доброе время суток. У меня есть блок (картинка+ее описание), необходимо, что это было ссылкой. вопрос такой, как правильней огранизовать это? На ум приходят два варианта: 1) <a href="#"> <figure> <img src="img/img.png" alt="описание"> <figcaption>описание</figcaption> </figure></a>2) <figure> <a href="#"><img src="img/img.png" alt="описание"></a> <a href="#"><figcaption>описание</figcaption></a></figure>Но правильно ли это, и если правильно, то какой вариант ближе к истине. Используя первый вариант я вижу, что у меня не ресайзятся изображения почему то, хотя max-width=100% и …
0 votes5 answers -
Подскажите, можжно ли осуществить такое.
Заменить у селекта эту кнопочку ? , на эту ? желательно не извращенным способом)
0 votes6 answers -
прицепить резиновый футер к фиксированному центру
есть такая структура: есть фоновые хедер, мид и футер, растянутые на 100% ширину окна браузера. Сам контейнер сайта фиксированной ширины по центру(с помощью position:absolute накладывается на фон). Как сделать так чтобы положение 100%-го по ширине футера менялось в зависимости от содержимого контейнера. Т.е. грубо говоря футер цепляется к дну контейнера и гуляет вверх или вниз в зависимости от того как заполнен содержимым контейнер. надеюсь понятно объяснил :-)
0 votes5 answers -
Ааа... Warning! Margin в ie6!
Хелп, подскажите как лечить ие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"> <style type="text/css"> body { margin: 20; padding: 20; } .local-max { width: 300px; background: red; border: 1px solid black; overflow: hidden; zoom: 1; } .local-min { float: left; margin-left: 8px; width: 30px; color: white; background: green; } </style> </head> <body> <div class="local-max"> <div class="local-min">1</div> <div class="l…
0 votes12 answers -
Баг Safari и Chrome игнорируются свойства body указазанные в css
Привет, всем. Решил поделиться решением проблемы с которой долго промучился. Если указать в css кодировку - << @charset "utf-8"; >>, то браузеры Safari и Chrome не будут воспринимать первый идущий следом за этой строкой селектор (обычно это body {} или html {})! Образец: <style type="text/css"> @import url(reset.css); @charset "utf-8"; body {background:green;}/*Это свойство не будут отображать Safari и Chrome*/ </style> Решение простое, нужно просто удалить строку "@charset "utf-8";
0 votes10 answers -
Форма для отправки Е-маийла
Возникла проблема с правильной вставкой форми для отправки Е-маёлов с сайта.. Письма отправляются, но текста в них нет.. помогите с проверкой кода: на странице - <form action="mail.php" method="post" name="f1"><tr><td align="left">Имя :</td><td><input type="text" name="name" style="border: 1px solid #BCBCBC; background-color: white; width: 130px"></td></tr> <tr><td align="left">E-mail :</td><td><input type="text" name="email" style="border: 1px solid #BCBCBC; background-color: white; width: 130px"></td></tr> <tr><td align="left" valign="top">Текс :</td&…
0 votes19 answers -
Проблемы в IE
Здравствуйте. У меня несколько проблем с отображением содержимого сайта в разных броузерах... Вот так это должно выглядеть и выглядит в Firefox: Так это выглядит в ИЕ6: Так в ИЕ7 при отключенном баннере (при включенном вс? нормально): А в Опере вообще баннер не отображается.. Теперь коды. HTML код верхней части страницы: <div id="header"> <div class="banner"> <table cellpadding="0" cellspacing="0" class="moduletable"> <tr> <td> <a href="http://site.ru/component/option,com_banners/task,click/bid,2/" target="_blank"><img src="http://site.ru/images/banners/banner_tt.gif" border="0" alt="Advertisement" /></a> </td> …
0 votes10 answers -
Вопрос о размерах шрифта
Ребят,у меня следующая проблема: Все мои свёрстанные сайты при изменении размера шрифта на больший(чем больше шрифт,тем хуже),сразуже распадаются кто куда,один блок там,другой там..так вот вопросы: 1) Существует ли какие нибудь способы или правила,по которым нужно задавать шрифт на сайте.чтобы при его увеличении вёрстка не портилась? 2) И где можно об этом почитать?
0 votes10 answers -
Проблема с позиционированием в FF
Привет всем. Я не профи, скорее любитель. Недавно переделал тему для одной GPL-платформы, но мой товарищ прислал скрин с офигенным косяком, который у него в FF. (скрин). Как видно, блок меню сдвинут влево(((. Причём у меня такого косяка в FF не наблюдается. Помогите пожалуйста разобраться в стилях, что бы было кроссбраузерно. Вот макет. Заранее благодарен, бью челом.
0 votes4 answers