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
29,542 questions in this forum
-
Личный кабинет
Нужна помощь в создание личного кабинет. Вот пример http://www.goodmoney.cc/?page=registration Мне не нужно делать финансовую пирамиду, просто пример подходящий. Если можно, то без использования PHP. Спасибо за помощь
0 votes6 answers -
Расположить div'ы в ряд
Нужно расположить элементы DIV по четыре штуки в ряд, примерно как на этой корявенькой картинке: Причем еще желательно чтобы они вели себя, как обычные элементы - если все четыре div'а не влезают по ширине в окно браузера, то чтобы они сами переносились на новую строку. По идее, как я прочитал в справочнике, за такое поведение отвечает display:block; но что-то не срабатывает. Все DIV'ы просто идут один за другим по вертикали, т. е. по одному в ряд. Помучился с display:absolute, но это, похоже, вообще тут не катит. Можно было бы не париться и просто сделать TABLE, но хочется же "по-правильному"
0 votes5 answers -
Scroll внутри блока без полосы прокрутки
Задача: сделать scroll внутри div, избегая полосу прокрутки. Причина: полоса прокрутки не вписывается в дизайн сайта (ну как обычно). Выбранный путь: #block { position: absolute; height: 256px; width: 256px; overflow: hidden; } .info { position: relative; padding: 0; margin: 0; } #block:hover .info { position: absolute; bottom: 0; } <div id="block"> <p class="info"> Вот дом,<br> Который построил Джек.<br> <br><br> А это пшеница,<br> Которая в темном чулане хранится<br> В доме,<br> Который построил Джек.<br> <br><br> А это веселая птица-синица,<br> Которая часто ворует…
0 votes9 answers -
Наложение блоков div друг на друга
Добрый день! Не очень опытна в верстке блоками, поэтому хотела бы обратиться за помощью и подсказкой. Нужно сделать вот в таком виде: Я тупо решила это, позиционируя блоки с relative. Но что-то мне подсказывает, что решение очень неудачное, и все может сползти... Возможно как-то можно решить с помощью margin? Пока в голову не приходит как именно. Плюс желательно, чтобы блок2 и текст2 могли смещаться вправо, допустим до красной линии.
0 votes6 answers -
Какого разрешения должна быть фоновая картинка у сайта
Добрый день! Подскажите, пожалуйста, какого разрешения должна быть фоновая картинка у сайта? При учете, что сейчас максимальное разрешение экрана 2600*1440. Заранее благодарен.
0 votes10 answers -
Таблица. Фиксированный заголовок, столбец. Покритикуйте код.
Здравствуйте! Всем известно, что в Excel можно зафиксировать области так, что при прокрутке содержимого таблицы, сторока и столбец оставались на месте. Решил сделать нечто подобное и для HTML. В гугле полно примеров, но большинство из них очень громоздки или используют jQuery и прочие библиотеки. А мне хотелось как-нибудь попроще, без JavaScript, на одном CSS. Если фиксировать что-нибудь одно, то скрипт не нужен, например для заголовка http://jsfiddle.net/2Bfxm/3/ Но одновременно и для столбца, не получится без JavaScript. Впрочем, он небольшой. Пример работает в Опере, Мозилле, Хромом, IE8-9 http://jsfiddle.net/bS3wf/ Маленький недостаток - в IE8-9 при прокрутке, немног…
0 votes3 answers -
что такое контейнер?
Здравствуйте. Помогите пожалуйста понять, что такое контейнермв языке html. На данный момент читаю лекции интуита и там непонятно об этом написано. цитирую курс введения в html лекцию 1 : то есть, выходит, что контейнер это открывающийся тег+содержимое+закрывающийся тег? чуть далее, на этой же странице написано то, что подтверждает предыдущее положение: То есть, они даже с примером дают пончять, что контейнер - это условное название открывающихся и закрывающихся тегов с содержимым меж них.Но! в их тестах к этому курсу есть вопрос: "Контейнер, содержащий данные и позволяющий отформатировать их определенным образом, носит название ..." варианты ответов: -идентификатор -т…
0 votes6 answers -
Кто использовал Смарти?
Возник вопрос. Если кто-нить использовал Смарти, то подскажите, как организовывается структура сайта? Для каждой страницы пишется отдельный шаблон? И для того, чтобы поменять, например, логотип, нужно изменять все шаблоны? Или шапки и футеры отдельно хранятся? Кто что знает, пишите
0 votes24 answers -
Как промаштабировать картинку под размер div?
Есть div определенного размера. И есть картинка размера гораздо большего чем размер divа. Как промаштабировать картинку под размер div? Понятно что можно вставить картинку в html с помощью img и задать width="100%". Но хотелось бы через стиль. Простейший код: <html> <head> <link rel="stylesheet" type="text/css" media="screen" href="cascade.css" /> </head> <body> <div id="header"></div> </body> </html> #header { height: 200px; background-image: url(head.jpg); background-repeat: no-repeat; background-position: left top; background-color: #ffff00; color: #ffffff; text-align: right; } Спасиб!
0 votes6 answers -
Растянуть букву по вертикали и горизонтали
как растянуть букву по вертикали и горизонтали средствами css? Пример в фотошопе: "Масштабирование по вертикали" и "Масштабирование по горизонтали".
0 votes3 answers -
Сложно ли изучить HTML / CSS?
Привет, являюсь J2EE разработчиком. Думаю изучить (может поверхностно) HTML и CSS. Сколько времени нужно потратить на получение вменяемых знаний, которые реально можно будет использовать на практике?
0 votes12 answers -
резиновая картинка в css
<img src="/images/logo.png" style="float: left; margin: 0 10px; max-width: 100%; height: auto;"/> Если ставлю в html, то картинка работает. А если преобразую в css, то картинка исчезает. Что неправильно? HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...ransitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ Без Имени</title> <link href="im.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="min"></div> </body> </html> CSS: .mi…
0 votes5 answers -
button отступы
Здравствуйте. В IE убирается: overflow: visible FF выставляет 3px отступ. Как убрать?
0 votes22 answers -
Как подогнать фон сайта под разные разрешения экрана
Здравствуйте! Заранее прошу прощения за скорее всего тупой вопрос, но как сделать, что бы фон сайта (<body background="image.jpg">) правильно отображался под разные разрешения экрана? Я правильно понимаю, что есть только один способ - поместить картинку по центру и прилегающие края сделать из того же, что в картинке цвета?
0 votes7 answers -
Расстояние между строками таблицы
Всем доброе время суток. Допустим, у меня есть таблица в виде: <table> <tr><td>...</td><td>...</td></tr> <tr><td>...</td><td>...</td></tr> <tr><td>...</td><td>...</td></tr> </table> И там расположен в ячейках какой то материал. Как задать расстояние между строками? cellspacing/padding увеличивает все расстояния, а мне нужно что то вроде <tr><td>...</td><td>...</td></tr> <tr><td colspan="2"><br/></td></tr> Либо <tr><td style="padding-bottom:50px;">. Просто как грамотно это сд…
0 votes2 answers -
position:absolute за пределы окна монитора
Как сделать так чтобы position:absolute за пределы окна монитора не приводило к появлению прокрутки? Заметил любопытную вещь: при задвиге слоя за левую границу монитора горизонтальной прокрутки не возникает, при задвиге же за правую возникает. Простейший пример: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > <title>Пример</title> <style> DIV.primer1 { width:100px; height:100px; background-color:#F00; position:absolute; top:0px; left:-50px; } DIV.primer2 { width:100px; …
0 votes7 answers -
Выравнивание элементов списка по-центру
Дано некое абстрактное ul { margin: 0; padding: 0; list-style-type: none; } ul li { width: 100px; height: 50px; float: left; } Если в списке всего 2 элемента (<li>) то как можно выровнять их по-центру? Учитывая что ul на 100% ведь от окна растянуто по-умолчанию. Конечно можно задать ширину для ul и margin: 0 auto; но меня интересует именно автоматический вариант - чтобы при изменении кол-ва пунктов не было нужны изменять ширину ul. Спасибо
0 votes11 answers -
показ/скрытие строки таблицы
В таблице есть скрытая строка: <TR COLSPAN=4 ID='other_model_TR' style='display:none;'>"; print "<TD CLASS='head' style='text-align:right;'>введите модель вручную:</TD>"; print "<TD CLASS='data'><input ID='other_model' name='other_model' type='text' value=''></TD>"; print "<TD CLASS='head'></TD><TD CLASS='data'></TD>"; print "</TR> при выборе определенной опции списка, выполняется функция которая показывает эту скрытую строку: function aaa() { var block = document.getElementById('other_model_TR' ) if ( условие ){ // если выбрана опция // то показывем поле ручного ввода block.style.display =…
0 votes15 answers -
При клике мышкой увеличить картинку
Добрый всем день. Вот такая у меня проблема. Хочу что бы при клике мышкой на маленькую картинку она увеличивалась. Несколько часов гуглил читал и пробовал но ничего не получается. Я не специалист и мне нужна подробная информация, как говорится для тех кто в танке. Вот сайт: http://www.mogemvse.in.ua/index.php?option...=4&Itemid=4 при наведение на тортики они должны увеличиваться, подскажите как это сделать? что нужно устанавливать и куда вставлять? Если нужен код html или css могу выставить. Спасибо.
0 votes11 answers -
Как сделать так, чтобы строчный элемент начинался с новой строки
Есть строчный элемент (span). Нужно, чтобы он начался с новой строки. Вкладывать в блочные элементы нельзя, добавлять/убирать <br> перед элементом не очень удобно, хочется, чтобы перенос на новую строку управлялся стилем. Как можно сделать?
0 votes4 answers -
Как убрать вертикальный скролл (визуально)?
Нужен кроссбраузерный вариант, как визуально убрать вертикальный скролл на странице. Чтобы можно было скроллить колесиком, но самого скролла не было видно.
0 votes7 answers -
Вставка Flash в HTML
Приветствую. По некоторым причинам стандартный способ, сгенерированный Adobe Flash, не подходит для вставки в HTML. Подскажите, пожалуйста, код который не нуждается в скрипте. Спасибо.
0 votes15 answers -
FAQ по кодировкам.
Часто возникают типичные вопросы по кодировкам, типа: "перенёс страницу на хостинг а там одни квадратики". Ответы на эти вопросы не менее типичны. Прежде чем задать вопрос относительно кодировок обязательно прочтите этот FAQ. В: На странице не вместо кириллицы отображаются какие-то закорючки и кубики, что делать? >( О: Скорее всего вы либо не задали странице кодировку в meta-тегах, либо она не совпадает с кодировкой документа. 1. Сохраните файл в кодировке UTF-8 (без BOM). 2. В заголовках (<head>) страницы укажите эту же кодировку: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Более подробная информация по использован…
0 votes29 answers -
TABLE кроссбраузерно выходит за правую границу DIV
HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Список клиентов</title> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" /> <link href="/i/css.css" rel="stylesheet" /> <script src="/i/js.js" language="JavaScript" type="text/javascript"></script> <meta http-equiv="Keywords" content="" /> <meta http-equiv="Description" content="" /> <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /…
0 votes5 answers -
Пустой тэг это плохо?
Вот собственно вопрос, а пустой тэг это плохо? И вообще какой по вашему идеально чистый код? Не раз видел пустые тэги на авторитетных сайтах для закругления углов. Если: 1. Валидный код при stricte 2. Кроссбраузерный на 100% 3. Симантичный 4. Красивый код то это мега репект, да? Покажите мне плиз хоть один такой сайт.
0 votes58 answers