HTML Coding

29542 questions in this forum

1. Под какие версии браузеров сейчас верстают

   Доброго времение суток. У меня вопрос к опытным верстальщикам. Под какие версии браузеров сейчас верстают? Стоит ли учить особенности старых браузеров (IE6, IE7 etc..). Какой минимум знаний нужно чтобы устроиться верстальщиком? Как научиться правильной кроссбраузерной верстке Извиняюсь, не заметил что создал тему не в том разделе. P.S. Прошу перенести тему в соответствующий раздел.

   Asked by divine, April 14, 2014

   0 votes
   11 answers
2. Объясните на пальцах

   Понять не могу как соблюдать DOCTYPE В чем отличие 1.0 от 4.0 допустим. Я когда верстаю, то верстаю всеми тегами и правилами которые знаю естественно чаще всего чача получается. Я почитал бы что-нибудь реально разжеванное

   Asked by gst2009, November 12, 2009

   0 votes
   22 answers
3. Начальная ширина мобильного дизайна

   Люди добрые, подскажите, почему дизайнеры делают макеты мобильной версии начиная с 750 пикселей, с огромными шрифтами и картинками? Но при этом, хотят чтобы оно всё круто выглядело на 320px. Как же правильно делать, дизайн на 320, а потом пускай расширяется? Или 750, а верстальщик пускай сам придумывает, как оно будет сжиматься до 320, и расширяться до 980ти? Как правильно делать дизайн мобильной версии, с какой шириной?

   Asked by Alarr, June 19, 2017

   • мобильная версия
   • дизайн
   • mobile
   • design
   0 votes
   5 answers
4. как сделать такой макет

   как сделать макет как на изображении ниже: ? Жду ответа.

   Asked by sitemaker999, July 17, 2013

   • макет
   • как сделать
   • ширина
   0 votes
   20 answers
5. Вёрстка

   Доброго времени суток! Подскажите пожалуйста новичку,какой нибудь простой psd макет для того,что бы с него сверстать страницу, нужен именно простой что бы научиться ну и разумеется советы какие нибудь,если таковые имеются,заранее благодарен!

   Asked by Flanidub, November 5, 2013

   • psd
   • верстка
   • помощь
   0 votes
   22 answers
6. 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> &…

   Asked by Пятница, April 15, 2008

   0 votes
   22 answers
7. Меню с меняющимеся фоновыми изображениями средствами 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…

   Asked by lokotosh, November 23, 2007

   0 votes
   8 answers
8. при очень длинном слове div уплывает вниз

   В общем есть один div - контейнер. Внутри него еще 2 дива, меню и контент, со свойствами float: left . Если я в диве контента напишу ооооооооооооооооооооочень длинное слово, он уплывает вниз, под меню, так как целиком слово вместить в отведенный width 70% не может. Не подскажете как сделать так чтобы он не уплывал?

   Asked by Cher80, May 28, 2007

   0 votes
   2 answers
9. Как фиксировать ширины ячеек таблицы сложной структуры, если она 100%

   Нарисовал дизайн сайта в фотошопе, порезал на слайсы , сохранил в HTML Ширины ячеек всех указываются, пустые ячейки - прозрачными гифами заполнены. Если общая (главная таблица) фиксированной ширины в пикселах (а е? так поставил Фотошоп) - сайт отобржается нормально, если вручную поставить ширину таблицы главной - 100% - то ячейки внутри е? тоже разъезжаются по ширине, хотя там явно указаны их ширна в пикселах (естественно я внутрь ячеек содержания никакого не вставлял). Хочу спросить, почему они раздвигаются , если явно указана их ширина в пикселах ? И как сделать чтобы они не раздвигались? а то у меня рисунок разъезжается.

   Asked by Karapuz, January 18, 2008

   0 votes
   9 answers
10. Проблемма с inline-block в Safari

    Проблема заключается в том, что сафари добавляет какие-то лишнии отступы. Подскажите пожалуйста, как бороться вот код http://jsfiddle.net/BKM7p/4/ .

    Asked by like2dev, October 17, 2011

    0 votes
    5 answers
11. Не работает AutoPrefixer sublime text 3

    Даже на знаю, где эту тему разместить. В общем, такая проблема. Устанавливаю плагин AutoPrefixer через Install Packages. Перезапускаю программу, пишу например border-radius: 5px; и нажимаю сочетания клавиш ctrl+alt+p - ничего не происходит. Пробовал и так запускать, и эдак - ничего не помогает. Node.js установлен. В чем может быть проблема? Заранее спасибо

    Asked by IvanRu08, July 3, 2016

    0 votes
    2 answers
12. Автоматическая мультибраузерная подгонка ширины 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 и в Опере нет. Каким об…

    Asked by extruder, May 26, 2008

    0 votes
    3 answers
13. Почему Могут Не Отображатся Картинки?

    http://www.jam-tver.com/index.php?case=friends Там должны отображаться картинки и линии, ссылки вроде правильные, и файлы в нужной папке есть. В чём может быть проблема?

    Asked by W. Watson, August 26, 2008

    0 votes
    7 answers
14. bootstrap 3, горизонтальная прокрутка

    Нужно реализовать на бутстрапе, чтоб контено прокручивался не по вертикали, а по коризонтали. Те вертикальной прокрутки не должно быть. Можно штатными способами? Или нужен плагин (слайдер)? Если слайдер - то нужно, чтоб работал и от мышки и от пальцев Посоветуйте

    Asked by torsar, June 21, 2015

    0 votes
    7 answers
15. ячейка не заполняется полность

    начал верстать шаблон в таблице, все вроде бы нормально, вставляю контент таблица рвется, вот http://vita-anapa.ru/valuta.html как сделать что было вот так http://vita-anapa.ru/ даже с контентом

    Asked by sc@r@bey, July 13, 2007

    0 votes
    7 answers
16. Использовать трансформацию в анимации JQuery

    Как применить трансформацию через анимацию JQ $('.abz span:last').click(function(){ $('.w').animate({ transform: 'scale(.9)' }); });

    Asked by aqua.77, January 17, 2017

    • jquery
    0 votes
    10 answers
17. счетчики

    Здравствуйте. Объясните пожалуйста, на каком этапе нужно ставить счетчики на сайт ?

    Asked by Lobo, April 30, 2008

    0 votes
    15 answers
18. Прижатиее к верху и ниизу одновременно

    Добрый день, с толкнулся с такой проблемой: требуется в одной ячейке таблицы один объект(текст) привязать к верхней границе, а другой(рисунок) к нижней, прич?м рисунок должен быть привязана без промежутков. Сами объекты находятся на приличном расстоянии друг от друга. варианты?

    Asked by nenasev, February 5, 2008

    0 votes
    7 answers
19. по какому браузеру ориентироваться?

    в разных браузерах оформление таблицы выглядит по-разному больше всего волнует отображение параметра width и отступы на какой браузер ориентироваться?

    Asked by avishka, November 3, 2008

    0 votes
    6 answers
20. Помогите пожалуйста выронять меню

    Здравствуйте. Я "верстаю" шаблон, и в 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"&…

    Asked by Sayitright, April 16, 2010

    0 votes
    22 answers
21. Как сделать элемент на всю ширину страницы с прокруткой

    Здравствуйте. Хотел бы выяснить один вопрос, стоящий на грани разметки и javascript. Есть такой эффект на javascript, называемый lightbox, и служащий для того, чтобы при щелчке на миниатюру изображения открывалось изображение в реальном размере. Пример такого эффекта можно посмотреть, например, на этой странице http://rostovstrojtorg.tiu.ru/p176712-gips...agostojkij.html (кликните на изображение) или же скачайте данный архив http://ifolder.ru/17079448, распакуйте все файлы и откройте страницу index.html Эффект работает нормально, но есть одна некрасивость. Когда эффект запущен и в центре появилось изображение, то если уменьшить размеры окна до появление горизонтальных пол…

    Asked by clavin, April 1, 2010

    0 votes
    4 answers
22. 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 "залазило на карту"? Буду очень благодарен за помощь.

    Asked by k0sm0s, May 13, 2012

    0 votes
    10 answers
23. Заокругленые углы

    есть штмл текст верхняя рамка <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> как указать длину если таблица может быть разной длины чтобы средняя ячейка растягивала фон до конца,

    Asked by solos, November 28, 2007

    0 votes
    14 answers
24. если дизайн сайта шириной 1024px, то как сделать без горизонтальной прокрутки на 1024x768?

    Добрый день, друзья! Меня давно мучает вопрос. Часто видел в Сети сайты, которые отлично смотрятся на экране 1024х768, а когда экран, допустим 1600x1200, то края сайта тупо не обрезаны, а за ними идет какая-то картинка или продолжение изображения в шапке сайта. При этом сайт не резиновой верстки и текст, как и блоки, остаются на своем месте. Вот на днях нарисовал дизайн сайта шириной 1024px, теперь хочу его верстать. Возник вопрос. Как сделать на экране 1024x768 без горизонтальной прокрутки. А если экран чуть по больше, то края чуть расширяются. Конечно, всегда можно тупо обрезать дизайн до 999px/970px и париться не надо, но мне интересно. Спасибо! p.s. Допустим. Я делаю …

    Asked by Вадим, July 21, 2009

    0 votes
    5 answers
25. Как сделать блок ссылкой?

    я создал 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> когда я делаю так как написал выше, то ссылка делается на всю страницу. а мне нужно чтобы ссылка была только для этого блока... думаю суть вопроса понятна... может кто помочь с этим?

    Asked by napstyle, May 16, 2013

    0 votes
    19 answers