Jump to content

Zeeeya

User
 View Profile  See their activity

  • Posts

    73

  • Joined

  • Last visited

 Content Type 

Everything posted by Zeeeya

  1. Zeeeya
    Nagibaka, сделала, вот результат:
  2. Zeeeya
    Люди, помогите, пожалуйста, ну не доходит...
  3. Zeeeya
    Здравствуйте! Подскажите, плиз, отчего может быть косяк: не могу выставить блоки горизонтально, чтоб правый блок справа от основного располагался, а не под ним. код: body, html { background-color: #38616b; margin:0px; padding:0px; } #wrap{ width: 1024px; margin:0 auto; } #header { background: url(../images/header.jpg) no-repeat; width:1001px; height: 222px; margin:0 auto; } #topmenu{ background: url(../images/menu_fon.jpg) no-repeat; width:1001px; height: 55px; } #body{ overflow:hidden; width:100%; } #content { height: 100%; background: url(../images/fon_left.jpg) repeat-y; float:left; overflow:hidden; } #right { background: url(../images/fon_right.jpg) repeat-y; float:right; width: 169px; overflow:hidden; } #bottom { background: url(../images/bottom.jpg) no-repeat; width:999px; height: 120px; margin:0 auto; padding-bottom: 35px; padding-top: 116px; text-indent: 16em; /* Отступ первой строки */ color: #3d6a55; }
  4. Zeeeya
    Svatov, спасибо Вам! Мета-теги поправила, а вот с доктайпом не разберусь, оказалось, его вообще не было... Добавила вот такой: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> - не работает....
  5. Zeeeya
    а при уменьшении в Эксплорере менюшка обрезается. А пустое поле выше шапки уж очень похоже на ситуацию с UTF8+BOM, но это так на глаз...лучше была бы ссылка на сайт. Если да, то вам нужно пересохранить документ в UTF8 без BOM вот сайт: http://persikmops.ru/ Какой именно документ? Сайт на движке, много файлов. Индекс? Спасибо большое за подсказки!
  6. Zeeeya
    Здравствуйте! Помогите, пожалуйста, разобраться с отступами в меню. При задании для текста меню padding-top:10px; надпись меню опускается вниз, но появлеятся расстояние между картинками модулей. И еще не могу понять, откуда появислся отступ в хроме и эксплорере сверху шапки сайта. Высота блока меню и хедера задана такаяже, как изображения. На всякий случай код: index.php <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>"> <head> <jdoc:include type="head" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="robots" content="index, follow" /> <meta name="keywords" content="joomla, Joomla" /> <link href="index.php?option=com_content&view=frontpage&format=feed&Itemid=1&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" /> <link href="index.php?option=com_content&view=frontpage&format=feed&Itemid=1&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" /> <script type="text/javascript" src="http://localhost/Joomla-1.5RC2/media/system/js/mootools.js"></script> <script type="text/javascript" src="http://localhost/Joomla-1.5RC2/media/system/js/caption.js"></script> <link rel="icon" href="/templates/persik/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/templates/persik/favicon.ico" type="image/x-icon" /> <link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" /> <link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" /> <link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" /> <link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/menu.css" type="text/css" /> <?php if($this->countModules('left and right') == 0) $contentwidth = "100"; if($this->countModules('left or right') == 1) $contentwidth = "80"; if($this->countModules('left and right') == 1) $contentwidth = "60"; ?> </head> <?php //$Itemid = JRequest::getInt( 'Itemid', 1, 'get' ); //echo $Itemid; ?> <body> <!--оформление страницы сайта--> <div id="wrap"> <!--блок шапки сайта header --> <div id="header"> <jdoc:include type="modules" name="top" style="xhtml" /> </div> <!--вывод модуля горизонтального меню в позиции user2--> <div id="topmenu" align="center"> <jdoc:include type="modules" name="user2" style="xhtml" /> </div> <!--вывод содержимого страницы--> <div id="pole"> <!--вывод модуля языков в позиции user3--> <div id="user3"> <jdoc:include type="modules" name="user4" style="xhtml" /> </div> <!--вывод модуля верхней навигации в позиции user4--> <div id="user4"> <jdoc:include type="modules" name="user3" style="xhtml" /> </div> <!--вывод модуля контактов в позиции user5--> <div id="user5"> <jdoc:include type="modules" name="user5" style="xhtml" /> </div> <!--вывод содержимого контента--> <div id="content"> <jdoc:include type="component" style="xhtml" /> </div> </div> <!--вывод сведений модуля с информацией об авторских правах в позиции footer --> <div id="bottom"> <jdoc:include type="modules" name="bottom" style="xhtml" / <p>Copyright: "Persik Bis Smak",2011 <p>Web design: <a href="malito: Ramus20@yandex.ru"> Ramus20@yandex.ru </a> </div> </div> </body> </html> template.css * { margin:0; padding:0; } /*стандартные оформление ссылок и заголовков*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { font-weight: normal; font-style: normal; text-decoration: none; } /*оформление всех ссылок на сайте*/ a{ text-decoration: underline; color:#759b14 ; } /*непосещенная ссылка*/ a:link{ text-decoration: underline; color: #759b14; } /*посещенная ссылка*/ a:visited, a.visited{ color:#759b14; } /*ссылка при наведении*/ a:hover, a.hover{ text-decoration: none; color: #b75554; } /*заголовки 1 уровня*/ h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover{ font:bold 18px Arial, Helvetica, sans-serif ; font-style:italic; color: #759b14; text-align:center; } /*заголовки 2 уровня*/ h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover{ font-size:bold 16px; color: #0c3e29; font-style:italic; text-align:center; } /*заголовки 3 уровня*/ h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover{ font-size: 18px; color: #80a218; text-align:center; } /*заголовки 4-6 уровня*/ h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover,h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover,h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover{ font-size: 125%; color: #3b98b0; } /*оформление изображений в контенте*/ img { border: 2px double #b8c97b; /* Параметры границы */ } p img { margin-right:10px; } /*оформление абзацев текста*/ p { margin: 5px 0 10px 0x; } LI { color: #265239; /* Цвет маркеров */ } /*оформление заднего плана и форматирование текста сайта и межстрочного расстояния*/ body { background-color:#c1dc77; margin:0 auto; padding:0; font-family:Arial, Helvetica, sans-serif ; line-height:1.3; color: #3d6a55; } #wrap{ width: 1006px; margin:0 auto; overflow: hidden; } #header { background: url(../images/header.jpg) no-repeat; width:1006px; height: 231px; margin:0 auto; } #pole{ overflow: hidden; background: url(../images/fon.jpg) repeat-y; } #user3{ margin:0 25px; height: 50px; } #user4{ text-align:center; margin:0 25px 0 25px; height: 40px; font-size:50px; font-style: bold; } #user5{ margin:0 25px 0 25px; } #content { margin:0 25px 0 65px; width: 900px; padding:5px 0 0 0px; text-align:left; overflow: hidden; } #bottom { background: url(../images/bottom.jpg) no-repeat; width:1006px; height: 154px; margin:0 auto; padding-bottom: 35px; padding-top: 50px; text-indent: 16em; /* Отступ первой строки */ color: #3d6a55; font-size: 12px;} a.visited { color: #ffffff; } menu.css /*оформление блока меню*/ #topmenu{ background: url(../images/menu_fon.jpg) no-repeat; width:1006px; height: 54px; text-indent:10px; padding-top:10px; } .moduletable-tabs ul li { margin-left:10px; overflow:hidden; margin-top:3px; } .moduletable-tabs a {color: #365617; text-decoration:none; font: bold italic 14px Georgia; margin-left:5px; } .moduletabletabs a:hover{ color:#e98f8e; text-decoration:underline; font: bold italic 14px Georgia; margin-left:5px; } Очень жду помощи!
  7. Zeeeya
    ну хоть намекните: дело в hidden или в задании высоты? Плииз! проставила overflow: hidden всем вложенным элементам, но все равно материал обрезается... В эксплорере и опере отображается нормально, в в хроме и мозилле - обрезается.
  8. Zeeeya
    Justnewone, не поняла, в этом проблема? А как нужно?
  9. Zeeeya
    Причем, на всех страницах высота разная выводится... а может и одинаковая В чем может быть дело?
  10. Zeeeya
    Здравствуйте! Задана высота контента в 100%, но почему-то контент обрезается... Когда выставляю 2000px - работает нормально. Вот сайт: http://persikmops-ru.1gb.ru/ru/show-results?layout=blog вот код css: * { margin:0; padding:0; } /*стандартные оформление ссылок и заголовков*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { font-weight: normal; font-style: normal; text-decoration: none; } /*оформление всех ссылок на сайте*/ a{ text-decoration: underline; color:#759b14 ; } /*непосещенная ссылка*/ a:link{ text-decoration: underline; color: #759b14; } /*посещенная ссылка*/ a:visited, a.visited{ color:#759b14; } /*ссылка при наведении*/ a:hover, a.hover{ text-decoration: none; color: #b75554; } /*заголовки 1 уровня*/ h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover{ font:bold 18px Arial, Helvetica, sans-serif ; font-style:italic; color: #759b14; text-align:center; } /*заголовки 2 уровня*/ h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover{ font-size:bold 16px; color: #0c3e29; font-style:italic; text-align:center; } /*заголовки 3 уровня*/ h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover{ font-size: 18px; color: #82b5bf; text-align:center; } /*заголовки 4-6 уровня*/ h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover,h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover,h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover{ font-size: 125%; color: #3b98b0; } /*оформление изображений в контенте*/ img { border: 2px double #759b14; /* Параметры границы */ } p img { margin-right:10px; } /*оформление абзацев текста*/ p { margin: 5px 0 10px 0x; } LI { color: #265239; /* Цвет маркеров */ } /*оформление заднего плана и форматирование текста сайта и межстрочного расстояния*/ body { background-color:#c1dc77; margin:0 auto; padding:0; font-family:Arial, Helvetica, sans-serif ; line-height:1.3; color: #173024; } #wrap{ width: 1000px; margin:auto; height: 100%; } #header { background: url(../images/header.jpg) no-repeat; width:1000px; height: 323px; margin:0 auto; } #topmenu{ background: url(../images/menu_fon.jpg) no-repeat; width:1024px; height: 95px; } #pole{ overflow:hidden; width:100%; height: 100%; background: url(../images/fon.jpg) repeat-y; } #user3{ margin:0 25px; height: 50px; } #user4{ text-align:center; margin:0 25px 0 25px; height: 40px; font-size:50px; font-style: bold; } #user5{ margin:0 25px 0 25px; } #content { margin:0 25px 0 65px; width: 900px; height: 100%; padding:5px 0 0 0px; text-align:left; } #bottom { background: url(../images/bottom.jpg) no-repeat; width:1000px; height: 192px; margin:0 auto; padding-bottom: 35px; padding-top: 116px; text-indent: 16em; /* Отступ первой строки */ color: #3d6a55; font-size: 12px; a.visited { color: #ffffff; } index.php: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>"> <head> <jdoc:include type="head" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="robots" content="index, follow" /> <meta name="keywords" content="joomla, Joomla" /> <link href="index.php?option=com_content&view=frontpage&format=feed&Itemid=1&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" /> <link href="index.php?option=com_content&view=frontpage&format=feed&Itemid=1&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" /> <script type="text/javascript" src="http://localhost/Joomla-1.5RC2/media/system/js/mootools.js"></script> <script type="text/javascript" src="http://localhost/Joomla-1.5RC2/media/system/js/caption.js"></script> <link rel="icon" href="/templates/persik/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/templates/persik/favicon.ico" type="image/x-icon" /> <link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" /> <link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" /> <link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" /> <?php if($this->countModules('left and right') == 0) $contentwidth = "100"; if($this->countModules('left or right') == 1) $contentwidth = "80"; if($this->countModules('left and right') == 1) $contentwidth = "60"; ?> </head> <?php //$Itemid = JRequest::getInt( 'Itemid', 1, 'get' ); //echo $Itemid; ?> <body> <!--оформление страницы сайта--> <div id="wrap"> <!--блок шапки сайта header --> <div id="header"> <jdoc:include type="modules" name="top" style="xhtml" /> </div> <!--вывод модуля горизонтального меню в позиции user2--> <div id="topmenu" align="center"> <jdoc:include type="modules" name="user2" style="xhtml" /> </div> <!--вывод содержимого страницы--> <div id="pole"> <!--вывод модуля языков в позиции user3--> <div id="user3"> <jdoc:include type="modules" name="user4" style="xhtml" /> </div> <!--вывод модуля верхней навигации в позиции user4--> <div id="user4"> <jdoc:include type="modules" name="user3" style="xhtml" /> </div> <!--вывод модуля контактов в позиции user5--> <div id="user5"> <jdoc:include type="modules" name="user5" style="xhtml" /> </div> <!--вывод содержимого контента--> <div id="content"> <jdoc:include type="component" style="xhtml" /> </div> </div> <!--вывод сведений модуля с информацией об авторских правах в позиции footer --> <div id="bottom"> <jdoc:include type="modules" name="bottom" style="xhtml" /> Web design: <a href="malito: Ramus20@yandex.ru"> Ramus20@yandex.ru </a> </div> </div> </body> </html> Помогите, плиз!
  11. Zeeeya
    ,Именно так!!! Все красиво, все получилось! Softlink, Спасибо Вам!!!
  12. Zeeeya
    Фон - однородный, но с обводкой и градиентом... Картинки - левый кусок фона: и правый: , повторяощиеся по Y Если просто задать фон (изображение конкретных размеров), как будет растягиваться фон (заданный не цветом, а изображеннием) пример посмотрела, конечно... сайт на локалке еще.
  13. Zeeeya
    про "зафлоченный" понятно. сдалала, ничего не изменилось... вот код: #body{ height: 100%; } #left { float: left; width: 169px; background: url(../images/fon_01.jpg) repeat-y; padding-left: 30px; } #content { margin-left: 169px; width:853px; height: 100%; background: url(../images/fon_02.jpg) repeat-y; height: 100%; padding:5px; text-align:left;
  14. Zeeeya
    Родителю задать высоту 100%? Зафлоченый - это который?
  15. Zeeeya
    Softlink , ага, только хотела спросить, как быть при разной высоте правого...
  16. Zeeeya
    Здравствуйте, уважаемые форумчане! Подскажите, плиз, как задать height, чтоб при разной высоте содержимого высота блоков была одинаковой? сейчас код такой: #left { float: left; width: 169px; background: url(../images/fon_01.jpg) repeat-y; height: 100%; padding-left: 30px; } #content { margin-left: 169px; float: none; width:853px; height: 100%; background: url(../images/fon_02.jpg) repeat-y; height: 100%; padding:5px; text-align:left;
  17. Zeeeya
    Softlink , большое спасибо! очень-очень полезно!
  18. Zeeeya
    Bonzash , то, что нужно! Спасибо!!!
  19. Zeeeya
    margin-top увеличивать нельзя, потому что текст находится в footer-е, будет разрыв поля... css: body, html { background-color: #c1dc77; margin:0px; padding:0px; } #wrap{ width: 1024px; margin:0 auto; } #header { background: url(../images/header.jpg) no-repeat; width:1024px; height: 323px; margin:0 auto; } #topmenu{ background: url(../images/menu_fon.jpg) no-repeat; width:1024px; height: 95px; } #content { background: url(../images/fon.jpg) repeat-y; width:944px; height: 100%; margin:0 auto; padding:40px; text-align:left; } #bottom { background: url(../images/bottom.jpg) no-repeat; width:1024px; height: 192px; margin:0 auto; padding-bottom: 35px; text-indent: 18em; /* Отступ первой строки */ } index: <?php // no direct access defined( '_JEXEC' ) or die( 'Restricted access' ); ?> <!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" > <head> <jdoc:include type="head" /> <title>Welcome to the Frontpage</title> <meta name="description" content="Joomla! - the dynamic portal engine and content management system" /> <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="robots" content="index, follow" /> <meta name="keywords" content="joomla, Joomla" /> <link href="index.php?option=com_content&view=frontpage&format=feed&Itemid=1&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" /> <link href="index.php?option=com_content&view=frontpage&format=feed&Itemid=1&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" /> <script type="text/javascript" src="http://localhost/Joomla-1.5RC2/media/system/js/mootools.js"></script> <script type="text/javascript" src="http://localhost/Joomla-1.5RC2/media/system/js/caption.js"></script> <link rel="icon" href="/templates/persik/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/templates/persik/favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" /> <link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" /> <link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" /> </head> <body> <!--оформление страницы сайта--> <div id="wrap"> <!--блок шапки сайта header --> <div id="header"> <jdoc:include type="modules" name="top" style="xhtml" />шапка </div> <!--вывод модуля горизонтального меню в позиции user2--> <div id="topmenu" align="center" > <jdoc:include type="modules" name="user2" style="xhtml" /> </div> <!--вывод содержимого контента--> <div id="content"> <jdoc:include type="component" style="xhtml" />контент </div> <!--вывод сведений модуля с информацией об авторских правах в позиции footer --> <div id="bottom"> <jdoc:include type="modules" name="bottom" style="xhtml" /> <a href="malito: Ramus20@yandex.ru"> Ramus20@yandex.ru </a> </div> </div> </body> </html>
  20. Zeeeya
    Доброго времени суток всем! Опять же про отступы: как в блоке опустить текст ссыли на электронку до стороки "Web disign" вот здесь: Добавила в CSS "text-indent: 18em;" - текст подвинулся вправо, а опустить как? В индексном файле добавила несколько <br> - перестал работать text-indent... Помогите советом, пожалуйста!
  21. Zeeeya
    zSpx, спасибо! Все поняла!
  22. Zeeeya
    вот результат: html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>"Персик Бис Смак"</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="maket">r <div id="header">Шапка</div> <div id="menu">Меню</div> <div id="content" >Содержимое страницы</div> <div id="content_bottom">конец</div> <div id="footer">Подвал</div> </div> </body> </html> style.css: body, html { margin:0px; padding:0px; } #maket { background:url('images/background.jpg') repeat; width:100%; margin:0 auto; } #header { background: url('images/header.gif'); width:960px; height: 252px; margin:0 auto; } #menu { background:url('images/menu.gif'); height:78px; width:1001px; margin:0 auto; } #content { background: url('images/fon.gif') repeat-y; width:958px; height: 100%; margin:0 auto; padding:100px; } #content_bottom { background: url('images/fon_bottom.gif'); width:960px; height: 66px; margin:0 auto; } #footer { background: url('images/footer.gif') no-repeat; width:960px; height: 173px; margin:20px auto; padding-bottom: 35px; }
  23. Zeeeya
    Здравствуйте! В блочной верстке не могу задать отступы для текста в блоке... без педдингов вот как все выглядит: с заданием педдингов фоновое изображение почему-то смешается влево, а текст не меняется: вот код: #content { background: url('images/fon.gif') repeat-y; width:958px; height: 100%; margin:0 auto; padding:100px; Что не так? Помогите, пожалуйста!
×
×
  • 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

  I accept