YanaSt
-
Posts
44 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by YanaSt
-
все, сделала бордером, конечно же ))))) просто я задавала у li верхний и нижний бордер, в итоге они у меня друг на друга накладывались и получалось не то. сейчас же задала у li нижний бордер, а у ul верхний вот такая заноза жить мешала всем спасибо за участие!
-
padding у меня указан *{ margin:0; padding:0; } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <style type="text/css"> *{ margin:0; padding:0; } ul { margin:10px 0 0 10px; background-color:gray; width:238px; list-style-type:none; } li { height:42px; } .red { background-color:red; } .green { background-color:green; } .px { width:238px; height:1px; font-size:1px; } </style> </head> <body> <ul> <li class="green">11111</li> <li class="px"><img id="img" src="images/line2.gif" alt="" /></li> <!--Линия задается элементом списка с картинкой--> <li class="red">11111</li> </ul> </body> </html> сделала так, убрала напрочь все пустые элементы списка, надо же учиться правильному. но font-size:1px; в IE так и не помог. голова дымиться, а ведь такой пустяк казалось бы - вставить полоску картинкой ((((
-
а как бордерами? у меня нижний накладывается на верхний и тогда цвет получается темнее ((( я не могу разобраться, почему картинка не встает на место? если img вcтавляю в список? элемент не пустой, все нормально, профессионально. но в браузере коряво выглядит
-
Здравствуйте! Хочу сделать список. Между элементами списка хочу вставить полоски. Но не границами, а именно отдельными элементами. Пробую несколько вариантов, но в IE7 ни один корректно не отображается ((( HELP! HELP! HELP! В FF и Опере работают 2 варианта. Но в них, если задана картинка в списке, он слетает. Как это сделать нормально?? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <style type="text/css"> *{ margin:0; padding:0; } ul { margin:10px 0 0 10px; background-color:gray; width:238px; list-style-type:none; } li { height:22px; } .red { background-color:red; } .green { background-color:green; } .line_bg { width:238px; height:1px; background-color:#d7d7de; } .img { width:238px; height:1px; } .bg { width:238px; height:1px; background-image:url(images/line2.gif); background-pocition:top; } </style> </head> <body> <ul> <li class="red">11111</li> <li class="line_bg"></li> <!--Линия задается пустым элементом списка с фоном-цветом--> <li class="green">11111</li> <li class="red">11111</li> <li class="green">11111</li> <li class="red">11111</li> <li class="green">11111</li> <li class="img"><img src="images/line2.gif" alt="" /></li> <!--Линия задается элементом списка с картинкой, стиль задан у li--> <li class="red">11111</li> <li class="green">11111</li> <li class="bg"></li> <!--Линия задается пустым элементом списка с фоном-картинкой--> <li class="red">11111</li> <li class="green">11111</li> <li class="red">11111</li> <li class="green">11111</li> </ul> </body> </html>
-
ой, бальзам на душу
-
Вы напишите, что именно Вас так ужаснуло. Как-то неконструктивно получается. Критика есть, а что именно критикуется и как исправить - нет. Ценности никакой от таких реплик. Так понимаю, куча пробелов? Или что-то еще? Чем заменить? Пустым дивом? Валидатор ругается, если картинка не в блочном элементе. Нужно в div заключать? Да, здесь забыла. Не знала, буду иметь ввиду Предложите Ваш способ упорядочить превьюшки разной высоты с выравниванием по верхнему краю. Разве в данном случае таблица - зло?!?! Так напишите как кошерно ))) Я смотрела, как сделано на этом сайте, вроде бы так же. Ну это вообще ничего мне не дает, что исправлять-то?? И да, спасибо за внимание к моей работе, но все же хочется больше консруктива Да, я в 7 смотрела. Спасибо! Страница длинная, потому что пока не знаю, как сделать листаж страницы Как узнаю, разобью все разделы по страницам, а на каждой странице будет не более 3 рядов с превьюшками.
-
а у меня все нормально отображается странно ((((
-
В общем, первый сайт, сверстанный мною. Был макет в psd. Просьба указать на ошибки, дать общую оценку ВЕРСТКИ. Там еще два скрипта подключила, просто подсмотрела на других сайтах как это делается, внутри ничего в них не меняла, потому что пока только изучаю HTML и CSS, в javascript вообще ничего не смыслю. И еще, не проходит валидатор, но не пойму в чем дело, ругается на </body>, </html>. Мое мнение (если не брать во внимание тормознутость скриптов): вся конструкция тяжеловата, наверное, код можно было упростить. Ну первый блин, в общем. Адрес сайта: stepalex.ru To psywalker: полоску "заборола" как смогла :-)
-
получается такая ерунда: я свой макет все время открывала в FF после доработки открыла в нем - полоса опять не до конца, открыла в Опере - все нормуль, про проводник молчу, там засада вообще все не так
-
3ABAPKA, убрала, не помогло. Изначально это и было перед <center> </center>, потом уже во все места пробовала вставлять :-) psywalker, потому что доча из садика пришла, все, конец работе! :-)
-
ну все, дождусь ночи и буду тестить )))) спасибки!!! по результату - отпишусь здесь
-
ха! так и у меня получается, если без остального контента! а вот со всем остальным - идет сдвиг!
-
я не тороплюсь никуда )))))) мне кажется, вся проблема из-за отрицательных верхних отступов у элементов, потому что если вырезаю лого или всю таблицу, то задача выполняется но как это решить вся надежда на вас!
-
3ABAPKA , на эту сторку вообще реакции нет (( psywalker, у меня уже идет фон у Body background-image: url(images/pattern.png); background-color: #272020; туда еще тогда полоску засунуть?
-
3ABAPKA, сделала top: 0; получилось то же, что и было: сверху нормально, снизу не доходит до конца (((
-
Здравствуйте! Мучаю свой первый макет, делаю для мужа , все никак не могу его "добить" (макет, а не мужа конечно же). Надо было с чего попроще начать, но сейчас уже не отступлю! Делаю верстку для макета, посмотреть можно то, что есть тут: http://stepalex.mamayana.ru/ Там все пока еще совсем страшненькое, но суть не в этом. Проблема такая: слева есть серая полоса, на которой слово ПОРТФОЛИО. По задумке дизайнера она должна "прилипать" к левой стороне экрана, при этом быть от верха до низа экрана (при любом масштабе). Слово портфолио должно быть примерно посередине экрана. Но у меня получается, что она идет от границы таблицы (центральная, в которой весь остальной контент). Если я div с этой полосой переножу ДО таблицы, то получается полоска от начала экрана, но немного не до конца Свою голову уже всю сломала почему такое возникает, помогите!!!! Ах да, если из файла вырезать центральную таблицу, то все нормально сразу же становится. Может быть это из-за отступов отрицательных... html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Дизайн сайтов StepAlex</title> <link rel="stylesheet" type="text/css" href="main.css" /> </head> <body style="background-color:#272020"> <center> <table class="table" border="2" width="1000"> <tr> <td> <div class="header"> <p>обновлено: <span class="gray">15.05.09</span> статус: <span class="gray">Свободен</span></p> <img id="ecology" src="images/ecology.png" alt="" /> </div> <div class="logo"> <img src="images/logolight.png" alt="" /> </div> <div class="navbar_contact"> <p>РАЗДЕЛЫ: <br/> <img src="images/line_03.png" alt="" /> <br/> веб-дизайн (30) <br/> <img src="images/line_03.png" alt="" /> <br/> логотипы <br/> <img src="images/line_03.png" alt="" /> <br/> полиграфия <br/> <img src="images/line_03.png" alt="" /> <br/> иллюстрации <br/> <img src="images/line_03.png" alt="" /> <br/> наружная рекламма <br/> <img src="images/line_03.png" alt="" /> </p> <p class="otstup">Контактная информация: <br/> icq: 328 314 739 <br/> e-mail: sy80@mail.ru <br/> skype: thelayers </p> </div> <div class="table_portfolio"> <table border="2" width="" cellpadding=""> <tr class="arrow"> <td><a href="#"><img id="left" src="images/arrow_left.png" alt="" /></a>обратно</td> <td align="center">1 2 3 4 5</td> <td align="right">туда<a href="#"><img id="right" src="images/arrow_right.png" alt="" /></a></td> </tr> <tr height="30"> <td width="253"><a href="#">Магазин "Teleshop"</a></td> <td width="253"><a href="#">Все о виски</a></td> <td width="200"><a href="#">Продажа iPhone v.1</a></td> </tr> <tr valign="top"> <td><a href="#"><img src="images/portfolio_sushi1.jpg" alt="" /></a></td> <td><a href="#"><img src="images/portfolio_bar.jpg" alt="" /></a></td> <td><a href="#"><img src="images/portfolio_iphone1.jpg" alt="" /></a></td> </tr> <tr height="30"> <td><a href="#">"Империя"</a></td> <td><a href="#">Продажа iPhone v.2</a></td> <td><a href="#">Магазин "Мобиробот"</a></td> </tr> <tr valign="top"> <td><a href="#"><img src="images/portfolio_stroit.jpg" alt="" /></a></td> <td><a href="#"><img src="images/portfolio_mobirobot.jpg" alt="" /></a></td> <td><a href="#"><img src="images/portfolio_iphone2.jpg" alt="" /></a></td> </tr> <tr height="30"> <td><a href="#">"Orbex"</a></td> <td><a href="#">Компания "Виталформ" v.1</a></td> <td><a href="#">Салон тканей "Меланж"</a></td> </tr> <tr valign="top"> <td><a href="#"><img src="images/portfolio_orbex.jpg" alt="" /></a></td> <td><a href="#"><img src="images/portfolio_vital2.jpg" alt="" /></a></td> <td><a href="#"><img src="images/portfolio_melanzsh.jpg" alt="" /></a></td> </tr> </table> </div> <div class="footer1"> <p>Ссылки: <a href="#">я в контакте</a></p> <p><a href="#">я на free-lance.ru</a></p> <p><a href="#">мой музыкальный проект</a></p> </div> <div class="footer2"> <p>© 2009, Дизайнерил:...я... <br />Все права защищены.</p> </div> </td> </tr> </table> <div class="left_portfolio"> <img src="images/portf_left_02.png" /> </div> </center> </body> </html> CSS: BODY { background-image: url(images/pattern.png); background-color: #272020; margin:0; } .table { top:0px; } .header { color:#565e61; } img#ecology{ margin-top:60px; width:332px; } .logo { position:relative; left:340px; top:-150px; /*position:absolute; left:30%;*/ } .navbar_contact { width:183px; float:right; margin-right:30px; margin-top:-400px; color:#b2b8bb; } p.otstup {padding-top: 59px;} .left_portfolio { position:absolute; left:0px; padding-top:30%; height:100%; background-image: url(images/portfolio_polosa.png); background-repeat: repeat-y; margin:0; vertical-align:bottom; } span.gray{ color:#959b9d; } .arrow { color:#959b9d; } .table_portfolio{ left:0px; margin-top:-400px; } img#left{ padding-right:11px; } img#right{ padding-left:11px; } a { color: #959b9d; } .footer1{ margin-top:0px; color:#565e61; float:left; width:; } .footer2{ color:#565e61; padding-left:400px; }
-
Zippovich, спасибо! Пойду пробовать.
-
Int, можете код показать? Не соображу, как это реализовать...
-
Здравствуйте! Изучаю верстку, пытаюсь по-тихонечку сверстать первый сайт. Контент должен умещаться по ширине в 1000px, в центре экрана. Есть два дива, мне нужно, чтобы они были на верху. Позиционирую их с помощью z-index (float не работает, т.к. общая ширина двух элементов больше 1000px). Возникла такая проблемка: если ставлю position:absolute, то все ок. Но, мне нужно, чтобы они были наверху не экрана, а верхней границы таблицы (внутри которой они находятся). Тогда ставлю position:relative. И ничего не получается. Помогите, пожалуйста, поставить их на место <center> <table border="3" width="1000"> <tr> <td> <div id="right"> <img src="images/logo.png" /> </div> <div id="left"> <img id="ecology" src="images/ecology.png" /> </div> </td> <tr/> </table> </center> #left{ position: relative; top: 0; z-index:2; } #right{ position: relative; z-index: 1; }