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
-
Скрипт выбора кнопки на примере Liveinternet
Доброго времени и с прошедшим праздником Суть всей проблемы такова, нужен скрипт выбора кнопок как допустим у Liveinternet ил mail.ru Поэтапно: Юзер видит 4 кнопки разных размеров, выбирает нужную через радио кнопку и нажав далее переходит на страницу выбора цвета, выбрав цвет его перебрасывает на страницу с готовым кодом. Помогите господа решить сие вопрос или задачку. Знаний в программировании, особо нет (да для вас можно считать что их и нет вовсе ) Надеюсь с вашей помощью решить этот вопрос. В гугле облазил, но не нашел ничего стоящего. Заранее спасибо.
0 votes5 answers -
помогите у блога двигается тело
У блога в блоггере двигается всё содержание, во время загрузки, на любом разрешении монитора. Во время загрузки появляется шапка, затем когда загружаются темы - вся страница смещается где-то на 20 пкс влево, можете сами посмотреть если не внятно объясняю bllo net Я подозреваю что виноват рисунок слева в углу сверху, в виде узора. И когда он загружается бразуер равняет по центру шаблон, можно это как то исправить? я пробовал убрать параметр center у #page чтобы не центровало, работает правильно только на одном разрешении, если менять размер окна или разрешение всё содержание выходит из границ
0 votes9 answers -
Подключить свой css для Opera
Добрый день. Есть проблемка. Сделал над хедером полоску дополнительную, Google, Safari, FF всё отлично, в Опере она торчит на половину, другая половина вне экрана, хочу создать ещё один CSS отдельно для Opera и там спустить её немножко. Использую Wordpress. Подскажите как сделать, буду очень благодарен
0 votes9 answers -
Опера и Хром видят разное...
Доброго времени суток. Извиняюсь, за возможно глупы вопрос. Но почему происходит такая картина? Html код: <?php get_header(); ?> <div id="404"> <div id="404img"></div> <div id="404text"><p>Страница на которую вы попали не существует.</p> <p align="center">Вы точно правильно ввели URL адрес?</p></div> <hr> <div id="404text2"> <p align="center">Не отчаивайтесь!</p><p align="center">С помощью поиска вы найдете то, что искали.</p></div> <div id="404search"><form method="get" name="searchform" id="searchform" action="<?php bloginfo('siteurl')?>"> <input …
0 votes4 answers -
Все ли правильно!?
Всем привет, учусь на интерактивных курсах, вот сегодня сверстал первый свой код htmll и css. Если есть у кого то время, проанализируйте, может где то можно сократить, где то исправить, хочу с самого начала учиться правильно, а так как наставника нет, прошу помощи у вас. Спасибо! https://jsfiddle.net/cqtcjxbd/
0 votes7 answers -
Сложные кнопки на css.
Как сверстать кнопки с такими декоратиными элементами сверху/снизу (см. скрин). Подозреваю, что через псевдоэлементы, но я знаю только как сделать это в виде треугольников. Есть ли возможность сделать это в виде кривой, как на скрине? https://www.dropbox.com/s/8x15uim5fzrcpo9/Screenshot 2016-09-19 22.52.44.png?dl=0
0 votes5 answers -
Подскажите как сверстать блок меню с логотипом в центре
Привет. Не выходит сделать оформление меню и вставить туда логотип! Задача вроде бы и не сложная, но у меня почему то не выходит. Сайт на Bootstrap 3 верстаю, меню тоже использовал бутстрапа. Сделал вот таким вот образом : Добавил серую полоску сверху меню и снизу, само меню сделал navbar-inverse(черный цвет). А вот как вставить логотип в центр не пойму, что-то видимо сделал не правильно, прошу сильно не пинать, верстать только учусь... Вот опубликовал: http://brainartgroup.zzz.com.ua/ Заранее большое спасибо!!
0 votes6 answers -
ПОМОГИТЕ НАЙТИ ОШИБКУ.
Не отображается рамка на панели "поиск" и не меняется курсор при наведении на запрос. Скрытый текст <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <meta name="description" content="Киномонстр - это портал о кино"> <meta name="keywords" content="фильмы, фильмы онлайн, hd" /> <link rel="stylesheet" href="assets/css/style.css"> </head> <body> <div class="main"> <div class="header"> <div class="logo"> <div class="logo_text"> <h1><a hr…
0 votes3 answers -
Как заставить :hover работать в IE6?
Нашла похожие сообщения, но так и не поняла как это сделать. Напишите, пожалуйста, конкретно, что и где прописать, чтобы заставить такое: "произвольный_тег" :hover{} работать в IE6!!!
0 votes2 answers -
Съезжают блоки в ИЕ
На главной странице вывожу контент и справа колонка с новостями, в Опере и Мозиле все гуд, а в ИЕ по центру сначала растянуту новости а под ним Контент, как бть в чем ошибка? Вот css: /*правая колонка*/ div.rightcol { width: 250px; float: right; text-align: left} .date {background: #a82713; color: #fff; font-size: 9px; padding: 0 5px} div.rightcol a {color: #345a87; } div.rightcol a:hover {color: #a82713; text-decoration: none; border-bottom: double 3px #a82713; } /*Content*/ div.content {max-width: 75%; width: expression(document.body.clientWidth > 966 ? "100%" : "100%"); margin-left: 15px; text-align: left} div.content a {color: #345a87; } div.content a:hover {colo…
0 votes2 answers -
Свойства padding-top
Не могу понять что не так делаю. В общем начал верстать сайт. Есть шапка высота 150пикс. Внутри шапки типа полоса высотой 88пикс. А на фоне этой полосы - логотип, назв комп, поиск и т д.Что я делаю? Внутри дива ХЕДЕР я создаю див для полосы. Задаю ему высоту 88 пикс, а ширину 100% (сайт резиновый). Но тут есть один момент. Эта полоса где-то на 32пикс отступает от верхнего края страницы (внутри хедера). Вначале я задал фикс отсуп сверху, но при изменении разм шрифта вся моя вёрстка плывёт. Тогда я попробовал задать маржин, но в таком случае у меня идёт верт сдвиг и появляется верт прокрутка. И тут я пробую паддинг. Походу паддинг норм, но как-то интересно он работает. Когд…
0 votes7 answers -
Помогите с html
Всем привет! У меня такой вопрос. Как зделать такой сайт http://oblom.com У меня сам html есть. <html> <head> <title>Ololo</title> <head> <html> <head> <body bgcolor="Black" text="Silver"> </html> <br/> <br/> <br/> <br/> <br/> <div align="center"> <font size="15"> <h1>Бугага</h1> <p></p> </body> </html> Ну как с доменом?
0 votes16 answers -
не отображаются картинки
в общем занимаюсь версткой по видео Джефри Вэя, первый раз делал, все картинки объявленные в цсс отображались корректно. но теперь когда делаю опять, картинки только отображаются объявленные в хтмл, которые относятся к контенту. картинки в бразуерах включены, форматы указаны правильно, пути тоже, даже не знаю в чем проблема может быть. вот пример кода: #header h1 { background: url(img/logo.png) no-repeat; width: 169px; height: 71px; text-indent: -9999px; float: left;
0 votes11 answers -
margin, input, ie
Здравствуйте! Сразу изложу проблему: имеем вот такой элементарный код, проблема в следующем: элемент с id "v" имеет отступ слева в 10px, аналогичный отступ слева получается и у тега input в ie 5,6,7, вобщем создаётся впечатление что input наследует margin своего родителя, но насколько мне известно маргины не наследуются, да и я пробовал задать input, margin 0, не катит. вобщем в чём косяк? Спасибо за внимание. #c{width:160px; height:40px; background:#888; border:1px solid #000;} #v{width:130px; height:20px; margin-top:9px; margin-left:10px; border:1px solid #000;} #b{width:105px; height:15px; border:1px solid #000; background:#ff0;} <div id="c"> <div id="v">…
0 votes5 answers -
Помогите пройти валидацию
Не могу допетрить, что валидатору не нравится( XHTML 1.0 Strict Валидатор пишет: Error Line 139, Column 114: document type does not allow element "input" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag …e="border: 1px solid #cccccc; background-color: #ffffff;" size="26" value="" /> строка: <input type="text" name="name" style="border: 1px solid #cccccc; background-color: #ffffff;" size="26" value="" />
0 votes6 answers -
<li> — отступ
Нужно убрать отступ который показан на рисунке ниже. Собственно сам код: .Menu { background: #222120; border-left: solid 1px #4d4b48; border-right: solid 1px #4d4b48; border-bottom: solid 1px #4d4b48; padding: 5px; width: 200px; margin: 0px; } Пробывал вставлять float:left, но толку нету, только ломает дизайн. Красной рамкой отмечен отступ
0 votes5 answers -
Использование иконок в спрайтах и "em"
Не могу решить проблему. У меня для инлайновых элементов, например для внешних ссылок указана иконка, через background. Так вот, когда размер шритфа фиксированный, например строго 14px/16px, то проблемы нет, задаю: background: url(images/sprite.png) no-repeat 0 -64px; И все здорово, иконка по центру строчки, все красиво. Однако когда шрифт нужно задать в em, например 1em/1.2em , то тут возникает проблема. Так как физический размер в пикселях может изменяться, то и иконка "гуляет", уползая вверх-вниз. Есть ли решение этой проблемы? Вариант с иконкой через :before не предлагать, он не работает в ие7, а городить костыли крайне нежелательно..
0 votes9 answers -
Вопрос:верстка Landing pages
Добрый день. Вопрос по верстке страниц Landing Pages: 1.как лучше верстать с помощью шаблонизаторов(каких именно) или чистым html/css? 2. ">http:// : как вставить такого плана картинки: делать каждую отдельную (возможно списком), или спрайтом одну? Заранее спасибо за ответ.
0 votes6 answers -
Зависимость контента от изображения
Контент всегда зависит от внутри написанного текста по высоте, но когда вставляю картинку контент как был 10px так и остался. Как сделать, чтобы контент изменялся в зависимости от вставленного изображения? Код: http://jsfiddle.net/em1Lhnhr/2/ Заранее спасибо!
0 votes6 answers -
Среда разработки вэб-верстальщика
Кто чем пользуется? Какие программные инструменты используете для вэб-разработки? Что используете, чтобы облегчить себе жизнь? Поделитесь опытом. ))
0 votes11 answers -
Какой синтаксис для background
Часто встречаю разные варианты для тега background. Ссылка на картинку может быть в двойных кавычках, одинарных, или вообще без кавычек. Работают все варианты. Скажите пожалуйста, как правильно? Вот пример: - background:url('http://site.com/error.png')- одинарные - background:url("http://site.com/error.png")- двойные - background:url(http://site.com/error.png) - без кавычек
0 votes9 answers -
Резиновая верстка работает, но почему?
Друзья, всем добрый день! Я полный новичок. Взял первый для себя макет и решил реализовать резиновую верстку. 3 колонки: левая фиксированная (width: 300px), центральная и правая резиновая. При этом центральная и правая делит пространство оставшееся от левой колонки между собой в отношении 70% (центр) на 30% (правый). Вчера бился полдня, облазил весь гугл, нашел несколько решений, но они у меня почему-то не работали. Сегодня с утра потыкал самостоятельно и получилось реализовать. Вот код html: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="wrapper"> <div class="left-sidebar"&g…
0 votes4 answers -
Вертикальное 100% у таблицы в XHTML
Народ всем привет, думаю что многие сталкивались с такой проблемой, я кстати тоже давно и вот столкнувшись с ней вновь опять впал в стопор. Скрины: IE OPERA Суть проблемы следующая, мне нужно написать код на XHTML версии STRICT то есть када код и стили полностью отделены друг от друга. Нужно получить результат как на втором скрине(это ОПЕРА). Первый скрин это ИЕ(в нем некорректно работает) CSS: html, body {height: 100%; padding: 0px; margin: 0px;} .main_table {height: 100%;} .top {height: 200px;} .content {} .bottom {height: 50px;} HTML: : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html x…
0 votes4 answers -
Пробел между строками в таблице
Между строками в таблице остается пробел, а необходимо сделать таблицу, в которой содержимое всех ячеек выглядит как одно целое. Если поставить ячейкам рамки, то видно, что пробел (свободное место) появляется только под рисунками, видимо задача в том, чтобы убрать его. Пожалуйста, подскажите путь решения проблемы, заранее извините, если этот вопрос уже поднимался тут (не нашел). <html> <head> <link rel=stylesheet type=text/css href=style.css> </head> <body bgcolor="#7086a4"> <table cellspacing="0" cellpadding="0"> <font size=3>Links</font> <tr> <td><a target=_parent href=http://000.ru/><img src=pics/…
0 votes1 answer -
Изменить цвет фоновой картинки
Есть некий элемент, скорее всего inline - span или a, например. У этого элемента установлено два стиля. Первый задает фоновое изображение вдоль нижнего края. Изображение не сложное, пусть оно состоит из двух цветов: черный и прозрачный. Второй стиль должен задавать цвет изображения, заданного первым стилем. Это возможно?
0 votes7 answers