Winkler
-
Posts
7 -
Joined
-
Last visited
Winkler's Achievements
Explorer (1/14)
0
Reputation
-
Сверстал Макет№1 ,посмотрите пожалуйста
Winkler replied to g_shamil_a's topic in Discussion of works
В <div class='leftcol'> (то есть Последние статьи) подчеркнутые предложения. Такое ощущение что это должны быть ссылки, хочется кликнуть на них)) -
Поправил)) Насчёт хедера - лучше уже не будет
-
Вроде более-менее прилично получилось всё поправить. Спасибо всем за советы, многому научился за один макет))
-
С кнопкой ОК проглядел..Поправил везде немного. А вот как меню под разные разрешения сделать - додуматься не могу. Это вроде оптимальные отступы, по 3.5% от бордеров. Больше отступ - при 1024х768 менюха не влазит. Может у кого действенный пример есть как это делать? И да, Verder, за макет спасибо.))
-
Ознакомился с text-shadow. Вроде поправил) Не совсем понял. Разрезал тень на две половины(снизу слева и справа),между ними повторяющийся фон, чтобы блок тянулся в ширину. А так тени вроде целы. Да вот оно как делается оказывается,а я голову ломал)) Впредь постараемся не допустить такой оплошности. zSpx, спасибо!
-
Вот попробовал сверстать этот макет от Verder http://freeway-design.ru/files/spit.png . Косяк с полоской в хэдере очевиден, пока не придумал решения лучше. По-идее под любое разрешение монитора (но не факт ). На всякий случай вот код. Укажите на косяки и оцените верстку пожалуйста http://winkler.at.ua/ <!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"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Spitfire</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> </head> <body> <div id="wrapper"> <div id="header"> <div class="plane"> <div class="logo"> <a class="logo" href=""><span> </span></a> </div> </div> <div class="right"></div> <div class="photos_videos"><a href=""><img src="img/photos_videos.png" alt="photos and videos"/></a></div> </div><!-- #header--> <div id="middle"> <div id="nav"> <ul> <li class="search_airplanes"><a href="">SEARCH AIRPLANES</a></li> <li class="pestoration"><a href="">RESTORATION</a></li> <li class="maintenance"><a href="">MAINTENANCE</a></li> <li class="exhibitions"><a href="">EXHIBITIONS & AIRSHOW</a></li> <li class="contacts"><a href="" class="contacts">CONTACTS AND FEEDBACK</a></li> </ul> </div> <div id="container"> <div id="content"> <div class="little_block"> <span class="title">We invite for cooperation</span> <p>We invite professionals and enthusiasts and history buffs, fans of aviation. Any help is invaluable. Together, we will not let die the RAF Legends.</p> </div> <div class="about_museum"> <span class="title">ABOUT MUSEUM</span> <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p> <a href="">Full information</a> </div> <div id="news"> <img src="img/recent_news.png" alt="recent news" class="recent_news" /> <div class="new"> <div class="angle_l"></div><div class="angle_r"></div> <img class="new_pic" src="img/pic1.jpg" alt="image" /> <span class="time">05.12.11</span> <a href="">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.</a> <div class="shadow_l"></div><div class="shadow_r"></div> <!-- тень --> </div> <div class="new"> <div class="angle_l"></div><div class="angle_r"></div> <img class="new_pic" src="img/pic2.jpg" alt="image" /> <span class="time">04.27.11</span> <a href="">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. </a> <div class="shadow_l"></div><div class="shadow_r"></div> </div> <div class="new"> <div class="angle_l"></div><div class="angle_r"></div> <img class="new_pic" src="img/pic3.jpg" alt="image" /> <span class="time">04.20.11</span> <a href="">Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </a> <div class="shadow_l"></div><div class="shadow_r"></div> </div> <a href="" class="all_event">All event and news</a> </div> </div><!-- #content--> </div><!-- #container--> <div class="sidebar" id="sideRight"> <div class="upper_text">BATTLE OF BRITAIN LEGENDS</div> <div class="lower_blue">Latest video from Dunkirk Airshow</div> <div class="video_img"><a href=""><img src="img/spit_05.jpg" alt="Video" /></a></div> <a href="">Watch all videos</a> <div class="youtube"><a href=""><img src="img/spit_09.jpg" alt="Youtube" /></a></div> <div class="banner"><a href=""><img src="img/spit_13.jpg" alt="Banner" /></a></div> <span>Newsletters:</span> <div class="newsletters"> <input type="text" onblur="if(this.value=='') this.value='Your e-mail'" onfocus="if(this.value=='Your e-mail') this.value='';" name="input" value="Your e-mail" id="input" /> <input type="image" src="img/ok.jpg" name="submit" value="" id="submit" /> </div> </div><!-- .sidebar#sideRight --> </div><!-- #middle--> </div><!-- #wrapper --> <div id="footer"> <div class="footer"> <p class="copy">©2010 - Spitfire & Hawker Hurricane Manchester Museum. All rights reserved.</p> <p><a href="">Terms and conditions</a> | <a href="">Contacts and feedback</a></p> </div> </div><!-- #footer --> </body> </html>
-
И мне пожалуйста.