HTML Coding

29542 questions in this forum

1. Центровка в CSSе

   Доброе время суток. Интерисует вопрос: Как с помощью СSS`а, отцентровать блок (таблица, картинка, я думаю не столь важно что) по горизонтали? Насколько я понял в HTML`е аналог . Также можна закрыть тегом , но это не устраивает.Также вопрос: При сдвиге блока на определенное растояние по вертикали (top: 50px, к примеру) весь документ какбы смещается на 50 px вниз, образуя "градусники" на странице, использую position: absolute. Общая картина: Есть рамка (таблица с 1-ой строкой и столбцом), размером 700px * 100% по вертикали. Мне нужно чтобы рамка была отцентрирована по горизонтали, а также спущена на 50 пикселей вниз, от верхней стороны документа. Пытался найти выход в …

   Asked by Anton Petrenko, August 4, 2007

   0 votes
   4 answers
2. Валидатор

   Решил почекать свою визитку валидатором. Ужаснулся. You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by: * incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element), * by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead). * by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case). В основном все ошибки ( …

   Asked by desagr, July 26, 2009

   0 votes
   10 answers
3. Верстка статического сайта

   Доброго времени суток. Мне необходимо сделать сайт без использования php скриптов. Возникает проблема, что если придется добавить небольшую деталь, то надо будет редактировать все html файлы отдельно. Есть вариант создания отдельных частей которые будут подгружаться на сайте? Типо блок меню или футер. Заранее спасибо.

   Asked by romko, May 20, 2010

   0 votes
   16 answers
4. Не стандартный маркер списка

   Как применить к стандартному маркеру списка такой символ с этим кодом ? И как этот список прижать к левому краю ячейки таблицы? <ul> <li>Текст</li> </ul>

   Asked by okunev2, February 22, 2008

   0 votes
   11 answers
5. расстояние между строками

   формирую страницу во фронтпейдже. печатаю текст, а между строками слишком большой расстояние. изменил стиль body на line-height: 100%. теперь расстояние между строками в пределах абзаца нужное, а между разными абзацами - по-прежнему большое. что делать? сделал границы margin-top: 0% нулевыми в стиле body - ноль результата. вот если задать границы в каждом абзаце, то линии выравниваются. но этого много лишних буков.

   Asked by Rilo, June 15, 2008

   0 votes
   7 answers
6. Почему за "height: 100%" берется только высота окна?

   Здравствуйте. Такая проблема у меня. Когда ставлю для div в свойствах height: 100%, то за эти самые 100% берется только высота окна браузера, то есть если у меня разрешение по вертикали 768px, отнимаем отсюда тулбар браузера и получается около 710px. Это и получается у меня высотой 100%. НО, если добавить на сайт больше контента, так чтобы появилась полоса прокрутки, то высота блока в браузере все равно 710px. Вот приложил скриншот. На нем отметил, что высота окна браузера равна 412 пикселей при открытом проводнике кода, от этого и высота div равна 412 пикселей, хотя контент идет далее. Из-за этого некоторые блоки не растягиваются до конца. Скриншот http://5.firepic.org/…

   Asked by sss2019, October 16, 2013

   0 votes
   13 answers
7. IE 6 неправльно считает абсолютные координаты

   Всем любителям весрки привет многому научился с тех пор как я на этом форуме, но верстая очередной сайтешник обнаружил для ся еще один баг IE6, посмотрите вот тут http://www.realfact.ru/zhkh.html?id=24#comments, внизу у каждого блока с комментариями есть 4 уголка которые абсолютно установлены относительно их родителя <div class="commBlock"> в мозилле и опере как всегда все супер, ие7, ие8 тоже претензий нет, а вот ие6 опять проглючил у координаты почему то у него разные что и привело к такому виду! Народ плизз, как с этим бороться? PS: нижние левые и правые уголки вообще куда то делись

   Asked by TonKhaO, December 11, 2009

   0 votes
   16 answers
8. как сделать ссылку-изображение на php

   Как сделать изображение-ссылку на php. Так не работает: echo "<a href='index.php?id=main'><img src="main.jpg"/></a>";.

   Asked by epic, January 21, 2011

   0 votes
   6 answers
9. что-то я затупил %)

   господа такой вопрос нежданно возник.. имеем трехколоночную верстку (иллюстративно): <div style="width: 300px; float: left;"> /* тут какой-то контент, пусть пикселей 300 в высоту */ </div> <div style="margin-left: 300px;"> <div style="float: right; width: 300px;"> /* тут еще какой-то контент, пусть 400 пикселей в высоту */ </div> <div style="margin-right: 300px;" /* центральная колонка и о ней собссна и речь */ <img style="float: left;" src="xxx.gif" /> <p>blah blah blah blah blah blah blah blah blah blah .... blah</p> <div> <a href="#">…

   Asked by mav, April 24, 2008

   0 votes
   10 answers
10. Зачем нужна следующая конструкция в CSS

    Наткнулся на конструкцию: .clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear {display: inline-block;} .clear {display: block;} Зачем в ней ставится "." после блока clear, и зачем переопределяются свойства display, сначала одно, потом другое? Заранее спасибо!

    Asked by newенький, July 18, 2009

    0 votes
    4 answers
11. frD-Контент в "стакане", фф

    В контейнере, div "conteiner", помещаю слой content со стилями, указанными ниже. Проблема такая- при объеме контента в данном слое меньше одной страницы в фф слой не растягивается на 100% и левая граница его заканчивается где-то посередине. Стили: html, body { background-color:white; height:100%; margin:0px 0px; padding: 0px 0px; } #conteiner { position:relative; bottom:0px; background-color:green; min-height:100%; border:solid 1px #C8CACA; border-top:none; border-bottom:none; width:700px; margin:0px auto; } #content { position:relative; top:0px;left:200px; bottom:0px; min-height:100%; width:500px; border-left:solid 1px #C8CACA; } #footer { position:abs…

    Asked by клот2, July 29, 2007

    0 votes
    5 answers
12. Фон на height:100%

    Необходимо чтобы фон заголовка (а заголовок может быть разной высоты-2,3 строки текста), тянулся по высоте этого заголовка, тоесть высота изображения вмещалась в высоту контейнера заголовка. Пример: Необходимо это реализовать для IE6 без expression

    Asked by kozakmamai, August 28, 2009

    0 votes
    8 answers
13. Как сделать высоту карты яндекс адаптивной ?

    Как сделать высоту карты яндекс адаптивной ? http://oilcity.su/ http://prntscr.com/gxdph2

    Asked by daggi, October 14, 2017

    0 votes
    4 answers
14. Вырезать полупрозрачный логотип из psd-макета

    Подскажите, как вырезать логотип (два кружочка и надпись Creative Studio), чтобы сохранить полупрозрачность желтого круга. Слой с текстом я могу убрать, конечно, в этом трудности нет никакой. А вот с полупрозрачностью - проблема. Не могу понять, как это сделать? Макет такой: https://www.dropbox....dio-minimal.psd И попутный вопрос. Хочу уточнить для себя. Для правильной, грамотной верстки текст на логотипе, центральной картинке - должен оформляться через код. Это касается не только этого макета, но и в общем. Я правильно понимаю?

    Asked by aaron, April 5, 2013

    • psd
    • верстка
    0 votes
    10 answers
15. Выравнивание inline-block по ширине в Chrome и Opera

    В Chrome и Opera не работает text-align: justify, если на странице есть форма и стили при этом находятся во внешнем файле (jsfiddle не подходит). Нормально выравниваются те элементы, стиль которых определен прямо в HTML-коде с помощью атрибуте style. Если удалить селекты или форму целиком - все работает нормально. <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"></head><body> <form action="action"> <fieldset> <input type="text" name="id00" id="id01"> <select name="id02" id="id03">…

    Asked by htmlhtml, November 28, 2013

    • inline-block
    • text-align
    • chrome
    • opera
    • form
    0 votes
    16 answers
16. верстка divами в две колонки - проблема в IE

    Всем здравствуйте. У меня такая проблема: страница имеет двухколонный макет. Верстаю слоями. Примерно так: <div id="container"> <div id="left" style="float:left; width:30%"> TEXT </div> <div id="right"> <table> <tr> <td>TEXT</td> <td>TEXT</td> ... <td>TEXT</td> </tr> </table> </div> </div> Все хорошо, но количество столбцов в таблице во второй колонке неизвестно. Она строится динамически, и если их много и таблица не помещается, то в FF все хорошо - появляется горизонтальная прокрутка, а в IE весь правый блок сползает вниз под левый. Можно конечно сделать через абсолютное …

    Asked by natasha, December 15, 2008

    0 votes
    8 answers
17. Отпозиционировать картинку поверх таблицы

    Хочу сразу извиниться если вопрос банальным- я только начал изучать html. Какая проблема - картинка очень длинной получается и из-за этого начинает наезжать на творую колонку - а она в свою очередь начинает съезжать. Уменьшить размер картинки - не представляеться возможным. Может можно как-то пустить ее поверх таблиц что-б она не сдвигала все это. Вот скрин Вот код <td valign="top" width="766" height="750"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top" width="766" height="131"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top" width="575" height="131"&…

    Asked by Vcool, December 23, 2008

    0 votes
    3 answers
18. user agent stylesheet перекрывает мои стили

    Прописываю стиль для ссылок, хром и фф игнорируют этот стиль смотрел в отладчике хрома - мой стиль зачеркнут, а используется этот user agent stylesheet буквально неделю назад верстал шаблон, делал то же самое, никаких проблем не было а теперь вот такой сюрпрайз..

    Asked by ruylahrazor, June 12, 2011

    0 votes
    1 answer
19. Как сделать чтобы header и навигация прокручивались вместе со странице страница они должны быть в зоне видимости ?

    Как сделать на сайте http://wedding-art.dp.ua/ чтобы header и навигация прокручивались вместе со страницей они должны быть в зоне видимости ? Помогите пожалуйста,ставил position:fixed но элементы которые под ними вставали на их место.

    Asked by Shenia132, May 21, 2014

    • header
    0 votes
    6 answers
20. Выравнивание по центру окна

    Народ, вопрос банальнейший! Я уже когда-то решил эту проблему, но не помню какой тэг использовал. Вот вам образец сайта - http://www.engl.com.ua — сайт еще жутко сырой - просто выложил, чтоб помогли. Кароче, надо просто выровнять сайт по центру окна браузера, а то он слева находится. Надо чтоб на всех разрешениях экрана сайт находился по центру(к примеру, как вот этот http://www.obuchenie.com.ua ) . Когда-то это уже делал - а сейчас - хоть убейте - НЕ ПОМНЮ каким тегом! И еще одно - как видите, на сайте слева, там где состыковывается бэкграунд(тэг repeat-y )(там где, типа, тень сбоку) видны "ступеньки" от того, что изображение плохо состыковывается. Помогите с этим справи…

    Asked by romero, October 13, 2007

    0 votes
    9 answers
21. XHTML и 100%-ная высота таблиц.

    Собственно, я полагаю вопрос многим ясен, но я таки обьясню... Существует эта страничка, которая в HTML тянется в высоту за счет средней ячейки (ряда). Однако, на станице я применяю меню, которое требует XHTML. И тут начинаются проблемы. Ячейка НЕ ТЯНЕТСЯ в XHTML!!!!!! И никак я не могу этому помочь! ((( По крайней мере пока что... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title> XXXXXXXXXX </title> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <style type="text/css"> b…

    Asked by maleficmax, October 25, 2007

    0 votes
    4 answers
22. IE очень кумарит

    картинки и текс в таблице не становится как надо... <table style="text-align: left; width: 567px; height: 73%;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="height: 52px; width: 48px;" colspan="1" rowspan="2"><img style="width: 48px; height: 52px;" alt="" src="conticon48x52.jpg"></td> <td style="height: 18px; text-align: left; vertical-align: middle;"><img style="width: 39px; height: 18px;" alt="" src="contpravo39x18.jpg"></td> </tr> <tr> <td style="height: 34px;" id="aaa"> <h1 style="text-align: center; vertical-align: middle;">Fabula Onl…

    Asked by Nekromancer, December 26, 2008

    0 votes
    19 answers
23. не подключается шрифт

    Всем доброго времени суток, помогите пожалуйста решить проблему: Подключаю шрифт в css следующим образом @font-face{ font-family:MyWebFont; src: url('fonts/variete-webfont.eot'); src: url('fonts/variete-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/variete-webfont.woff') format('woff'), url('fonts/Variete.ttf') format('truetype'), url('fonts/variete-webfont.svg') format('svg'); } Применяю шрифт к ссылкам ul#menu li a{ font-family:MyWebFont; } Шрифт не подключается , относительный путь в font-face указан правильно, в чем может быть дело.

    Asked by romanov, May 25, 2012

    0 votes
    10 answers
24. Скрипт Smartresponder только на главной странице?!

    Добрый всем день. Сделал сайт, сделал с помощью Smartresponder.ru скрипт для всплывающего окна с рассылкой. Все разместил все работает все супер. НО!!! Проблема в следующем не могу сделать так, что бы это всплывающее окно отображалось только на главной странице. Гуглил, читал пытался но ничего не помогло. Подскажите кто что знает, как люди выходят с такой ситуации???? Спасибо за любую помощь. Вот сайт http://milanakutsenko.ru/ если вдруг нужно. Вот сам скрипт который размещен перед закрывающем тегом </body>: <!-- SmartResponder.ru PopOver code (begin) --> <script language="javascript" type="text/javascript" src="popover.js"></script><div id…

    Asked by gumuch, August 24, 2011

    0 votes
    9 answers
25. Передача фокуса родительскому окну

    window.opener.focus() - почему-то не работает (бывает возврат проскочит 1 раз из 10, а потом опять глухо!?...) Если в родительском окне задаю его имя window.name="rod", то из дочернего к нему не вернуться ("rod" - определение отсутствует)

    Asked by rootv, October 12, 2011

    0 votes
    8 answers