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
-
Масштабирование изображения
Как сделать, что бы при уменьшении окна броузера у рисунка оставались искомые пропорции по высоте, но по горизонтали он уходил до определенной точки в левую часть окна. Как вот тут http://htmlbook.ru/ надпись "Рецепты CSS" с логотипом на зеленом фоне. Что бы было понятно, что мне нужно, поиграйтесь с размерами окна. Надпись всегда остается по центру и уже когда окно браузера становится совсем маленькое правая его часть начинает скрывать рисунок.
0 votes7 answers -
Студент - сайт для портфолио на практику. Подскажите есть ли серьезные ошибки
Доброго времени. Студент-айтишник, вэб у меня непрофильное. Знакомый попросил сделать небольшой сайт статику для его фирмы. Я согласился, прочитал учебник, ну и сделал то что сделал. Планирую искать практику, и сайт приложить к cv. Кому несложно - оцените пожалуйста в целом, есть ли какие-то ошибки и косяки, чего не хватает, что лишнее. Буду благодарен за любой совет. http://themvm.wc.lt/ Код (cтена текста!): css html
0 votes9 answers -
Help me guys!
Очередной мой глупый вопрос.Не могу понять в чем проблема. Крч по теме меню авторизации уезжает вниз в хроме, мазила отображает нормально.Прописал див'у с лого display:inline; не какой реакции в хроме (опять же в мазиле все как надо и на display:inline; он реагирует поднятием блока на уровень с логом).И тут тоже все как надо http://jsfiddle.net/6rdj3983/ Вот такая картина в chrome http://itmages.ru/image/view/2238173/209643b5 Вот что в Mazilla Firefox http://itmages.ru/image/view/2238172/bc124c21
0 votes4 answers -
Сколько времени надо гуглю?
Чтобы изменения в микроразметке (schema.org) появились в выдаче?
0 votes8 answers -
Полоска под меню
Подскажите уважаемые как убрать вот эту оранжевую полоску http://joxi.ru/jgmvEq4f8qQNra на этом сайте http://teplogid18.ru/
0 votes3 answers -
Как правильно сверстать секцию
Как правильней всего сверстать такую секцию? div > a > img?
0 votes4 answers -
background
Не работает... почему не понимаю #headerSlogan{ background: url('img/headerSloganBg.jpg') #FFffFF top left no-repeat; float:left; } <!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> <meta http-equiv="Content-Type" content="text/html;" charset="win-1251" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" /> <title>Untitled Document</title> </head> <body> <div id="headerSlogan">Slogan</div> и еще вопрос при использоании чарсета UTF-8 все браузеры не корректно отоб…
0 votes2 answers -
При изменении длины слова, вся задумка портится...css :hover
В общем задумал я такую менюшку, чтобы при наведении на ссылку, стрелочки по бокам этой ссылки смыкались... http://img522.imageshack.us/my.php?image=menuwx5.jpg http://img141.imageshack.us/my.php?image=menuhoverqr5.jpg Но как видно из второй картинки, при изменении длины слова, эти стрелочки ливо заезжают на слово, либо куда то убегают... так вот хотелось бы узнать, можно ли как то с помощью css и html сделать, чтобы при изменении длины слова эти стрелочки были всегда на одном и том же расстоянии от слова? css: <style type="text/css"> html, body {margin:0px; padding:0px; background-color:#dbfafb;} #head {background-image:url("img/head.jpg"); width:710px; height:102…
0 votes4 answers -
О верстке дивами
Привет! Недавно решил попробовать сверстать страничку дивами. На странице слева колонка фиксированной ширины, справа - на всю оставшуюся ширину страницы. Как я сделал: body { margin: 0 0 0 80px; } #left { float: left; margin-left: -80px; width: 60px; /* Между колонками отступ 20px */ } #right { float: left; width: 100%; } Проблема, как водится, с IE6: не отображается левая колонка, видимо, именно потому, что вылезает за границы поля. Я проверил: если сделать колонку чуть шире, чем поле (например, 90px), то отображается именно торчащий 10px кусок. В связи с этим вопрос: как исправляется подобное поведение? Если никак, то какие еще способы реализации вы можете пре…
0 votes4 answers -
Свойства padding-top
Не могу понять что не так делаю. В общем начал верстать сайт. Есть шапка высота 150пикс. Внутри шапки типа полоса высотой 88пикс. А на фоне этой полосы - логотип, назв комп, поиск и т д.Что я делаю? Внутри дива ХЕДЕР я создаю див для полосы. Задаю ему высоту 88 пикс, а ширину 100% (сайт резиновый). Но тут есть один момент. Эта полоса где-то на 32пикс отступает от верхнего края страницы (внутри хедера). Вначале я задал фикс отсуп сверху, но при изменении разм шрифта вся моя вёрстка плывёт. Тогда я попробовал задать маржин, но в таком случае у меня идёт верт сдвиг и появляется верт прокрутка. И тут я пробую паддинг. Походу паддинг норм, но как-то интересно он работает. Когд…
0 votes7 answers -
Горизонтальный список с подпунктами
Здравствуйте, пожалуйста помогите в решении проблемы, нужен список такого вида: подпункт_1 подпункт_2 подпункт_3 пункт_1 пункт_2 пункт_3 пункт_4 При возможности это необходимо сделать средствами именно списка. Бьюсь уже 2 дня ничего толкового не выходит. Спасибо Вот что я натворил ) Простите за кривость ) <style type="text/css"> .clearfix li { float: left; margin-left: 30px; } .ff li { margin-left: 1px; display: block; float:none; margin-top: -35px; } .dd { display: block; padding-left: 40px; float: left; } .ff { display: block; margin-left: -40px; margin-top: -40px; } </style> <ul class="clearfix"> <…
0 votes4 answers -
Шаблон "ездит"
Есть сайт pohodkin.ru.Если перейти на форум то видно что главный блок немного увеличился,не смотря на присутствие фаербага ,так и не пойму почему такое происходит
0 votes11 answers -
Отступы из ниоткуда
Написал вот такое: <header class="header"> <div class="wrap"> <div class="logoimg"><a href=""></a></div> <h1 class="logo"><a href="#">Environmental.com</a></h1> </div> </header> .header { height: 113px; width: 100%; background: url("../image/header-bg.png") repeat-x; } .wrap { position: relative; width: 1024px; margin: 0 auto; height: 100%; } .logoimg { float: left; margin: 32px 0 0 50px; width: 48px; height: 47px; background: url("../image/logo.png") no-repeat; } .logo a { font: 31px 'Centu…
0 votes11 answers -
text-align: justify;
грубо говоря ситуация такая <div style="text-align: justify; font-size:11px; width:250px;"> <p>Текста на 100 символов. Строк 10-11.</p> </div> Что и следовало ожидать текст выравнивается по левому и правому краям блока. Но расстояние между словами ужасное. Можно ли как-нибудь бороться с этим делом?
0 votes12 answers -
overflow:hidden для непрямоугольного блока
Здравствуйте. Столкнулся с такой проблемой Скрин в Хроме, ФФ, IE http://prntscr.com/4flbmx Скрин в опере и сафари: http://prntscr.com/4flbki Для цветного закругленного блока установлен overflow:hidden. При этом опера и сафари обрезают белые полосы пунктов меню не так, как хотелось бы. Спасибо.
0 votes15 answers -
семантика
Подскажите, что ещё существует для семантически на сайте, кроме <main role="main">. То есть кроме html5-тегов и ролей.
0 votes8 answers -
Верстка небольшого блока
Приветствую, есть небольшой и возможно достаточно простой для большинства профи блок, но я являюсь любителем, который иногда что-то пытается верстать для себя и в таком случае важен не только результат (соответствия макету), но важно научится грамотно выбирать оптимальный способ реализации. Следовательно у меня есть несколько вопросов к знатокам по данному макету: 1) Насколько реализуема и уместна верстка косых углов на чистом css? 2) Как сделать разделитель меню через border-right, дабы он соответствовал макету? Насколько это оправданно? 3) Как бы вы сверстали этот блок (желательно пример кода)? Заранее благодарю за вашу помощь...
0 votes7 answers -
Скачивание по ссылке
<div class="newsletter_form"> <form> <input type="text" placeholder="Скачать прайс PDF"/> <input type="text" placeholder="+ презентация"/> <button><a href="files/1.pdf" download> Скачать</a></button> <div class="clearfix"></div> </form> </div> http://vitaliykurzaev.ru В IE и в Мозиле не скачивается презентация, а гугл Хроме и Опере все норм. Добрые люди подскажите что я не правильно сделал? Может…
0 votes8 answers -
css помогите с :hover
https://jsfiddle.net/sipsap/w547anoh/ Вопрос: 1. Как сделать так что бы текст менял свой цвет вместе с hover'ом заднего фона, а не нужно было наводить на него отдельно? 2. Не как не могу понять как мне задействовать в активном блоке верхнюю картинку? (мне данны две картинки на одной области. Снизу, бела сверху черная) Пример:
0 votes3 answers -
Синтаксис Page-Break
Не могу найти полный синтаксис с определением для Page-Break-Before / Page-Break-After Help Me !
0 votes2 answers -
Событие по onclick
Подскажите, пожалуйста, начинающей Есть меню, каждый элемент которого состоит из таблицы. По событию onclick по таблице заменяются некоторые элементы таблицы, а также некоторые свойства элементов. Но никак не пойму как сделать так, чтобы при следующем щелчке по другой таблице в первой все менялась обратно? Код такой пока function paint(table1) { var img1 = table1.firstChild.firstChild.firstChild.firstChild; var td1 = table1.firstChild.firstChild.firstChild.nextSibling; var img2 = table1.firstChild.firstChild.firstChild.nextSibling.nextSibling.firstChild; var tr1 = table1.firstChild.firstChild; img1.setAttribute('src', 'images/Copy-of-maket_10.jpg'); img2.setAttribute('…
0 votes1 answer -
Запретить перенос слоя
http://brooklyn-spb.ru/a/index.html При уменьшении размера окна в Опере слой header залезает под слой photo, вот как сделать, чтобы он это не вытворял? и + при доведении бока браузера на полосу меню появлялся бы скролл горизонтальный, а не преносились бы пункты на след. строку)
0 votes2 answers -
Помогите опредилить движок.
Вот есть сайт: http://xakep.ru/ Помогите определить движок.
0 votes2 answers -
Высота таблиц в опере
Если в параметрах таблицы или ее стиле задать таблице высоту 100% то опера ровняет высоту по контенту и никакие уговоры не помогают. есть ли выход?
0 votes1 answer -
чем отличается?
1 div#mainmenu от #mainmenu div 2 а можно так писать div.mainmenu
0 votes6 answers