Jump to content

DiMas

Newbie
  • Posts

    6
  • Joined

  • Last visited

About DiMas

  • Birthday 06/09/1987

DiMas's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Не могу понять как сделать так, чтобы при размере окна до 1200 пикселей блок не отображался, а при 1200 и больше отоюражался. помогите плиз
  2. а какже быть с пятой ссылкой? в данном случае, если ее вставить после дива она "перепрыгнит" на новую строку...
  3. что то типа: .rborder:{ border-right: 1px solid #000; } <a herf="link..." class="rborder">text</a><a herf="link..." class="rborder">text</a><a herf="link..." class="rborder">text</a><a herf="link..." class="rborder">text</a><a herf="link...">text</a>
  4. Опиши стиль с правым разделителем, и к последнему элементу не применяй его, да и все )
  5. Здравствуйте, столкнулся с такой проблемой: имеется верстка такого вида —————————————————————-- | | | | | | | | | | | | float:left; | ширина не задана | float: right; | ширина: | | ширина: | фиксир. | | фиксир. | | | | | | | —————————————————————-- При вставке в центральную часть <table width="100%"> <tr> .... some code.... </tr> </table> Таблица уходит под левую часть. как исправить? CSS: /* CSS Document */ *{margin:0px; padding:0px;} img{border:none;} img.png{behavior:url("png.htc");} html{ height:100%; } body{ height:100%; font-family:"Tahoma"; font-size:11px; color:#000; background:url(../images/texture.jpg); } body a{ color:#000; text-decoration: none; border-bottom:1px dashed #000; } body a:hover{ border-bottom:none; } p{ padding-bottom:7px; } h1{ font-size:26px; font-weight:normal; padding-bottom:10px; font-weight:bold; color:#0b2ee2; } h2{ font-size:18px; padding-bottom:9px; text-transform:uppercase; font-weight:bold; color:#5f2d05; } h3{ font-size:14px; padding-bottom:8px; text-transform:uppercase; font-weight:bold; } ul, ol{ padding:0px 0px 10px 5px; } ol li{ padding-bottom:5px; } .cleaner{ clear:both; width:1px; height:1px; } .main{ min-height:326px; background:url(../images/header.jpg) top left no-repeat; } .logo{ float:right; width:189px; height:136px; margin:0px 30px; behavior:url("png.htc"); } .topmenu{ margin-top:100px; min-height:10px; } .topmenu ul{ float:right; list-style:none; } .topmenu ul li{ float:left; width:115px; height:33px; background:url(../images/topmenu.png) no-repeat; margin:0px 5px; text-align:center; padding-top:3px; } .topmenu ul li.active{ background:url(../images/topmenu_act.png) no-repeat; padding-top:5px; } .topmenu ul li a{ font-size:14px; font-weight:bold; border:none; color:#fff; padding-right:5px; } .workarea{ } .workarea .left{ float:left; width:280px; padding:0px 8px; } .workarea .left .leftmenu a{ border:none; } .workarea .left .leftmenu .spacer{ width:1px; height:14px; } .workarea .left .direction{ } .workarea .left .direction a{ border:none; } .workarea .left .direction .beach{ width:274px; height:82px; behavior:url("png.htc"); } .workarea .left .direction .mountain{ width:274px; height:63px; behavior:url("png.htc"); } .workarea .left .direction .excursion{ width:274px; height:76px; behavior:url("png.htc"); } .workarea .left .direction .bottom{ width:274px; height:73px; behavior:url("png.htc"); } .workarea .left .weather{ padding-left:20px; } .workarea .left .weather .title{ } .workarea .left .weather .title .country{ } .workarea .left .weather .title .country a.name{ color:#ff0600; font-size:15px; border:none; font-weight:bold; text-decoration:underline; } .workarea .left .weather .title .country a.name:hover{ text-decoration:none; } .workarea .left .weather .title .country a.city{ color:#0145a2; font-size:13px; border:none; font-weight:bold; text-decoration:underline; } .workarea .left .weather .title .country a.city:hover{ text-decoration:none; } .workarea .left .weather .title .flag{ float:right; width:105px; padding-top:10px; } .workarea .left .weather .date{ padding-top:10px; font-weight:bold; font-size:13px; } .workarea .left .weather .info{ padding-top:10px; font-weight:bold; font-size:13px; } .workarea .left .weather .info .when{ } .workarea .left .weather .info .when div{ height:30px; color:#614215; } .workarea .left .weather .info .status{ float:right; width:100px; padding-right:70px; text-align:right; } .workarea .left .weather .info .status div.cold{ height:30px; background:url(../images/ice.png) no-repeat; margin-right:20px; } .workarea .left .weather .info .status div.rain{ height:30px; background:url(../images/umbrella.png) no-repeat; margin-right:20px; } .workarea .left .weather .info .status div.sun{ height:30px; background:url(../images/sun.png) no-repeat; margin-right:20px; } .workarea .left .weather .regions{ text-align:right; padding-right:50px; margin-top:10px; } .workarea .left .weather .regions a{ font-weight:bold; font-size:11px; color:#0145a2; border:none; text-decoration:underline; } .workarea .left .weather .regions a:hover{ text-decoration:none; } .workarea .left .currency{ font-size:13px; padding-left:20px; margin-top:10px; } .workarea .left .currency .other{ text-align:right; padding-right:50px; margin-top:10px; } .workarea .left .currency .other a{ font-weight:bold; font-size:11px; color:#0145a2; border:none; text-decoration:underline; } .workarea .left .currency .other a:hover{ text-decoration:none; } .workarea .right{ } .workarea .right .countries{ float:right; width:180px; } .workarea .right .countries a.countrylink{ color:#366ebb; border:none; text-decoration:underline; font-size:14px; font-weight:bold; } .workarea .right .countries a.countrylink:hover{ text-decoration:none; } .workarea .right .countries ul{ list-style:none; margin-left:30px; } .workarea .right .countries ul li{ padding-left:30px; padding-bottom:15px; } .workarea .right .countries ul li.at{ background:url(../images/flag_at.jpg) 0px 3px no-repeat; } .workarea .right .countries ul li.ad{ background:url(../images/flag_ad.jpg) 0px 3px no-repeat; } .workarea .right .countries ul li.bg{ background:url(../images/flag_bg.jpg) 0px 3px no-repeat; } .workarea .right .countries ul li.vn{ background:url(../images/flag_vn.jpg) 0px 3px no-repeat; } .workarea .right .countries ul li.gr{ background:url(../images/flag_gr.jpg) 0px 3px no-repeat; } .workarea .right .countries ul li.go{ background:url(../images/flag_go.jpg) 0px 3px no-repeat; } .workarea .right .countries ul li.do{ background:url(../images/flag_do.jpg) 0px 3px no-repeat; } .workarea .right .countries ul li.id{ background:url(../images/flag_id.jpg) 0px 3px no-repeat; } .workarea .right .countries ul li.it{ background:url(../images/flag_it.jpg) 0px 3px no-repeat; } .workarea .right .countries ul li.cy{ background:url(../images/flag_cy.jpg) 0px 3px no-repeat; } .workarea .right .countries ul li.cu{ background:url(../images/flag_cu.jpg) 0px 3px no-repeat; } .workarea .right .countries ul li.mt{ background:url(../images/flag_mt.jpg) 0px 3px no-repeat; } .workarea .right .countries ul li.ae{ background:url(../images/flag_ae.jpg) 0px 3px no-repeat; } .workarea .right .countries ul li.sc{ background:url(../images/flag_sc.jpg) 0px 3px no-repeat; } .workarea .right .countries ul li.th{ background:url(../images/flag_th.jpg) 0px 3px no-repeat; } .workarea .right .countries ul li.tn{ background:url(../images/flag_tn.jpg) 0px 3px no-repeat; } .workarea .right .countries ul li.fr{ background:url(../images/flag_fr.jpg) 0px 3px no-repeat; } .workarea .right .countries ul li.hr{ background:url(../images/flag_hr.jpg) 0px 3px no-repeat; } .workarea .right .countries ul li.cg{ background:url(../images/flag_cg.jpg) 0px 3px no-repeat; } .workarea .right .countries ul li.cz{ background:url(../images/flag_cz.jpg) 0px 3px no-repeat; } .workarea .right .content{ } table.special tr{ vertical-align:top; } span.tourcountry{ font-size:18px; color:#ff1800; } CSS для IE6 /* CSS Document */ .main{ height:1%; width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000? "1000px": "auto"); } .topmenu{ height:1%; } .topmenu ul li{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/topmenu.png, sizingMethod=crop); } .topmenu ul li.active{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/topmenu_act.png, sizingMethod=crop); } .workarea .left .weather .info .status div.cold{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/ice.png, sizingMethod=crop); } .workarea .left .weather .info .status div.rain{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/umbrella.png, sizingMethod=crop); } .workarea .left .weather .info .status div.sun{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/sun.png, sizingMethod=crop); } /********************/ Код: <!-- workarea --> <div class="workarea"> <!-- left --> <div class="left"> <!-- leftmenu --> <div class="leftmenu"> <a href="#"><img src="images/search_tour.gif" class="leftmenu" alt="Поиск тура" title="Поиск тура" /></a> <div class="spacer"></div> <a href="#"><img src="images/interactive_map_of_world.gif" alt="Интерактивная карта мира" title="Интерактивная карта мира" /></a> <div class="spacer"></div> <a href="#"><img src="images/airport_online.gif" alt="Аэропорт онлайн" title="Аэропорт онлайн" /></a> <div class="spacer"></div> </div> <!-- end of .leftmenu --> <!-- direction --> <div class="direction"> <a href="#"><img src="images/direction_beach.png" alt="Пляжный" title="Пляжный" class="beach" /></a><a href="#"><img src="images/direction_mountain.png" alt="Горнолыжный" title="Горнолыжный" class="mountain" /></a><a href="#"><img src="images/direction_excursion.png" alt="Экскурсионный" title="Экскурсионный" class="excursion" /></a><img src="images/direction_bottom.png" class="bottom" /> </div> <!-- end of. direction --> <!-- weather --> <div class="weather"> <div class="title"> <div class="flag"> <img src="images/flag_russia.jpg" alt="Россия" title="Россия" /> </div> <div class="country"> <a href="#" class="name">Россия</a> <a href="#" class="city">Москва</a> </div> </div> <div class="date">Погода: 21 декабря, четверг</div> <div class="info"> <div class="status"> <div class="cold">-10</div> <div class="rain">-14</div> <div class="sun">5</div> </div> <div class="when"> <div>Днем</div> <div>Ночью</div> <div>Завтра</div> </div> </div> <div class="regions"><a href="#">Другие регионы</a></div> </div> <!-- end of .weather --> <!-- currency --> <div class="currency"> <div><strong>Котировки:</strong></div> <div><b>USD ЦБ</b> 21.02 <b>24,5223</b> -0,0326</div> <div><b>EUR ЦБ</b> 21.02 <b>32,6527</b> +0,0523</div> <div class="other"><a href="#">Другая валюта</a></div> </div> <!-- end of .currency --> <!-- leftmenu --> <div class="leftmenu"> <div class="spacer"></div><div class="spacer"></div><div class="spacer"></div> <a href="#"><img src="images/our_partners.gif" alt="Наши партнеры" title="Наши партнеры" /></a> </div> <!-- end of .leftmenu --> </div> <!-- end of .left --> <!-- right --> <div class="right"> <!-- countries --> <div class="countries"> <ul> <li class="at"><a href="#" class="countrylink">Австрия</a></li> <li class="ad"><a href="#" class="countrylink">Андорра</a></li> <li class="bg"><a href="#" class="countrylink">Болгария</a></li> <li class="vn"><a href="#" class="countrylink">Вьетнам</a></li> <li class="gr"><a href="#" class="countrylink">Греция</a></li> <li class="go"><a href="#" class="countrylink">Гоа</a></li> <li class="do"><a href="#" class="countrylink">Доминикана</a></li> <li class="id"><a href="#" class="countrylink">Индонезия</a></li> <li class="it"><a href="#" class="countrylink">Италия</a></li> <li class="cy"><a href="#" class="countrylink">Кипр</a></li> <li class="cu"><a href="#" class="countrylink">Куба</a></li> <li class="mt"><a href="#" class="countrylink">Мальта</a></li> <li class="ae"><a href="#" class="countrylink">ОАЭ</a></li> <li class="sc"><a href="#" class="countrylink">Сейшелы</a></li> <li class="th"><a href="#" class="countrylink">Тайланд</a></li> <li class="tn"><a href="#" class="countrylink">Тунис</a></li> <li class="fr"><a href="#" class="countrylink">Франция</a></li> <li class="hr"><a href="#" class="countrylink">Хорватия</a></li> <li class="cg"><a href="#" class="countrylink">Черногория</a></li> <li class="cz"><a href="#" class="countrylink">Чехия</a></li> <li ><a href="#" class="countrylink">Все страны</a></li> <ul> </div> <!-- end of .countries --> <!-- content --> <div class="content"> <h1 align="center">Туристское агентство ?Путевка?</h1> <h2 align="center">Спецпредложения</h2> <table class="special" align="center" width="100%"> <tr> <td colspan="2"><span class="tourcountry">Доминикана</span></td> <td> </td> <td colspan="2"><span class="tourcountry">Куба</span></td> <tr> </table> </div> <!-- end of .content --> <div class="cleaner"></div> </div> <!-- end of .right --> </div> <!-- end of .workarea -->
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy