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
-
Помогите..please
Здрасте..помогите пожалста.. почему у меня такая лажа получается, пришу посты на блоге табличку там использую..но у меня какой то большой пробел перед текстом и картинками образуется...почему, что не так? вот адрес блога http://www.happynight.ru/ а в постах вот такой код: <table> <tr> <td aligh="center" valign="top" ><img src="..." height="350" width="240"> </td> <td aligh="center" valign="top" ><img src="..." height="350" width="240"> </td> </tr> <tr> <td colspan="2" aligh="center" valign="top" height="60" width="80"> «бла бла бла.... </td> </tr> <tr> <td aligh="left" valign="top" >…
0 votes5 answers -
Как это делаетья?
Вот как например тут http://kuhni-mila.ru/ между блоками сайта, на границах полоска с тенью, с левой стороны, на самих картинках её нет, как это сделано?
0 votes4 answers -
Вопрос:Как облегчить добавление новых ссылок на сайт?
Здравствуйте! Вы не подскажете как мне для своего сайта можно автоматизировать добавление новых гиперссылок. Поясню: у меня есть гиперссылки "Афоризмы", "Анекдоты", "Видео", "Фото", "Истории". В разделе "Анекдоты" у меня , к примеру, 100 страниц. Я запускаю новый раздел "Гостевая книга". И мне необходимо, чтобы этот раздел появился на всех страницах сайта. Понятное дело, что это крайне трудоёмко проделать вручную. Для сайта создана таблица стилей CSS. Все разделы ("Афоризмы", "Анекдоты", "Видео", "Фото", "Истории") помещены в блок под названием "Content". Вопрос: возможно ли в таблице стилей для блока "Content" указать такие параметры, что строка на обычной странице, кото…
0 votes5 answers -
скруглённые уголки
таким стилем можно задать скруглённые уголки. но они НЕ будут скруглёнными в IE 8. border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px а вот на ЭТОЙ странице уголки скруглённые даже в IE 8. Как это сделать?
0 votes11 answers -
ЯСтиль шрифта не работает в Мозиле
Есть: .number1 { font-family: Trebuchet MS; font-size: 1.1em; font-weight: lighter; color: #ef6e12; padding-right: 13px; } и строка: echo "<span class="number1">ссылка</span>"; Стиль применяется везде, кроме Мозилы Проверил может завернут ещ? в какой див этот, но нет, также для всего документа по дифолту для этого тега ничего нет! Что делать?
0 votes3 answers -
a:link
при задании стиля гиперссылки нужно ли каждый раз пропысывать .class a:link, .class a:active или достаточно class a. Какой вариант считается версткой правильного тона?
0 votes4 answers -
Инпут на нижнем слое проступает на верхний
Ребята! Меня этот ослик утомил уже! Проблема следующая: есть два дива, на нижнем - форма (инпуты какие-нибудь) на него налазит сверху второй див. Мозила и опера корректно работают, а вот у ие проступают инпуты на верхний слой. Z-index 'ами игрался - не помогает. Есть лечение какое нибудь? <style type="text/css"> #d1 { width:400px; height:200px; background:#ff0000;} #d2 { width:200px; height:500px; background:#c0c0c0; margin-top:-200px;} </style> <div id='d1'>1111<br><select><option value=1>1</option><option value=2>2</option></select></div> <div id='d2'>222</div>
0 votes5 answers -
Необычный резиновый дизайн
Суть задачи в следующем: 1 имеем блок фиксированной ширины 1024 пикс. При разрешении экрана в 1024 пикс он показывается целиком. Это центральный блок. 2 Если разрешение экрана больше то справа должен отобразиться фон (изображение), причем его левый край должен совпадать с центральным блоком. 3 Если разрешение экрана больше 1280 пикс, то слева должен отобразиться фон(изображение), правый край которого должен совпасть с центральным блоком. Вопрос, как это реализовать не прибегая к javascript и есть ли готовые решения?
0 votes10 answers -
Баг с "overflow: hidden;" и "border-radius: ;"
Собственно, сабж: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Баг с "overflow: hidden;" и "border-radius: ;"</title> <style type='text/css'> .wrap { width: 200px; height: 200px; background: red; overflow: hidden; border-radius: 50px; position: relative; } .el { width: 190px; height: 190px; position: absolute; top: 5px; left: 5px; background: green; } </style> </head> <body> <div class="wrap"> <div class="el"></div> </div> </body> </html> Или тут: http://jsfiddle.net/…
0 votes2 answers -
Как сделать логотип адаптивным, если изображение является фоном (background-image)?
Здравствуйте! Сделать адаптивным изображение, которое находится в теге img - дело нехитрое. А вот как ПРАВИЛЬНО сделать адаптивным логотип, изображение которого является свойство css background-image? Помогите, пожалуйста с решением: https://jsfiddle.net/ftsn38g6/
0 votes4 answers -
Подскажите как сделать такую форму?
Я решил сделать ее так, используя тег from, для рамки вокруг использовал тег <textarea>, но сейчас не могу кнопку Browse положить внутрь рамки. Пытался позиционировать по id input, но при масштабировании объект вылазит из формы, что впринципе и должно было случиться. https://jsfiddle.net/rgs0afbo/
0 votes5 answers -
Помогите: выравнивание текста justify, промежуток между словами.
http://www.nemtchinoff.com/taxarisite2/ Применяю justify, но слишком большой промежуток между словами, плохо смотрится. Как это можно вылечить? @charset "utf-8"; *{ margin: 0; padding: 0; } html{ background: url(./img/pattern.jpg) repeat center top; } body{ padding: 0px 0 0 0; min-width: 660px; } A:link {text-decoration: none; /* Убирает подчеркивание для ссылок */ color:#1c306f; } A:visited { text-decoration: none; color: #1c306f; } A:active { text-decoration: none } A:hover { text-decoration: underline; /* Делает ссылку подчеркнутой при наведении на нее курсора */ color: white; /* Цвет ссылки */ } /*flash head holder*/ #flashcontent { position: relative; left:0p…
0 votes2 answers -
ie6
Приветствую. Вобщем при адаптации верстки под ie6 столкнулся с неприятным моментом. Который меня просто озадачил. Есть CMS, использующая smarty шаблоны. Есть шаблон. Есть ряд страниц. Верстка на одной летит в тартарары, а на другой почти корректно. http://www.act.su/rastenievodstvo/kombajny...0-cws-1550-cws/ Здесь недорисовывается левое меню. http://www.act.su/rastenievodstvo/kombajny...0-cws-1550-cws/ здесь же все хорошо
0 votes5 answers -
Чтобы div с динамической шириной выравнивался по центру и оставался по центру если он шире окна браузера.
Нужно, чтобы div с динамической шириной выравнивался по центру окна и оставался по центру, если он оказывается шире окна браузера, и чтобы появлялись полосы прокрутки. По центру у меня получается выровнять, но когда окно браузера становится меньше дива, он прижимается к левой стороне окна.
0 votes12 answers -
Горизонтальное меню с наклонными разделителями
Доброго времени сток! Ребята, такой вопрос. Хочу сделать менюшку, но не пойму как правильно. Получается примерно так Вопрос в том, как правильно вырезать картинку с разделителем при ховере(hover). Нужна именно картинка! Т.е. нужна кроссбраузерность, минимум от ie7. При этом ширина пунктов меню не должна быть фиксированной. На форуме не смог найти темы. Хотя по идее они должны быть. Буду признателен за помощь.
0 votes6 answers -
Макет в одну колонку
Не получается сверстать макет где "шапка" была бы с position: fixed; А сам макет с шапкой, контентом и футером растягивался бы от 980px до 1200px. Высота основного блока (class=content) с контентом растягивается очень сильно, вылазиет справа авто прокрутка - здесь тоже что-то делаю не так. <!DOCTYPE html><html><head><meta charset="Windows-1251"><title>Тест</title><meta name="description" content=""><meta name="keywords" content=""><link rel="icon" href="favicon.ico" type="image/x-icon"><link rel="stylesheet" media="all" href="style/css.css"><link href='http://fonts.googleapis.com/css?family=Exo+2:400,900&s…
0 votes14 answers -
Синтаксис XHTML: name или id в тегах <form> и <input>
Согласно Вашей статье "Шаг за шагом > XHTML по шагам > Синтаксис XHTML" вместо параметра name необходимо указывать атрибут id. Относится ли это к тегам и ?ЗЫ: может пост не по теме - просто "там" нет обсуждения...
0 votes3 answers -
margin
Хочу запихнуть таблицу в центр экрана, прочитал что это делается примерно так: <head> <title>Новый Документ</title> </head> <body> <style type="text/css"> table {margin:0 auto;} </style> <table width="50" border="1" align="center"> <tr> <td> </td> </tr> </table> </body> </html> но, у меня не работает, подскажите плиз где я ошибся.
0 votes5 answers -
Размер шрифта
День добрый! Проблемка возникла такая, страничка содержит формы для заполнения. В свойствах экрана есть раздел где можна менять размер шрифта, либо стандартный, либо крыпный можна выбирать (120%), так вот у кого моники большие, выбирают крупный размер, чтобы видна лучше было на высоких разрешениях, и проблема возникает такая: элементы в форме на страничке смещаются, начинают какбы налазить друг на дружку, в винде некоторые проги тоже выглядят немнога криво, но не об этом. Возможно ли какнить защитить странички от изменений при разных настройках в ОС.
0 votes4 answers -
iframe обрезать по краям
На сайте необходимо использовать стороннюю информацию, которая загружаться через iframe. iframe имеет определенные размеры не вписывающиеся в сайт. Можно уменьшить iframe параметром width, но тогда информация, флеш ролик, отображаться не корректно. Желательно обрезать с двух сторон поровну. Как это можно сделать? Пытался Div, но iframe вылезает за div. Пытался так left: 50%; margin-left: -половина ширины флешки; Не работает.
0 votes0 answers -
Позиционирование блоков
Я совсем недавно верстаю и у меня возник такой вопрос: как правильно позиционировать блоки? С помощью отступов (margin и padding) или с помошью left и top? Лично я привык использовать Left и Top. В принципе сайт выглядит как на макете, с кроссбраузерностью норм, но ведь не зря же остальные используют отступы В общем интересует ваше мнение - как правильнее и почему.
0 votes11 answers -
Шапка
Как мне реализовать чтоб в шапке (head) можно было указать 3 бекграунда - http://s005.radikal.ru/i211/1011/04/7d680c6a8f0d.jpg Там нужно загрузить изображения и указать им ширину в процентах!
0 votes9 answers -
float ячеек таблицы в ie7
Пытаюсь встроить содержимое одного из канала youtube на сайт с помощью гугловского же видеобара. http://www.google.com/uds/solutions/wizards/videobar.html В настройках можно установить вертикальную и горизонтальную ориентацию бара. Скрипт выводит картинки с ссылками на видео в однострочной таблице (при горизонтальной ориентации бара), в каждой ячейке по изображению. Однако мне нужно было устроить что-то по типу видео галлереи: чтоб все не влезающие в строку ячейки переносились на следующую. Попробовал так сделать: для бара установил горизонтальную ориентацию, а так же, чтоб он выводил все видеозаписи канала, а не последние четыре. В стилях ячеек таблицы поставил float: l…
0 votes3 answers -
Как поставить на сайт знак бесконечности?
Вот, в принципе, весь вопрос. Поиском не нашел нормальных решений. HomeSite не дает такой символ.
0 votes8 answers -
Как минимизировать ширину слоя?
Возникла проблема в верстке.. Даже не знаю как рассказать попонятнее) Вобщем есть вот такой участок кода из дле: <table cellspacing=0 cellpadding=0 border=0 width=100% height=62> <tr> <td width=15 style="background:url({THEME}/images/1.gif) no-repeat left" valign=top class=header_01> </td> <td style="background:url({THEME}/images/2.gif) repeat-x left" valign=top class=header_01><div id='spbar'>{speedbar}</div></td> <td width=15 style="background:url({THEME}/images/3.gif) no-repeat left" valign=top class=header_01> </td> <td style="background:url({THEME}/images/4.gif) repeat-x left" valign=top cl…
0 votes16 answers