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
-
Под какие версии браузеров сейчас верстают
Доброго времение суток. У меня вопрос к опытным верстальщикам. Под какие версии браузеров сейчас верстают? Стоит ли учить особенности старых браузеров (IE6, IE7 etc..). Какой минимум знаний нужно чтобы устроиться верстальщиком? Как научиться правильной кроссбраузерной верстке Извиняюсь, не заметил что создал тему не в том разделе. P.S. Прошу перенести тему в соответствующий раздел.
0 votes11 answers -
Объясните на пальцах
Понять не могу как соблюдать DOCTYPE В чем отличие 1.0 от 4.0 допустим. Я когда верстаю, то верстаю всеми тегами и правилами которые знаю естественно чаще всего чача получается. Я почитал бы что-нибудь реально разжеванное
0 votes22 answers -
Начальная ширина мобильного дизайна
Люди добрые, подскажите, почему дизайнеры делают макеты мобильной версии начиная с 750 пикселей, с огромными шрифтами и картинками? Но при этом, хотят чтобы оно всё круто выглядело на 320px. Как же правильно делать, дизайн на 320, а потом пускай расширяется? Или 750, а верстальщик пускай сам придумывает, как оно будет сжиматься до 320, и расширяться до 980ти? Как правильно делать дизайн мобильной версии, с какой шириной?
0 votes5 answers -
как сделать такой макет
как сделать макет как на изображении ниже: ? Жду ответа.
0 votes20 answers -
Вёрстка
Доброго времени суток! Подскажите пожалуйста новичку,какой нибудь простой psd макет для того,что бы с него сверстать страницу, нужен именно простой что бы научиться ну и разумеется советы какие нибудь,если таковые имеются,заранее благодарен!
0 votes22 answers -
Rowspan - Проблемма!!!
Вобщем все шло гладко, пока не напоролся на баг! Вобщем создал таблицу, дабы разместить содержимое страницы в порядке. Создал таблицу с тремя колонками, одна для эскизов, другая для описания, третья для другого содержимого. Но дело в том, что последняя строка (левые 2 нижние) растягиваются под правую ячейку, а мне это не надо, мне надо как показано на скрине: Вобщем галимо как-то смотрится: Вот код (точнее макет), сам код можно гянуть тут http://dnipro.dp.ua/ <table border="0" align="center"> <tr height="60"> <td width="80">ячейка 1</td><td width="65%">ячейка 1</td> <td width="35%" rowspan="5">ячейка 2</td> </tr> &…
0 votes22 answers -
Меню с меняющимеся фоновыми изображениями средствами css
Доброго времени суток от начинающего создателя сайтов . Подскажите плз как лучше реализовать данную идею...а то у меня походу руки вместе с головой не оттуда растут есть(будет?) меню Html <link href="../1.css" rel="stylesheet" type="text/css"> <link href="1.css" rel="stylesheet" type="text/css"> <table align="left" valign="top" class="mainmenu"> <tr align="left" valign="top" > <td height="33"align="left" valign="top"><a href="index.php">Главная </a></td> </tr> <tr> <td align="left" valign="top"><a href="index.php">Услуги </a></td> </tr> <tr> <td align="left" val…
0 votes8 answers -
при очень длинном слове div уплывает вниз
В общем есть один div - контейнер. Внутри него еще 2 дива, меню и контент, со свойствами float: left . Если я в диве контента напишу ооооооооооооооооооооочень длинное слово, он уплывает вниз, под меню, так как целиком слово вместить в отведенный width 70% не может. Не подскажете как сделать так чтобы он не уплывал?
0 votes2 answers -
Как фиксировать ширины ячеек таблицы сложной структуры, если она 100%
Нарисовал дизайн сайта в фотошопе, порезал на слайсы , сохранил в HTML Ширины ячеек всех указываются, пустые ячейки - прозрачными гифами заполнены. Если общая (главная таблица) фиксированной ширины в пикселах (а е? так поставил Фотошоп) - сайт отобржается нормально, если вручную поставить ширину таблицы главной - 100% - то ячейки внутри е? тоже разъезжаются по ширине, хотя там явно указаны их ширна в пикселах (естественно я внутрь ячеек содержания никакого не вставлял). Хочу спросить, почему они раздвигаются , если явно указана их ширина в пикселах ? И как сделать чтобы они не раздвигались? а то у меня рисунок разъезжается.
0 votes9 answers -
Проблемма с inline-block в Safari
Проблема заключается в том, что сафари добавляет какие-то лишнии отступы. Подскажите пожалуйста, как бороться вот код http://jsfiddle.net/BKM7p/4/ .
0 votes5 answers -
Не работает AutoPrefixer sublime text 3
Даже на знаю, где эту тему разместить. В общем, такая проблема. Устанавливаю плагин AutoPrefixer через Install Packages. Перезапускаю программу, пишу например border-radius: 5px; и нажимаю сочетания клавиш ctrl+alt+p - ничего не происходит. Пробовал и так запускать, и эдак - ничего не помогает. Node.js установлен. В чем может быть проблема? Заранее спасибо
0 votes2 answers -
Автоматическая мультибраузерная подгонка ширины div под картинку
На страницу вставляются иллюстрации, они имеет комментарий внизу, и все это дело обводится рамочкой. <div class="illustration"> <img src="image.jpg"> Комментарий </div> Следующий стиль .illustration{ width: 540px; _width: 556px; text-align: center; border: 1px solid #B0B0B0; padding: 8px; } Это ныне работающий мультибраузерный вариант. Но хочется, чтобы можно было вставлять картинки не только стандартной ширины 540px, но и меньшей ширины. И чтобы при этом рамочка вокруг была всегда на расстоянии 8px, то есть чтобы div уменьшался по ширине. Проблема в следующем. Если поставить width:0, то в IE это работает, а в FF и в Опере нет. Каким об…
0 votes3 answers -
Почему Могут Не Отображатся Картинки?
http://www.jam-tver.com/index.php?case=friends Там должны отображаться картинки и линии, ссылки вроде правильные, и файлы в нужной папке есть. В чём может быть проблема?
0 votes7 answers -
bootstrap 3, горизонтальная прокрутка
Нужно реализовать на бутстрапе, чтоб контено прокручивался не по вертикали, а по коризонтали. Те вертикальной прокрутки не должно быть. Можно штатными способами? Или нужен плагин (слайдер)? Если слайдер - то нужно, чтоб работал и от мышки и от пальцев Посоветуйте
0 votes7 answers -
ячейка не заполняется полность
начал верстать шаблон в таблице, все вроде бы нормально, вставляю контент таблица рвется, вот http://vita-anapa.ru/valuta.html как сделать что было вот так http://vita-anapa.ru/ даже с контентом
0 votes7 answers -
Использовать трансформацию в анимации JQuery
Как применить трансформацию через анимацию JQ $('.abz span:last').click(function(){ $('.w').animate({ transform: 'scale(.9)' }); });
0 votes10 answers -
счетчики
Здравствуйте. Объясните пожалуйста, на каком этапе нужно ставить счетчики на сайт ?
0 votes15 answers -
Прижатиее к верху и ниизу одновременно
Добрый день, с толкнулся с такой проблемой: требуется в одной ячейке таблицы один объект(текст) привязать к верхней границе, а другой(рисунок) к нижней, прич?м рисунок должен быть привязана без промежутков. Сами объекты находятся на приличном расстоянии друг от друга. варианты?
0 votes7 answers -
по какому браузеру ориентироваться?
в разных браузерах оформление таблицы выглядит по-разному больше всего волнует отображение параметра width и отступы на какой браузер ориентироваться?
0 votes6 answers -
Помогите пожалуйста выронять меню
Здравствуйте. Я "верстаю" шаблон, и в ie6 верхнее меню не пристыковывается с левой стороны к шапке. А firefoxe всё хорошо. Вот вёрстка HTML <!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=utf-8" /> <title>Rational by Free CSS Templates</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="default.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="outer"> <div id="header"&…
0 votes22 answers -
Как сделать элемент на всю ширину страницы с прокруткой
Здравствуйте. Хотел бы выяснить один вопрос, стоящий на грани разметки и javascript. Есть такой эффект на javascript, называемый lightbox, и служащий для того, чтобы при щелчке на миниатюру изображения открывалось изображение в реальном размере. Пример такого эффекта можно посмотреть, например, на этой странице http://rostovstrojtorg.tiu.ru/p176712-gips...agostojkij.html (кликните на изображение) или же скачайте данный архив http://ifolder.ru/17079448, распакуйте все файлы и откройте страницу index.html Эффект работает нормально, но есть одна некрасивость. Когда эффект запущен и в центре появилось изображение, то если уменьшить размеры окна до появление горизонтальных пол…
0 votes4 answers -
z-index и наложение элементов на Google map
Прошу помощи более опытных товарищей в решении следующей проблемы. Код Google maps перекрывает все <div> и ни как не реагирует на изменения z-index. Если утрировать есть следующая разметка: <div id="logo"></div> <div id="map"> <iframe class="map" width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.ua/maps? и т.д. код Google map"></iframe> </div> При этом карта перекрывает все элементы, не действует и изменение z-index. Каким образом можно сделать, что бы log "залазило на карту"? Буду очень благодарен за помощь.
0 votes10 answers -
Заокругленые углы
есть штмл текст верхняя рамка <tr> <td style="background-image:url(images/header_left.gif); width:3px; height:21px;background-repeat: no-repeat;;"></td> <td style="background-image:url(images/header_center.gif); height:21px;"><font class="header_name">Погода</font></td> <td style="background-image:url(images/header_right.gif); width:3px; height:21px;background-repeat: no-repeat;"></td> </tr> как указать длину если таблица может быть разной длины чтобы средняя ячейка растягивала фон до конца,
0 votes14 answers -
если дизайн сайта шириной 1024px, то как сделать без горизонтальной прокрутки на 1024x768?
Добрый день, друзья! Меня давно мучает вопрос. Часто видел в Сети сайты, которые отлично смотрятся на экране 1024х768, а когда экран, допустим 1600x1200, то края сайта тупо не обрезаны, а за ними идет какая-то картинка или продолжение изображения в шапке сайта. При этом сайт не резиновой верстки и текст, как и блоки, остаются на своем месте. Вот на днях нарисовал дизайн сайта шириной 1024px, теперь хочу его верстать. Возник вопрос. Как сделать на экране 1024x768 без горизонтальной прокрутки. А если экран чуть по больше, то края чуть расширяются. Конечно, всегда можно тупо обрезать дизайн до 999px/970px и париться не надо, но мне интересно. Спасибо! p.s. Допустим. Я делаю …
0 votes5 answers -
Как сделать блок ссылкой?
я создал div блок, которому дал размера 100x100, в который засунул картинку, и ниже неё текст. пример (код html): <div class="primer"> <img src="http://savepic.org/3509447.png"><p>Текст</p> пример (код css): .primer {width: 100px; height: 100px;} как мне теперь сделать этот целый блок (100x100) ссылкой? как я понял, это не подходит: <a href="#"><div class="primer"> <img src="http://savepic.org/3509447.png"><p>Текст</p></a> когда я делаю так как написал выше, то ссылка делается на всю страницу. а мне нужно чтобы ссылка была только для этого блока... думаю суть вопроса понятна... может кто помочь с этим?
0 votes19 answers