HTML Coding

29,542 questions in this forum

1. Как путем обучение лучше пойти?!

   Всем доброго времени суток. Уже достаточно не плохо изучил xhtml & css. И некоторые принципы верстки, но все равно не понимаю как с psd макета припустим сверстать сайт! Не подскажите как путем лучше идти? 1. Качать чужие шаблоны и сидеть их разбирать. 2. Искать в интернете туториалы по верстке с макета. 3. Брать psd исходник, резать и самому что-то пробовать (делая так как знаю). И вообще сколько нужно времени что бы научиться нормально верстать?

   Asked by tini.kRyptoNite, November 27, 2011

   0 votes
   1 answer
2. Занятое место блоком с posoition: relative

   Блок на котором position: relative после его сдвигания продолжает занимать место, возможно ли сделать что бы не занимал? Или нужно создать вокруг <h3> дополнительнуй блок и в него так же поместить и изображения? Пытаюсь не награмождать код, (1)как бы вы сверстали следуюшее без лишнего, но что бы текст не сползал: <div class="block"> <h3>Title</h3> <ul> <li><img src="btn-1" /> </li> <li> <img src="btn-2" /> </li> </ul> <p> Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla </p> </div> <div class="block-2">…

   Asked by Pumych, November 27, 2011

   0 votes
   2 answers
3. FF непонятно позиционирует

   помогите пожалуйста поместить надписи над соответствующими кнопками. я позиционировал каждую надпись абсолютно внутри соответствующей ячейки таблицы. все браузеры(даже ie7+) поняли мою инструкцию правильно, а FF поместил надписи в левый верхний угол экрана. страничка

   Asked by cyklop77, November 26, 2011

   0 votes
   4 answers
4. Тройная рамка вокруг содержимого

   Добрый вечер. Появилась задача сделать такую кайму по периметру всего содержимого сайта: Это три borderа в трёх вложенных блоках?

   Asked by borus, November 27, 2011

   0 votes
   2 answers
5. Как вписать ссылку в картинку?

   Есть такой вид подачи информации. <div class="wrapper pad_bot1"> <figure class="left marg_right1"><img src="images/page5-img1.jpg" alt=""></figure> <span class="font1">Уборка квартир</span> <p>Ежедневная комплексная и разовая уборка квартир. Уборка помещений, читска и химчистка ковкров, уборка квартиры после ремонта, чистка мебели, качественный клининг. <a href="uborka-kvartir.html">Подробнее</a></p> </div> Выглядит это так: картинка слева, около нее справа - текст и под ним ссылка - "подробнее" Вопрос у меня такой: Хочу сделать картинку кликабельной. То есть что…

   Asked by antonios, November 26, 2011

   0 votes
   2 answers
6. Проблема с textarea

   Здравствуйте уважаемые форумчане. Столкнулся с такой проблемой. Есть поле <textarea> которое используется как поле для набора текста при отправке ЛС. Фон этого поля нужно задать картинкой, это получилось. Но вот отступы от краев картинки никак не получается сделать равномерно, с левой и верзней стороны сделать смог, а вот с правой и нижней никак. Ссылка на рабочий пример http://jsfiddle.net/rkGwB/ Заранее спасибо.

   Asked by LIFE-STALKER, November 27, 2011

   0 votes
   3 answers
7. Проблемы с отображением ширины

   Хелп!!! Вот ссылка на верстку. Можете по-изменять размеры. Стили к верстке.

   Asked by WebMasterOleg, November 27, 2011

   0 votes
   3 answers
8. подлянка от firefox

   Верстаю сайт в две колонки с фиксированной шириной, колонки разделяются бордером. В FF7 при масштабировании правый блок уезжает вниз (в данном случае - при уменьшении масштаба). Если я уменьшу ширину левого блока на 2px, то правый будет уезжать только при самом минимальном масштабе (что нивелируется отниманием еще 1px). Но 2 пикселя в моем макете - слишком заметная величина. В принципе, здесь я вполне могу выехать за счет паддингов, но хотелось бы знать, почему FF ведет себя таким образом и как с этим бороться. http://jsfiddle.net/ZaN5n/

   Asked by hedgehog, November 24, 2011

   0 votes
   8 answers
9. Проблема с отображением шрифтов в разных браузерах

   Верстаю шаблон. Использую шрифт Myriad Pro. При объявлении через CSS обычным путем, с помощью способа: * {font-family:"Myriad Pro"; font-weight:normal;} во всех браузерах, кроме Сафари 5 отображается нужный шрифт. Когда решаюсь на отчаянный шаг и подключаю шрифт принудительно из папки fonts, то в Сафари текст отображается нужным шрифтом. Подключаю вот так: @font-face { font-family:"Myriad Pro"; /* Имя шрифта */ src:url(fonts/MyriadPro.otf); /* Путь к файлу со шрифтом */ } Отображается текст нужным шрифтом во всех браузерах, кроме браузера Опера. Там случается следующая проблема. При подключении обычным способом через font-family в браузере Опера обычный текст, текс…

   Asked by WebMasterOleg, November 27, 2011

   0 votes
   1 answer
10. Горизонтальное меню

    <ul id="upmenu"> <li><a href="#">О клинике</a></li> <li><a href="#">Онлайн консультации</a></li> <li><a href="#">Технологии</a></li> <li><a href="#">Наши работы</a></li> <li><a href="#">Стоимость услуг</a></li> <li><a href="#">Контакты</a></li> </ul> #upmenu {background: url(images/bg-upmenu.jpg) repeat-x; } #upmenu li {display:inline-block; } #upmenu li a {display:block; position:relative; left:20px; text-decoration:none; color:white; line-height:5…

    Asked by fireman691, November 26, 2011

    0 votes
    2 answers
11. Подскажите, как сделать фон (теги)

    Добрый вечер! Подскажите, пожалуйста, как сделать фон в таком макете. Т.е., как я понимаю, зелёный фон делается так: я делаю вертикальный срез в ФШ и растягиваю его на 100% по ширине, а вот как быть с центральной вставкой (кремовой)? Она должна одинаково смотреться на мониторах разного разрешения, т.е., быть железно по центру и отступать от краёв экрана на ** пикслей. Т.е, быть как бы "резиновой", чтобы выглядело одинаково со всех сторон. Если я просто вырежу её на отдельный слой в ФШ, размер там будет фиксированный, а это чревато лишними отступами по краям. Как это оформить и как лучше верстать такой макет, слоями или таблицей?

    Asked by turner12, November 23, 2011

    0 votes
    10 answers
12. как вставить гиперссылку на файл, находящийся в локальной сети на стороне клиента?

    Нужно на html-странице в интернете вывести гиперссылки на файлы, находящиеся в локальной сети пользователя (на клиентской стороне). Порыл теги html - не нашел такого стандартного решения. Если просто вставлять ссылку вида \\сервер\папка\файл.123 - то гипертекст его меняет на file://сервер/папка/файл.123, но открывать не позволяет - браузер не дает отклика от клика по такой гиперссылке. Идеальный вариант, чтобы даже картинки с сервера клиента загружались по тегу <img src='file://сервер/папка/файл.123' /> Подскажите, есть ли выход?

    Asked by agaralex, November 25, 2011

    0 votes
    3 answers
13. Создание опросов

    Всем привет. Я начинающий в таких делах, пожалуйста помогите На днях увидел множество опросов на примере вот таких http://sviridenkov.livejournal.com/354874.html Это какаето программа, а может скрипт?? или уже готовый код. Поделитесь пожалуйста) Заранее благодарен

    Asked by sanya729800, November 25, 2011

    0 votes
    2 answers
14. Помогите определиться с дизайном

    Ребят, есть блог. Нужна идея для нового дизайна. Ни чего в голову не приходит, как видите: ДНО дизайн 1, ДНО дизайн 2. Блог содержит статьи и советы новичкам по HTML CSS PHP и т.д. А то весит уже полгода фришный дизайн. Хочется что то своего. Нарисовать в фотошопе смогу без проблем. Спасибо! Буду рад любым предложениям. П.С. приступил к размышлениям над третьим дизайном... вскоре узнаем, будет ли он тоже дно или нет.

    Asked by WebMasterOleg, November 26, 2011

    0 votes
    3 answers
15. repeat-x для дива

    На сайте http://www.кг.ru/ сделал фон снежинки, но они получились только слева. Как сделать чтобы они были по ширине? Тоесть чтобы было видно и спереди и сзади.

    Asked by Tchorteg, November 26, 2011

    0 votes
    2 answers
16. auto для height и width

    Как обсчитывается?

    Asked by Nanto, November 25, 2011

    0 votes
    11 answers
17. Проблема с кнопочками(

    Здравствуйте! Сверстал простоц сайт! Все вроде бы хорошо было, но возникла одна проблема! Когда уменьшаешь размер окна браузера - две кнопочки уходят влево!( Что делать не подскажите? Вот сам сайт:http://files.mail.ru/NCUBR6 (Заранее спасибо за помошь)

    Asked by CrProg, November 24, 2011

    0 votes
    1 answer
18. Размещение картинки в блоке

    Скажите как можно сделать так что бы картинка отображалась как бы обрезано,то есть не сжатой по ширине,а что бы была как обрезана по ширине. Просто здесь в блоках картинки выглядят не очень красиво

    Asked by NeoMurderer, November 25, 2011

    0 votes
    1 answer
19. css3pie

    Доброе утро! Нашёл интересную вещь css3pie и хочу, чтобы заработало все в IE8, но не работает. Подскажите, где в коде у меня может быть ошибка: http://jsfiddle.net/LuxCore/3wfaJ/118/ Спасибо.

    Asked by LuxCore, November 24, 2011

    0 votes
    3 answers
20. vertical-align в div

    <div class="head"> <img src="img/Logo.gif" width="57" height="56" class="logo">Сайт </div> #head { width:500px; height:70px; background-image: url(../img/bg_l.jpg); background-repeat: repeat-x; } .logo { position: relative; top:5px; left:0; } Как сделать вертикальное выравнивание слова: "Сайт" по ценрту. vertical-align, padding - не работают... Если что-то не так, извините, сегодня прошел курс css

    Asked by SLameN, November 25, 2011

    0 votes
    6 answers
21. проблема IE и white-space:nowrap

    изначально нужно было вывести отзывы пользователей в бегущую строку, проблема возникла на этапе самого вывода, было перепробовано множество вариантов, и с использованием <nobr>, и с white-space:nowrap и display:inline-block; все свелось к тому, что все браузеры отображают отзывы как нужно в одну строку, а IE упорно выводит каждый новый комментарий в новой строке(посмотреть можно тут) сейчас вывод строки выглядит следующим образом <marquee style="white-space:nowrap; display:inline-block; *display:inline; width:100%; padding:4px; border:1px solid #f2f2f2; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; " onmouseout="this.start();" onmouseo…

    Asked by eltoro, November 25, 2011

    0 votes
    4 answers
22. Отношения между HTML и SGML

    Кто знает - является ли правильным с точки зрения SGML документ HTML? Присутствуют ли в документах HTML включения SGML в своем явном виде (то есть не те, что признаны элементами HTML, а другие)?

    Asked by webmos, November 25, 2011

    0 votes
    0 answers
23. простой вопрос по ajax

    есть ссылка, передающая параметр странице <a href="?alb=25" >ссылка</a>. Мне нужно, чтобы при этом вся страница не перезагружалась. Как сделать ссылку с использованием ajax и как определить область страницы, которая должна обновляться?

    Asked by Koroed, November 25, 2011

    0 votes
    2 answers
24. Элементы форму в одну строчку

    Прошу помочь. Делаю форму подписки на сайт, взял стандартную фидберневскую, но хочу подкорректировать - чтобы и подпись, и поле для текста, и кнопка были в одну строчку и сидели ровно по горизонту. Но никак не получается. Может быть такое, что дело в стилях сайта? Вот код без ненужных атрибутов: <form style="border:1px solid #ccc;padding:3px;text-align:center;"> <p>Enter your email address:</p> <p><input type="text" style="width:140px" name="email"/></p> <input type="hidden" value="odnivputi" name="uri"/> <input type="hidden" name="loc" value="ru_RU"/> <input type="submit" value="Subscribe" /> </form> Заранее бо…

    Asked by Павел Анисимов, November 24, 2011

    0 votes
    13 answers
25. Отстык=пы в меню

    Здравствуйте! Помогите, пожалуйста, разобраться с отступами в меню. При задании для текста меню padding-top:10px; надпись меню опускается вниз, но появлеятся расстояние между картинками модулей. И еще не могу понять, откуда появислся отступ в хроме и эксплорере сверху шапки сайта. Высота блока меню и хедера задана такаяже, как изображения. На всякий случай код: index.php <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>"> <head> <jdoc:include type="head" /> <meta http-equiv="Content-Type" content="text/html; char…

    Asked by Zeeeya, November 24, 2011

    0 votes
    5 answers