marsowy
-
Posts
6 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by marsowy
-
photoemotion.ru
-
Доброго времени суток! проблема такова: 1. посещенная ссылка меню или другая не меняет цвет при наведении 2. в браузерах FF 3.6.13, Chrome 8 (в Opera не проверял) - при наведении на меню трудно попасть на ссылку, хотя текст 18 px код CSS файла ниже .cssmenu { padding:0; margin:0; list-style:none; margin-top:10px; margin-left:25px; } .cssmenu li { padding-top:15px; } .cssmenu li a, .cssmenu li a:link, .cssmenu li a:visited, .cssmenu li a:hover { font-family:"Times New Roman", Times, serif; font-style:italic; font-size:18px; display:block; padding-left:55px; color:#0094d9; text-decoration:underline; } .cssmenu a:hover, { font-family:"Times New Roman", Times, serif; font-style:italic; font-size:18px; color:#ff7201; } a:hover, { font-family:"Times New Roman", Times, serif; font-style:italic; font-size:18px; color:#ff7201; } .cssmenu1 { padding:0; margin:0; list-style:none; margin-left:45px; } .cssmenu1 li { padding-top:10px; } .cssmenu1 li a, ul.cssmenu1 li a:visited { font-family:"Times New Roman", Times, serif; font-style:italic; font-size:15px; display:block; padding-left:55px; color:#0094d9; text-decoration:underline; } .cssmenu1 a:hover { font-family:"Times New Roman", Times, serif; font-style:italic; font-size:15px; color:#ff7201; } .cssmenu3 { position:relative; top:-100px; } код разметки: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <link href="style.css" rel="stylesheet" type="text/css"/> <title>Фотограф Екатерина Антонова свадьбы профессиональные (портфолио) фотосессии (праздники) корпоративы дни рождения - только положительные эмоции</title> <meta content="свадьба фото,свадебный фотограф Санкт-Петербург,фотограф на свадьбу петербург, Свадебный фотограф Петербург, Фотограф на свадьбу СПб, фотограф свадьба санкт-петербург,свадебные фото" name="keywords"> <meta content="Свадебный фотограф Екатерина Антонова, Санкт-Петербург." name="description"> <meta http-equiv="Cache-Control" content="no-cache"> <link rel="shortcut icon" href="favicon.ico"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /></head> <body> <div class="all"> <div class="header"> <div class="header-logo"> <div><a href="http://www.photoemotion.ru/">PhotoEmotion</a></div> <div class="logo"><a href="http://www.photoemotion.ru/"><img src="images/logo.png" border="0" /></a></div> </div> <div class="center"> <div class="left"> <ul class="cssmenu"> <li><a href="http://www.photoemotion.ru/">Главная</a></li> <li><a href="http://www.photoemotion.ru/services.php">Услуги</a></li> <li><a href="http://www.photoemotion.ru/contacts.php">Контакты</a></li> <li><a href="http://www.photoemotion.ru/portfolio.php">Портфолио</a></li> </ul> <div class="icon1"><img src="images/sun.png" border="0" /></div> <div class="icon2"><img src="images/I.png" border="0" /></div> <div class="icon3"><img src="images/phone.png" border="0" /></div> <div class="icon4"><img src="images/foto.png" border="0" /></div> <div class="cssmenu3"><ul class="cssmenu1"> <li><a href="http://www.photoemotion.ru/portfolio/weddings.php">Свадьбы</a></li> <li><a href="http://www.photoemotion.ru/portfolio/family.php">Семьи</a></li> <li><a href="http://www.photoemotion.ru/portfolio/portraits.php">Портреты</a></li> <li><a href="http://www.photoemotion.ru/portfolio/video.php">Видео</a></li> </ul></div> <div class="icon5"><img src="images/wedding.png" border="0" /></div> <div class="icon6"><img src="images/family.png" border="0" /></div> <div class="icon7"><img src="images/portraits.png" border="0" /></div> <div class="icon8"><img src="images/kids.png" border="0" /></div> </div> спасибо за любую помощь
-
сделал как посоветовали, спасибо за совет посмотреть можно здесь: confiskatonline.ru
-
попробую воспользоваться советом и отпишусь что получилось, спасибо за ответ
-
не удивляюсь, но пока не понял как сделать резиновый или другой вариант кроме того при уменьшении div wrapper width до 800 px все равно при уменьшении окна браузера блоки съезжают вниз - вопрос именно в том что сделать чтобы ликвидировать разъезжание блоков?
-
Доброго времени суток! делаю сайт на joomla 1.5.15 ссылка на сайт confiskatonline.ru на всех страницах после добавления позиции left в шаблон сайта образовалась проблема - содержание страницы съезжает вниз, если разрешение монитора меньше 1280х768! ниже привожу файлы шаблона и css: <?php if($this->countModules('left')) : ?> <div style="width:160px; height:600px; float:left; padding:40px;"> <jdoc:include type="modules" name="left" /> </div> <?php endif; ?> <div id="wrapper" style="float:left;"> <div class="clr"></div> <div id="container"> <div id="page_content"> <?php if($this->countModules('right')) : ?> <div id="right_outer"> <div id="right_top"></div> <div id="right_inner_float"> <div id="right_inner"> <jdoc:include type="modules" name="right" style="rounded" /> </div> </div> <div id="right_bottom"></div> </div> <?php endif; ?> <div id="content_out<?php echo $contentwidth; ?>"> <div id="content_outer"> <div id="content"> <jdoc:include type="message" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="intext_bottom" /> </div> <div class="clr"></div> </div> </div> </div> html { height: 100%; } body { height: 100%; margin:0; padding:0; font-family: verdana,sans-serif; font-size: 12px; color: #505050; background-color: #fff; line-height : 145%; } #header_container { width: 100%; height: 110px; background-color: #000; background-repeat:repeat-x; margin-top: 1px; } #header { width: 998px; height: 110px; margin:0 auto; padding:0; } #flashhg { width: 100%; height: 100%; } #image_logo { text-decoration:none; float:left; width: 830px; height: 110px; margin: 0 0 0 25px; background-image:url('../images/logo.gif'); background-position: left top; background-repeat: no-repeat; } #text_logo { text-align:left; text-decoration:none; float:left; width: 830px; height: 55px; margin: 0 0 0 25px; } #logo_text { width:auto; font-family: Arial black; font-size: 42px; line-height: 70px; height: 55px; overflow:hidden; color: #e2001a; text-transform:uppercase; } #logo_slogan { width:auto; font-family: Arial black; font-size: 18px; line-height: 18px; color: #fff; height: 50px; padding: 5px 0 0 100px; line-height: normal; text-transform:uppercase; overflow:hidden; } /* normal topmenu on position user3*/ #navigation_container { width: 100%; height: 35px; background-color: #ff0000; background-image:url('../images/dropdown_menu_container.gif'); background-repeat:repeat-x; } #navigation { width: 998px; height: 35px; padding:0; margin: 0 auto; text-align:center; border-left: 1px solid #f24d4d; } /* CSS dropdown menu on position dropdown_menu */ #dropdown_menu_container { width: 100%; height: 35px; background-color: #ff0000; background-image:url('../images/dropdown_menu_container.gif'); background-repeat:repeat-x; } #dropdown_menu { overflow : visible; width: auto; width: 998px; height: 35px; padding:0; margin: 0 auto; text-align:center; border-left: 1px solid #f24d4d; } #user_modules1_container { width: 100%; float: right; height:auto; border:none; padding:0; margin:0; background-image:url('../images/user_modules1.gif'); background-repeat:repeat-x; } #user_modules1 { width: 998px; height: auto; margin: 0 auto; } #user_modules1_float { float:left; width: 998px; height: auto; border:none; padding:0; margin: 0; } #user5_outer { float:left; width: 31.3%; padding: 0 1% 0 1%; overflow:hidden; } #user6_outer { float:left; width: 100%; padding: 0 1% 0 1%; overflow:hidden; } #user7_outer { float:left; width: 31.3%; padding: 0 1% 0 1%; overflow:hidden; } .line { width: 100%; height: 5px; background-image:url('../images/line.gif'); background-repeat:repeat-x; } #wrapper { width: 998px; margin: 0 auto; } #search { float: right; margin:0; padding:0; height: 30px; margin: 20px 0 0 0; height: 30px; width: 140px; background-image:url('../images/search.gif'); background-repeat: no-repeat; } #search .inputbox { margin: 0 0 0 11px; height: 13px; font-size: 10px; padding: 0 2px 0 2px; color: #505050; width: 114px; border: none; background-color: transparent; height: 15px; } #search .inputbox:hover { color: #ff0000; } #top_outer { width: 514px; height: 150px; float:right; background-image:url('../images/top_outer.gif'); background-position: center top; margin: 15px 10px 0 10px; overflow: hidden; } #container { text-align:left; padding: 0; } #container2 { text-align:left; background-color: transparent; margin:auto; } #page_content { padding: 0px; margin: 0; width: 100%; } #right_top { float:left; height: 25px; width: 295px; background-image : url(../images/right_top.gif); background-repeat : repeat-y; } #right_outer { float : right; width : 295px; padding : 0; margin : 0; background-color:#f7f7f7; } #right_inner_float { width : 295px; float : left; background-image : url(../images/right.gif); background-repeat : repeat-y; } #right_inner { float : none; padding: 0 2px 2px 8px; width : 288px; } #right_bottom { float:left; height: 25px; width: 295px; background-image : url(../images/right_bottom.gif); background-repeat : repeat-y; } #content_outer { float:left; width: 99.8%; margin-bottom: 10px; background-image : url(../images/content.gif); background-repeat : repeat-x; background-position:center bottom; } #content_outmiddle { margin: 0 300px 0 0; } #content_outright { margin: 0 300px 0 0; } #content { float:left; padding: 0 10px 10px 10px; min-height: 400px; width: 98%; } table.contentpaneopen { width : 98%; } table.contentpane { width : 98%; padding : 6px; margin : 6px; } заранее благодарен за любую помощь