Cabalist

Всем привет! Требуется html-верстальщик,знание html,css обязательно))желательно умение верстать под CMS,наличие портфолио приветствуется))Есть предложение,писать в личку) Пока всё

Уже не актуально Это у меня что-то с настройками в ИЕ))т.к. у другого человека всё работало)) Но возникла другая проблема При использовании sIFR на движке Wordpress 2.8.2,сайт зависает в Опере.Вот хочу спросить это у всех так или один я такой не везучий?

Всем привет!Столкнулся с проблемой подключения нестандартных шрифтов,решил её подключением sIFR,НО,в опере и лисе всё как и положенно заменяется,а в ИЕ 6,7(в 8 не тестил,нету под рукой),вообще ничего не работает.Так вот вопрос: так и должно быть или я что-то не так сделал? P.S. sIFR устанавливал для движка WordPress.

psywalker,согласен,но вот сверстаешь ты со шрифтами которые в шопе указаны,а потом заказчик удивиться почему на макете шрифты не так смотрятся,а всё потому что в шопе для них shape например включён,а в css такого свойства нет))поэтому я предпочитаю верстать визуально схоже,а не технически,пока никто не жаловалсяне знаю может быть у тебя какой нибудь другой подход Фиксированную менюшку я легко замучу,но меня такой вариант не устраивает,поэтому и не стал делать,а вот как сделать растягивающуюся и что бы при этом прокручивалось без косяков,вот это уже проблема лично я не знаю такого решения. Так и знал что кто-нибудь проверит Исправлю. А вот тут вот поподробнее,почему именно в <h1>?С точки зрения семантики это не правильно,для поисковиков это тоже никакой ценности не несёт,так почему же я должен всегда в <h1> логотип засововать? Меня тоже достала вся эта херня со скриптами и прочей фигней,но я сейчас тупо на мели,понимаешь?Мне сейчас важнее купить пожрать себе что нибудь и девушке подарок прикупить,чем оформлять хостинг Будут бабки,будет хостинг,за ссылку спасибо!))

А вы про этот скрипт))так это хостинг сам вставляет,я тут не причём

А они где у меня? Хорошо поправлю. Понимаю,но это хак такой для firefox 2,только так он корректно отображает элементы с display:inline-block; да и потом валидатор не ругается,значит ничего страшного Спасибо,благодарю за критику) Возможно,только у меня не получилось)Если делать фиксированный блок с картинками то всё норм,но вот с резиновым дела обстоят сложнее.Там допустим 10 картинок,так вот при растяжении экрана,другие тоже начинают вылазить,а надо что бы только 5 было))я не знаю как так сделать))

http://testserver.ho.ua/acgroup/ - вёрстка. p.s. Плагин для прокрутки на jquery не использовал,т.к. блок с картинками пришлось бы делать фиксированым и выровнять по центру,мне просто захотелось что бы всё тянулось

Каким образом?Напишите,что бы в будующем новички с этим не сталкивались?

Mila,я у вас спросил,а вы мне не ответили,а так бы глядишь и в проблеме разобрались

у меня Opera 9.64,вот скриншот: ага,а то не красиво как то,чесное слово Ну это не обязательно должна быть фоновая картинка,зачастую достаточно бэкграунду цвет подходящий задать Т.е. у вас есть три блока,верхний с картинкой фиксированный(например закруглённые уголки),нижний с картинкой фиксированный,а средний с контентом фиксированный по ширине,а высота у него допустим auto будет,просто поставьте ему цвет подходящий и всё будет ок)

1. Свёрстанно таблицами (уже не ТРУ,ну это лично для меня). 2. Бэкграунд у вас как-то криво повторяется,полосами,надо по ровнее картинку вырезать. 3. По бокам у главного слоя должна быть тень. 4. Картинки в ужасном качестве просто,это заметно невооружённым взяглядом. 5. Номера телефонов надо бы выделить. 6. В поле поиска,бордера быть не должно.И при вводе текста в это поле в опере появляется отступ слева,пикселей так в 20-30. 7. В каталогах у ссылок другой цвет и шрифт.И разделяющие линии тоже не такие у вас. 8. Футер к низу не прижат. 9. Ну и самое страшное начинается это если добавить немного контента в блоки.В ИЕ6 дела обстоят хуже)) Вот скриншот: В общем вёрстка ужасная.Учитесь и ещё раз учитесь и всё у вас получится

А у вас доктайп какой?

Можно поставить div с бэкгроундом этой картинки со скрепкой,картинку естественно в png-24 сохранить))

а как же DD_belatedPNG.js?)) вообще вёрстка хороша,напряшает только пара моментов: 1)в Opera 9.64 при наведении на логотип курсор не меняется,т.е. надо бы добавить cursor:pointer; 2)менюшки не совсем адекватно себя ведутоткрываются и закрываются по сто раз,при быстром наведении на них(рано или поздно юзеров это будет раздражать) Вот как то так

Знаете,мне всё равно где там и что говорится,задача была устранить проблему в приведённом коде,я привёл пример при котором в этом коде не будут съезжать блоки и не будет горизонтальных полос,попробуйте этот код: <!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>Untitled Document</title> <style type="text/css"> #sellPan{width:100%; height:230px; position:relative; margin:0 auto; padding:0; background: url(images/top-bg.gif) 0 0 repeat-x #FFFFFF; color:#666; font:14px/20px Arial, Helvetica, sans-serif; font-weight:normal;} #sellPan ul {width:100%; height:230px; display:block; position:absolute; top:0px; right:0px; margin:0px; padding:0px;} #sellPan ul li{float:left; clear: right; display:block; width:20%; height:230px; background: url(images/dot.gif) right top repeat-y;} #sellPan h2 {height:230px; background: url(images/dot.gif) left top repeat-y; padding-left:10px; margin:0; color:#666; font:14px/20px Arial, Helvetica, sans-serif; font-weight:normal;} #sellPan p {padding-left:5px; color:#666; font:14px/20px Arial, Helvetica, sans-serif; font-weight:normal;} </style> </head> <body> <div id="sellPan"> <ul> <li><h2>1</h2></li> <li><p>2</p></li> <li><p>3</p></li> <li><p>4</p></li> <li><p>5</p></li> </ul> </div> </body> </html> У вас сто процентов всё будет работать без всяких полос,а то что полосы появляются,так это проблемы или в нутри кода или я незнаю почему,поэтому и попросил выложить человека его код,что бы вместе всем разобрать

Хм,по идее недолжно ничего появляться,возможно проблема у вас в коде,выложите пожалуйста свой код,поглядим)

Поставьте для #sellPan ul li ещё clear:right; и увидите чудеса))

ну это уже наглое враньё.На самом деле див может содержать в себе сколько угодно других дивов,просто желательно что бы их было поменьше,правило тона хорошей вёрстки так сказать

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

Да тут даже не в этом дело тоскорее всего ошибка в синтаксисе css. Вот так вот точно работает: <!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>Untitled Document</title> <style type="text/css"> * { margin: 0px; padding: 0px; border: 0px; } html,body { height: 100%; width: 100%; text-align: center; } #button { background: #FFF url(p_menubutton1.gif); border: none; width: 92px; height: 28px; margin-top: 100px; } </style> </head> <body> <input type="submit" name="enter" id="button" value=""> </body> </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>Untitled Document</title> <style type="text/css"> * { margin: 0px; padding: 0px; border: 0px; } html,body { height: 100%; width: 100%; } .block { background: gray; margin: 0px 10px; padding: 10px; overflow: hidden; position: relative; top: 10px; _zoom: 1; } .img { background-color: blue; float: left; } .img img { display: block; } .text { background-color: white; position: absolute; bottom: 10px; left: 180px; } </style> </head> <body> <div class="block"> <span class="img"> <img src="juk.jpg" height="150" width="150" alt="juk"/> </span> <span class="text"> Немного текста </span> </div> </body> </html>

Update: Немного оптимизировал макет. Что сделано: 1. Убраны лишние блоки,особенно блоки для линий,благодаря способу который мне посоветовал psywalker (за что ему отдельное спасибо), удалось уложиться в два дива 2. Убраны блоки с классом "clear"(можно и без обойтись ) 3. Картинки теперь хорошего качества. 4. Стили для ИЕ6 находятся в <head>,а не как раньше перед ним. 5. <input type="text" class="input" /> теперь заключен в <form> и в <fieldset> для валидности. 6. Код страницы немножко сжат,при небольшой потере читаемости (это не страшно я считаю ). Хотелось бы услышать комментарии по теперешней вёрстке.

Всё хорошо,только под лупой тень должна быть P.S. Подвал я бы прижал,что бы рациональнее использовать площадь монитора. Но это моё мнение и я его никому не навязываю

Посмотрел на него 5 секунд и выключилОбилие оранжевого сильно раздражает глаза. Ваш вариант однозначно лучше

Да кстати,бабочку лучше на всякий случай одной картинкой сделать и вполне можно обойтись jpg-гом,весит он намного меньше. Страхование действительно надо сделать по центру.