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
-
В каком компиляторе разрабатывать?
Ребят в каком редакторе разрабатывать, я на codeacademy только делала всякие штуки. Сейчас просто не получается ничего, я только фотошп немного знаю и все. Хочу развиваться в этом направлении ! Дело в том что учился в шаражке 4 года и в универе 2 года - отчислили. Все на айтишника ! Ничему не научили!!!! Помогите плиззз Т_Т... Мне надо всего лишь компилятор нужный найти и тд .... и книжки дальше я сам !
0 votes6 answers -
Фон изображение с диагональными полосами, адаптивный
Собственно давно уже бьюсь с этой проблемой и прошу о помощи, т/к решения не нашел. Есть картинка (во вложении), нужно сделать также. Варианты с просто взять и такую же картинку (с полосами) вставить как фон не подходят, т/к потом нужно будет сделать параллакс эффект + некоторые расстояния получаются не точными до верхних/нижних границ от картинки. Уже пробовал и поворачивать изображение и треугольники, но ничего не получается, либо слишком не устойчивое. Прошу помощи, наверняка кто-то сталкивался с такой задачей раньше.
0 votes4 answers -
Помогите с этим!!!!
Помогите пожалуйста сверстать так, как на картинке. У меня не получается. Зарание спасибо!!!
0 votes5 answers -
у ИЕ есть подобный инструмент как FireBug у ФФ ?
сабж очень удобно в ФФ оттачивать стили и верстку. Но поскольку верстка не всегда в этих браузерах совпадает, то хотелось бы какой-то инструмент для настройки в ИЕ.
0 votes6 answers -
Масштабирование картинки в IE
<table width="100%" height="100%"> <tr> <td> <img width="100%" src="angel.jpeg"/> </td> </tr> </table> Во всех браузерах кроме IE этот код автоматически масштабирует картинку. В IE картинка остаётся реального размера и появляются полосы прокрутки. Как решить эту проблему?
0 votes3 answers -
нумерация
Добрый день дамы и господа. У меня возникла проблема... Закинув на страницы фотографии, хочу сделать внизу нумерацию. Проблема первая. Не могу опустить цифры вниз после этих картинок. проблема вторая - не знаю как сделать чтобы нажав на цифры сделать так чтобы это была ссылкой индекса. типо того как переход на главную страница, контакты. вот пример: <img src="modeliai/Фото0016.jpg" align="left" width="320" height="240" hspace="10" vspace="10"> <img src="modeliai/Фото0017.jpg" align="left" width="320" height="240" hspace="10" vspace="10"> <img src="modeliai/Фото0018.jpg" align="left" width="320" height="240" hspace="10" vspace="10"> <img src="modeliai/…
0 votes22 answers -
Фон дива
В общем я только начинаю учится всему этому, так что чур камни шибко не пинать. Пока делаю простенький сайтик. Значит так на странице у меня один главный блок <div id = "container">(рабочее поле сайта) внутри которого есть <div id = "header">(собсна шапка), <div id = "text">(с основным содержимым сайта, т.е. всякие новости, статьи и тд.), <div id="news"> и <div id="footer">. <div id="news"> расположен справа от <div id = "text"> и он представлен в виде не широкой колонки в которой будут выводится ну предположим краткие новости эта колонка имеет свой фон(ввиде картинки, точнее маленький полупрозрачный одноцветный прямоугольник). С…
0 votes5 answers -
Лучший способ создать кнопку с input [type='submit']
Както озадачелся вопросом каким способом лучше создать кнопку из CSS3, c помощью картинки или SVG... В каждом из вариантов есть свои проблемы. Каккой из вариантов, будет более удобней, надёжней в плане отображения и простоы, с недоразветостью браузеров ...? Примеры: .input_submit { background: url("../public/style_images/master/topic_button.png") repeat-x scroll center top #212121; border-color: #212121; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 0 #5C5C5C inset, 0 2px 3px rgba(0, 0, 0, 0.2); color: #FFFFFF; } .pay-button { -moz-box-sizing: border-box; background: linear-gradient(to bottom, #00B4F5 0%, #0096D2 100%) repeat scroll 0 0 transparent;…
0 votes5 answers -
Масштабирование сайта
Помогите пожалуйста найти решение, хочу сделать функцию, по нажатию на кнопку к примеру масштаб страницы становился 150%
0 votes2 answers -
submit не работает
Вот есть кусок кода. <form action='price.php' method=post> <td align=center width=100> <input type=text name=count value=1 maxlength=4 style='width:21px;'> </td> <td align=center width=58> <table id=add width=25 height=25 style='cursor:pointer;' onclick='this.form.submit()'; onmouseover=this.id='add1'; onmouseout=this.id='add';><tr><td></td></tr></table> </td> </form> При нажатии ничего не работает,в чем причина.
0 votes6 answers -
Дополнительный margin в ie
Всем привет! Помогите пожалуйста разобраться в вопросе. Есть у меня схемка для того, чтобы футер тянулся до пола. Так вот когда я её использую, ie зачем-то добавляет дополнительный margin по бокам. Покопав и не поняв почему так происходит, пришел сюда. В данном случае, это белый блок справа - стоит margin 30 - в лисе всё ок, в ie margin в раза три больше (ie 6). <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>:)</title> <style> html, body { height:100%;…
0 votes4 answers -
Наследование или приоритет?
Здравствуйте! Пожалуйста, подскажите, что надо сделать для разрешения подобной ситуации: есть вот такая css, определяющая вид свойств и их значений в тексте примеров: .property { color:darkgreen; /* Цвет текста для свойств CSS */ font-family:Arial Calibri sans-serif; /* Рубленый шрифт */ font-size:90%; quotes:" {" ": "; } .value { color:green; /* Цвет текста для значений свойств CSS */ font-family:'Times New Roman' Cambria serif; /* Засечный шрифт */ quotes:"" ";}"; } .property:before, .value:before { content:open-quote; } .property:after, .value:after { content:close-quote; } Далее, желая, чтобы quotes' content отображался не различными стилями, а …
0 votes17 answers -
Плавная прокрутка сайта
Не могу найти ответа, да и возможно ли? Как сделать чтобы сайт прокручивался плавно, в mozila такое есть если не ошибаюсь
0 votes2 answers -
Горизонтальный список съезжает на вёрстке, хотя отступов - нет
Сделал горизонтальные элементы списка 2х2 с помощью display: inline-block, но элементы почему-то съехали, хотя никаких отступов НЕТ. Прошу, пожалуйста помочь.
0 votes7 answers -
Почему border делает отступ?
Приветствую! Создаю свой первый сайт. Помогите пожалуйста понять и решить, почему при использовании атрибута border он делает отступ снизу от контента? Padding нигде не стоит в коде. Прикрепляю скрины как выглядит непонятный отступ и результат, который хочу достичь позже Мой код: HTML <main> <div class="menu text stroke"> <nav> <a href="./Playlists.html">PLAYLISTS</a> <a href="./LocalArtists.html">LOCAL ARTISTS</a> <a href="./Shop.html">SHOP</a> <a href="./Schedule.html">SCHEDULE</a> <a href="./About.html">ABOUT</a> …
0 votes3 answers -
В Мозилле не отрабатывает padding-left.
Сайт hotellist.com.ua. Каждая страница, кроме главной, - три таблицы: шапка, контент, подвал. Таблица "контент" состоит из трех столбцов ("left", "1st", "2nd"). Столбец "left" служит для создания вертикальной зеленой полосы. "Ферст" и "секонд" - содержимое. Для "ферста" прописал отступ содержания от границы соответствующей ячейки: "padding-left:5px;". В IE все отлично - отъезжаем на нужные пять пикселей. В Мозилле эта конструкция не отрабатывает и содержимое идет впритык, а если еще и в строке первой буквой идет "у", а она, в силу специфики сайта, идет очень часто, хвостик от "у" вообще выезжает в зеленый столбец. Не смертельно, но снижает читабельность, да и просто, по-…
0 votes2 answers -
Ширина макета 1600px высота 1300px как сделать?
По идее макет должен быть резиновым. Вся загвоздка в том что background в виде одного jpg изображения 1600X1300 px. Браузер не должен его обрезать или выдавать горизонтальную полосу прокрутки. Люди добрые подскажите как его сделать??????????????????
0 votes3 answers -
jQuery-Акордеон не работает в Chrome
Даже в ie6 всё норм, а в Chrome творится что-то не ясное. Порыскал по инету, подсказок на решение не нашел. Наверно это я где-то заплужил, но который час не могу понять где Функция jQuery (версия 1.4.1 min) function accordion (){ maxWidth = $('#accordion').width() - 348; minWidth = 75; $('#accordion ul a').hover(function(event){ $('#accordion ul a').animate({width: minWidth+"px"}, { queue:false, duration:600 }); $(this).animate({width: maxWidth+"px"}, { queue:false, duration:600}); }); } HTML <div id="accordion"> <ul> <li><a class="a1" href="#"> <img src="images/1.png" width="143" height="127" /> <p>Йода&l…
0 votes1 answer -
Проблемы с отображением
В общем верстаю на таблицах, есть шапка, три колонки, и подвал, проблема что когда захожу на страницу, у меня некоторая часть фона tr который я задал для трех колонок, не отображается, т.е. какой-то белый фон, когда обновляю страницу, все становится нормально, вот пример до обновления страницы http://i049.radikal.ru/1008/2e/8713755674fa.jpg после http://s002.radikal.ru/i200/1008/31/19c79fd79ad2.jpg все остальное нормльно, только этот фон. Фон задан в tr, в нем же три ячейки. body {background:#fff;font-family:Times New Roman, serif;font-size:15px;color:#000;} table {width:1300px;height:1300px;margin:0 auto 0 auto;} tr#shapkazone {height:420px;} td#shapkaobl {width:1300px;…
0 votes8 answers -
display и position
Не совсем понимаю как в css правильно, и зачем использовать display и position. Я знаю что свойство display придает элементам свойство блоков и что то в этом роде. А как этим правильно пользоваться не совсем понимаю. Подскажите неплохой материал на эту теме. Спасибо.
0 votes4 answers -
смещение текста при зажатой кнопке input[submit] в ИЕ
Не знаю как избавится от смещения текста в кнопке. Суть: нажимаю кнопку, отвожу курсор от кнопки - текст смещается, возвращаю - текст смещается. Знаю, что это не серьезный баг, но хотелось бы управлять стилем кнопки полностью. Что я забыла учесть? стили кнопки: .get-guide { background: url("../img/tick.png") no-repeat scroll 23px 50% #8BC657; border: 0 none; border-radius: 9px 9px 9px 9px; border-bottom: 3px solid #6FA043; color: #FFFFFF; display: block; height: 56px; line-height: 56px; margin: 42px auto 0; padding: 0 12px 0 62px; text-align: left; width: 294px; } .get-guide:active{ border-bottom: 0 none transparent; …
0 votes8 answers -
сложная шапка сайта
столкнулся с интересной для себя шапкой сайта и не могу понять как правильно ее сделать.В psd макете треугольники так интересно расположены. http://rghost.ru/58108955 подкиньте пару идей.
0 votes9 answers -
HTML 5 на деле - шаблон интернет магазина
Здравствуйте. У меня уже очень давно зреет вопрос, а теперь я решил переверстать несколько своих проектов с использованием html5 тегов. И задался я вопросом какие же теги из html5 стоит использовать в интернет-магазинах, по копав интернет, ничего конкретного я не нашел, а что нашел датировано 2010-2012 годами. Есть понятные вещи и некоторые я уже давно использую, например, тег <nav>, все меню сайта у меня находятся в этом теге. Тег <heder> и <footer> тоже не заставляет задуматься. Н на этом пожалуй и все….. Остальные теги вгоняют меня в мысли, нужны ли они или как их правильно использовать: Тег <article> - почитал в интернетах, вроде…
0 votes1 answer -
Корзина и карточка товаров
Подскажите,сделал страницу на html, там таблица (table) c ячейками - в ячейке карточка товара из "divов", подскажите,могу ли я сделать так, чтоб информация о товарах в каждой карточке загружалась из exel таблицы или чего то в этом духе. Подскажите хоть куда копать. Спасибо!
0 votes5 answers -
BUTTON - backgroud, фоновое изображени
Привет! Я тут первый раз. Не знал где это спроить, поэтому спрашиваю здесь Народ, вот у меня такой вопрос: наверное все знают что такое кнопки. Я про те кнопки, которая например находится на http://yandex.ru На этой кнопке написан ТЕКСТ "Искать" Чтобы забабахать себе такую же кнопочку с каким-либо текстом, надо прописать вот что: С этим я разобрался. А вот скажите плиз, как сделать так, чтобы заместо ТЕКСТА на кнопке была какая-нибудь КАРТИНКА? Мне именно не код для картинки нужен типа как а код, который поместит КАРТИНКУ на кнопку. Заранее спасибо
0 votes3 answers