Search the Community

Здравствуйте, всем доброго времени суток! Выставляю свою верстку на обсуждение и осуждение: http://tcn.ol1989.pp.ua/ Целиком страницу верстаю в первый раз. Прошу обратить внимание на html-код и css-стили. Макет странички выглядит так: http://tcn.ol1989.pp...mages/index.jpg Большое спасибо!

Здравствуйте! Требуются услуги верстальщика на мелкую работу (удаленно): Сайт на joomla 1.6. шаблон RocketTheme. Нужно сделать так, чтобы кнопки соц. сетей, которые закреплены справа, так же или аналогично выводились при просмотре сайта с мобильных устройств: планшетов и смартфонов. Бюджет минимальный. skype: zerkaloolakrez

.one { padding: 0.3em; } <span class="one">Hello, everyone</span> Почему в разных браузерах по-разному рисуется плашка (верхний отступ скачет)? И как сделать, чтобы она располагалась, как в Safari (центр по строчным буквам, а не прописным)?

Наверное многие новички юзают просторы интернета,чтобы найти уже сверстаные страницы,для того чтоб посмотреть как они сделаны.Возможно найти решение своей проблемы,или узнать то чего не знал. Так вот .прошу оценить верстку (не моя,нашел в интернете).Можно ли её рассматривать как пример верстки. http://dima28.p.ht/ Возможно,УВ.верстальщики, вы можете поделиться версткой,на которую опирались сами.Буду очень благодарен. В этой верстке смущает,что во всех блоках прописан overflow:hidden; знаю,что он отменяет обтекание,но может есть еще способы??или это лучший вариант.?? Ну еще одно блоки (SEO Services, Web Development, Web Design и так далее)-обернуты в Section, хотя думаю лучше обернуть в Article

Добрый день. Оцените пожалуйста мою вторую верстку ( опыта у меня нету, по этому думаю что замечаний будет много )) Собственно вот: _01020304.o0.pm _01020304.o0.pm/about.html

Хочу найти работодателя, который сам является хорошим верстальщиком. Я буду верстать, а он будет мне указывать на все мои ошибки, тем самым поднимая мой уровень. Сам я уже прошел ступень новичка (я так думаю). Веб-разработкой занялся в марте прошлого года. Учил html5, css, jquery, php и уходил в программирование. В сентябре пришлось закончить обучение в связи с надвигающимся егэ. В июне начал вспоминать основы верстки, стал работать на фрилансе. Никто пока на мой код не жаловался, но я чувствую, что он кривой. Обо мне: 17 лет Переезжаю в Питер этим летом для поступления в ИТМО Стремлюсь узнавать новое Имею массу свободного времени Профиль на фрилансе c портфолио https://www.free-lance.ru/users/tooq/ Я знаю: html5 css 2.1 javascript (самую основу) jquery (не профи, но кое-что могу смастерить) Наверняка тут есть те, на ком висит много проектов, но нет времени их выполнять, я возьмусь за все Мои контакты: tooq@live.ru tooq@yandex.ru mrstarknew - скайп

Всем привет!) У меня на сайте съезжает центральная часть (описал вот здесь: http://forum.htmlboo...showtopic=45336). И я думал что это из-за совсем никудышной вёрстки (для растягивания фона пришлось использовать таблицы, а это плохо, я знаю, но по-другому не смог сделать.) Так вот, я думал что проблема только в моей вёрстке, но как оказалось когда пользователь сайта меняет логин на более короткий, сайт выравнивается и всё становится хорошо. У кого-нибудь есть идеи с чем это может быть связано?

Добрый день. Появилась проблема при присвоении блоку фона background: url(images/bg-clouds.png) 29% 43% no-repeat, url(images/bg-clouds-bottom.png) 27% 102% no-repeat; Во всем браузерах отображается хорошо, кроме ie7,8. Если оставить один url ie отображает фон. Что можно сделать, кроме как сделать еще один див и разделить на два фона?

Здравствуйте! Сложилась такая проблема: Есть сайт: http://now.avtografomania.ru - по центру странички, в правом блоке существует такая штука как: Новый автограф: Группа «Винтаж» собственно проблема в том, что под этой надписью идет jquery обратный отсчет... И циферки тикают как положено в старой опере, и Лисе... в Яндекс Браузере они - циферки тоже есть. А вот в новой Опере Next, в Chrome, и в IE 8, циферек не наблюдается... Что бы это могло быть - никак не могу разобраться. Будьте добры, подскажите!

Сидя на парах по экономике или правоведению(когда сам ты математик), лучшее средство от уныния - рисование. Нарисовав две коробки, понял, что получится неплохо, если они будут с чем-то ассоциироваться, тем более ранее уже была идея сайта ассоциаций(если кому-то интересно, могу рассказать), поэтому обрисовал коробки каёмкой монитора и решил сделать сайт. Тем более нужна практика по вёрстке. Вот что получилось: wiic.ru - сам сайт. На определённую страницу, можно перейти добавив "?post_id=" и номер "статьи". Получается, что это блог. Я написал пару записей тестовых, чтобы хоть как-то отобразить идею. Увы, я не дизайнер, рисую только на бумаге хорошо, поэтому такое слабое разнообразие коробок. Карандашом же нарисована порядка 30 видов, включая мини-исполина, который держит коробку над собой, который сам, по сути, является коробкой =) И ещё, занимаюсь благотворительностью - делаю сайт для местного детского дома, так же с листочка wiic.ru/wn7/ - пока готова главная страничка, знаю, что пустовато, но в тетрадке смотрелось красиво, старался изо всех сил, может кто подскажет как заполнить пространство по бокам? Ожидаю критики, откровенной, чтобы стыдно стало за ошибки, которые скорее всего найдуться.

Требуется напарник для совместной работы - web-программист Проектов много, каждый оговаривается отдельно, в зависимости от сложности задуманного! Я выполняю роль менеджера (ищу заказы, работаю с клиентом, рисую прототип/дизайн) Работы под спойлером; От кандидатов хотел бы услышать: - Средняя стоимость создания сайта под ключ ( визитка) - Разработанные работающие сайты - Географическое расположение ( хочется найти человека из Нижнего Новгорода, но удаленка так-же приветствуется!) - Контакты для связи: социальные сети/скайп С уважением Дмитрий!

d

Здравствуйте! Оцените пожалуйста мою вёрстку, не скажу что первую, но выставляю на всеобщее обозрение первый раз. Верстал из бесплатной psd'шки. Сначала верстал пиксель в пиксель(установлен плагин pixLayout), но потом понял, что некоторые размеры в шаблоне какие-то не правильные(там, где казалось бы должны быть одинаковые отступы в psd они были разными ) и я забил на это дело. Буду рад критике. http://zondart.koding.com

Ребята подскажите пожалуйста. Есть див контент со своим набором стилей в том числе опасити 0.5, в него грузится .load карусель, и принимает стили этого контейнера, помогите исправить http://kseniarain.ru/about.html# раздел личные фото спасибо

Здравствуйте, уважаемые форумчане. В процессе верстки пвстал следующий вопрос. Делается сайт, верстка div`ами и отчасти табличная. На компьютере все нормально, а вот при проверке на планшете размеры блоков не совпадают, все идет наперекосяк. Допустим, блок у меня в CSS-файле имеет параметр width: 800px. На ноутбуке текст укладывается в одну строку, как и нужно, а на планшете переходит на следующую строчку. Понятно, что размеры экранов и разрешение разнятся, но как с этим бороться? То же самое касается и размера шрифта. Есть некая надпись, под ней кнопки с текстом. font size="4" выдает совсем разную ширину на ноуте и планшете, на последнем текст вылезает за пределы кнопок. Прошу помощи в вопросе, как с этим бороться. Заранее спасибо.

Народ, кто сталкивался такой задачей, пожалуйста поделитесь опытом. Какой должен быть доктайп? Как писать стили? Есть ли требования конкретных устройств? Буду рада любой валидной информации.

Добрый вечер, я в данный момент изучаю верстку, пока просто из PSD в HTML, но надо ведь еще научится под движки верстать (сейчас уже, наверное, под обычный HTML и не верстают). Хотел вас спросить - есть ли какая-нибудь качественная литература, или может статьи какие нибудь, где четко написано как верстать так и так, а то как Google зайдешь смотреть, столько лишнего и ничего толкового по этим темам я не нашел. Может кто по личному опыту что нибудь читал и даст ссылку - буду очень благодарен. Пока интересуют только Joomla и WordPress. Заранее спасибо!

Ребят подскажите пожалуйста. У меня центральная картинка и ее же блок перекрывает нижние эконки с ссылками, так же слева макета есть ховер на текст , также слегка перекрываемый картинкой, следовательно та часть которая перекрыта не срабатывает вот стили блока и изображения #main { width: 600px; min-width: 600px; height: 100%; min-height: 600px; position: absolute; z-index: 0; left: 0; right: 0; margin: auto; top: 20px; } .centerpic { position: absolute; left: -50px; right: 0; bottom: 10px; margin: auto; top: 0; z-index: 1; } стиль эконок в подвале .block { width: 30px; height: 30px; position:relative; float:left; margin-left:-2px; left: 565px; bottom: -35px; z-index: 13; }

Добрый день.Планирую стать верстальщиком. Перечитал сайт htmlbook.ru все вроде понятно. И в плотную подошел к вопросу верстки первого какого-нибудь сайта (из макетов на форуме). Знаю что табличная верстка намного проще, блочная сложнее. Прошу совета у знатоков форума: как лучше начинать верстать , табличной версткой( дабы понять принцип верстки и "набить немного руку", или выбрать путь посложнее - блочную верстку. И сложно ли потом переходить с табличной верстки на блочную , если выбрать табличную верстку? Заранее благодарен за советы.

Всем доброго времени суток.Вплотную подошел к верстке первого сайта.Верстать буду блоками. Хотелось бы какой-нибудь не сложный макет для начинающих( может у кого есть).Заранее благодарен. И еще пару вопросов: 1. Верстать планирую в Dreamweaver CS5 ? плохо ли это?(просто некоторые ругают эту программу). 2. При верстке макета можно пользоваться сайтом http://csstemplater.com/? или лучше самому продумывать и прописывать? Заранее извиняюсь за кривизну заданных вопросов.

http://sitemakers.lo...l/html/comment/ зайдите на эту страницу в IE: тут-то и появились проблемы во всех остальных браузерах - нормально HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <link href="/0.css" rel="stylesheet" type="text/css" /> <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon" /> </head> <body> <div id="layoutblock"> <div id="headerblock"><h1 align="center">Сайт и сайтостроение</h1></div> <div id="contentblock"> Контент </div> <div id="rightblock"><?php include($_SERVER['DOCUMENT_ROOT']."/menu.php"); ?></div> <div id="footerblock">© 2013-<?php echo date('Y') ?>. Все права защищены.</div> </div> <?php include($_SERVER['DOCUMENT_ROOT']."/xdata.php") ?> </body> </html> CSS: @charset "utf-8"; /* MAIN STYLE */ body { background: url(http://sitemakers.lordhosting.ru/template/sitebg.jpg) fixed; margin: 0; } #layoutblock { background-color: #FFFFFF; width: 960px; margin: auto; border-radius: 50px; zoom: 1; } #rightblock, #contentblock {float: left;} #headerblock, #footerblock {clear: both;} #rightblock { width: 240px; background-color: #FBE8E1; zoom: 1; } #headerblock { width: 960px; background-color: #561D09; color: #FFFFFF; height: 50px; line-height: 50px; border-top-left-radius: 50px; border-top-right-radius: 50px; zoom: 1; } #headerblock h1 {margin: 0;} #contentblock { width: 704px; background-color: #FFFFFF; padding: 8px; zoom: 1; } #footerblock { width: 960px; /*background-color: #FFFFFF;*/ padding-left: 50px; padding-right: 50px; zoom: 1; } /* SITE MENU */ .sitemenu {list-style-type: none; padding: 0;} .sitemenu li.item {} .sitemenu a {color: #000000; text-decoration: none;} .sitemenu li.subitem {padding-left: 10px;} .sitemenu li.subitem2 {padding-left: 20px;} .sitemenu li.selected {} .sitemenu li.subsel {} .sitemenu li.subsel2 {} /* CODE */ .insertedcode { color: #000; background-color: #D6D6D6; font-family: "Courier New", Courier, monospace; font-size: 9pt; padding: 5px; white-space: pre-wrap; } .insertedcode span.comment { color: #999999; } .insertedcode .tag { font-weight: bold; color: #006699; } .insertedcode .doctype { color: #006699; } .insertedcode .attribute { font-weight: normal; color: #B61039; } .insertedcode .attrval { color: #39892F; font-weight: normal; } .insertedcode .live { background-color: #666666; } /* DOWNLOAD BUTTON */ .buttondownload:link, .buttondownload:visited, .buttondownload:hover { display: block; border-radius: 50px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#008000', gradientType=0); background-image: -o-linear-gradient(top, #00ff00, #008000); background-image: -moz-linear-gradient(top, #00ff00, #008000); background-image: -webkit-linear-gradient(top, #00ff00, #008000); background-image: -ms-linear-gradient(top, #00ff00, #008000); background-image: linear-gradient(top, #00ff00, #008000); text-decoration: none; color: #FFFFFF; height: 100px; line-height: 100px; text-align: center; font-size: 100px; } .buttondownload:active { display: block; border-radius: 50px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008000', endColorstr='#00ff00', gradientType=0); background-image: -o-linear-gradient(top, #008000, #00ff00); background-image: -moz-linear-gradient(top, #008000, #00ff00); background-image: -webkit-linear-gradient(top, #008000, #00ff00); background-image: -ms-linear-gradient(top, #008000, #00ff00); background-image: linear-gradient(top, #008000, #00ff00); text-decoration: none; color: #FFFFFF; height: 100px; font-size: 100px; }

Доброго времени суток уважаемые форумчане. Выставляю на ваш суд свой первый сайт, который чего греха таить от большинства здешних сайтов отличается своей простотой если не сказать примитивностью. Возможно, оправданием мне послужит тот факт что это мой первый полноценный сайт который я делал с абсолютного нуля не беря в руки всяких-разных шаблонов. Помимо этого я больше программист, чем верстальщик и больше пользователь ПК, чем программист. Сайт более-менее нормально смотрится только в Firefox. Как я сейчас понимаю в верстке очень много подводных камней и обилие браузеров проклятие верстальщика. Как будто с гидрой сражаешься, ты ей в одном браузере одну голову отрубил, а в другом в это время две выросли. У меня просьба, не обращайте очень пристального внимания на цвет я все таки склоняюсь к черно-бело-серому варианту и в конечном итоге хотелось бы чтобы сайт выглядел как рукописный труд алхимика или мага, как чертеж Леонардо да Винчи (не могу сформулировать точнее). Хотелось бы чего-то такого очень простого но в то же время очень эргономичного и не знаю оригинального. Может вы знаете какой нить ресурс на котором я мог бы преисполниться вдохновением и скачать шаблон или макет. Заранее всем признателен за критику и советы. Как улучшить кроссбраузерность? Ну и замечания по коду. Собственно сайт http://numerology.16mb.com

Прошу оценить верстку шаблона-визитки. Что не так сделал и что можно сделать. Сам шаблон - http://parrot.zencoder.ru/ P.S. Рано радовался. В Firefox v.20 - все ОК. А вот в Google Chrome v.26 - вот такой косяк - http://itmag.es/10JS4 Почему, подскажите. И кстати, научите, какими true-инструментами пользоваться для проверки кроссбраузерности шаблона.

Подскажите. Есть такой psd-оригинал - http://itmages.ru/im...008545/e461f274 И есть такой код (на footer обращать внимания не стоит - он еще не доработан) - http://jsfiddle.net/...tPCz8CJv/4gUbp/ Результат получается такой - http://itmag.es/4zOKi Как мне исправить ситуацию, чтобы фоновое изображение не перекрывалось блоком header? И еще есть вопрос по поводу применения p в блоке logo. Является ли это правильным решением? Может, более правильно будет заменить p на h1, с точки зрения SEO?

Есть верстка - http://angela.zencoder.ru/index.html Прошу оценить качество. Указать на ошибки, недочеты. Как можно сделать лучше. Критика не просто приветствуется, а нужна как воздух! Главное - чтобы по теме была. Шаблон совсем простой, но выбран мною специально. Можно сказать, это мой первый шаблон, сверстанный самостоятельно и до конца. Есть один недочет, который так и не смог решить - http://itmag.es/31vLs С горизонтальными кончиками - вообще не знаю, что делать и как их убрать.