Clayton

Блоку с картинкой позишн релатив, стрелочкам позишн абсолют, с выравниванием топ 50% <div style="width:400px; height:400px; background:#000; position:relative;"><span style="color:#fff; position:absolute; top:50%;">Тыц</span><span style="color:#fff; position:absolute; top:50%; right:40%;">Иа Картинко</span><span style=" color:#fff; position:absolute; top:50%; right:2px;">Тыц</span></div> это первое что в голову пришло, так думаю еще великое множество вариантов можно напридумывать)

посмотрел у себя ради интереса.... стоит семерка с 8-м ие, все норм.

а поместить сайт в директорию без названий на кириллице не пробовали?

Ну, это уже разбор полетов кода начинается, ты сам говорил, что о б этом разговор не здесь. Речь и идет, например о блоках с фиксированной высотой, которая, для статических сайтов, может быть приемлема. Для динамических, где контента, в каждом блоке, может быть по разному, нет и т.д. Эти варианты уже от задач зависят. В целом, сэкономить на классах/коде, в статической странице можно. И время тем самым сэкономить. Смысл только в этом.

Обновления, никак, а вот наполнения, влияет. По разному

Да вот не нравится мне, что там тегов много. И табле там, и тр и тд, и куча этого всего дублируется, и кода вдвое больше получается, чем в списках например. Не в счет конечно те ситуации, когда без них не обойтись. Ну почему же не существует, ТС может быть свою идеологию выработал, и ориентируется на статические сайты-визитки, которые не рассчитаны на регулярное наполнение, а их верстать можно гораздо проще, чем динамические, где многое надо учитывать. Да что там у ТС особенно разъезжается. Сегодня разъезжается, завтра не разъезжается. Человек ведь на месте не стоит, что-то делает. Исправит. Такие, мелкие недоработки походу проекта, всегда возникают. Главное знать, как исправить. Начало ТС положил, теперь главное — развивать. Ну, собственно об этом и речь, только другими словами. см. выше.

Vitrilo Не слушай никого. Попроси Игоря Ермакова показать его работы что б разговор, так сказать на равных шел. А в целом молоток, так держать. p.s. Только на таблицах не верстай) И это, плохо что ориентации на движки нет. Должна быть

Такое говно, что даже начал вспоминать, где это видел раньше, и нашел, представляете: http://forum.htmlbook.ru/index.php?showtop...amp;hl=wwwsaite http://forum.htmlbook.ru/index.php?showtop...amp;hl=wwwsaite аффтар никак не угомонится...

на какой CMS ?

Присоединяюсь

есть скприпт который работает везде, кроме хрома) Я ставлю иногда, это льстит заказчику, и занимает свободное место в дизе, если есть гг))

/* begin Page */ body { margin: 0 auto; padding: 0; background-color: #34040D; } .Main { position: relative; width: 100%; overflow:hidden; left: 0; top: 0; } .PageBackgroundSimpleGradient { position: absolute; z-index:-1; background-image: url('../images/Page-BgSimpleGradient.jpg'); background-repeat: repeat-x; width: 100%; height: 266px; } .cleared { float: none; clear: both; margin: 0; padding: 0; border: none; font-size:1px; } form { padding:0 !important; margin:0 !important; } table.position { position: relative; width: 100%; table-layout: fixed; } /* end Page */ /* begin Box, Sheet */ .Sheet { position:relative; z-index:0; margin:0 auto; width: 900px; min-width:35px; min-height:35px; } .Sheet-body { position: relative; z-index:1; padding: 13px; } .Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl, .Sheet-tc, .Sheet-bc,.Sheet-cr, .Sheet-cl { position:absolute; z-index:-1; } .Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl { width: 34px; height: 34px; background-image: url('../images/Sheet-s.png'); } .Sheet-tl { top:0; left:0; clip: rect(auto, 17px, 17px, auto); } .Sheet-tr { top: 0; right: 0; clip: rect(auto, auto, 17px, 17px); } .Sheet-bl { bottom: 0; left: 0; clip: rect(17px, 17px, auto, auto); } .Sheet-br { bottom: 0; right: 0; clip: rect(17px, auto, auto, 17px); } .Sheet-tc, .Sheet-bc { left: 17px; right: 17px; height: 34px; background-image: url('../images/Sheet-h.png'); } .Sheet-tc { top: 0; clip: rect(auto, auto, 17px, auto); } .Sheet-bc { bottom: 0; clip: rect(17px, auto, auto, auto); } .Sheet-cr, .Sheet-cl { top: 17px; bottom: 17px; width: 34px; background-image: url('../images/Sheet-v.png'); } .Sheet-cr { right:0; clip: rect(auto, auto, auto, 17px); } .Sheet-cl { left:0; clip: rect(auto, 17px, auto, auto); } .Sheet-cc { position:absolute; z-index:-1; top: 17px; left: 17px; right: 17px; bottom: 17px; background-image: url('../images/Sheet-c.png'); } .Sheet { margin-top: -13px !important; } /* end Box, Sheet */ /* begin Menu */ /* menu structure */ .artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover { text-align:left; text-decoration:none; outline:none; letter-spacing:normal; word-spacing:normal; } .artmenu, .artmenu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; } .artmenu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; background:none; } .artmenu li:hover { z-index: 10000; white-space: normal; } .artmenu li li { float: none; } .artmenu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background:none; } .artmenu li:hover>ul { visibility: visible; top: 100%; } .artmenu li li:hover>ul { top: 0; left: 100%; } .artmenu:after, .artmenu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .artmenu, .artmenu ul { min-height: 0; } .artmenu ul { background-image: url(../images/spacer.gif); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; } .artmenu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } /* menu structure */ .artmenu { padding: 7px 0 0px 100px; /* Здесь отрегулируй левый отступ, так как тебе надо */ } .nav { position: relative; height: 120px; z-index: 100; white-space:nowrap; } .nav .l, .nav .r { position: absolute; z-index: -1; top: 0; bottom:10px; height: 120px; background-image: url('../images/nav.png'); } .nav .l { left: 0px; right:0px; } .nav .r { right: 0; width: 874px; clip: rect(auto, auto, auto, 874px); } /* end Menu */ /* begin MenuItem */ .artmenu ul li { clear: both; } .artmenu a { position:relative; display: block; overflow:hidden; height: 29px; cursor: pointer; text-decoration: none; margin-right: 2px; margin-left: 2px; margin-top: 80px; } .artmenu a .r, .artmenu a .l { position:absolute; display: block; height: 87px; background-image: url('../images/MenuItem.png'); } .artmenu a .l { left:0; right:4px; } .artmenu a .r { width:408px; right:0; clip: rect(auto, auto, auto, 404px); } .artmenu a .t { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; color: #E0E0E0; padding: 0 19px; margin: 0 4px; line-height: 29px; text-align: center; } .artmenu a:hover .l, .artmenu a:hover .r { top:-29px; } .artmenu li:hover>a .l, .artmenu li:hover>a .r { top:-29px; } .artmenu li:hover a .l, .artmenu li:hover a .r { top:-29px; } .artmenu a:hover .t { color: #FDDDDF; } .artmenu li:hover a .t { color: #FDDDDF; } .artmenu li:hover>a .t { color: #FDDDDF; } .artmenu a.active .l, .artmenu a.active .r { top: -58px; } .artmenu a.active .t { color: #F0F0F0; } /* end MenuItem */ /* begin Header */ div.Header { margin: 0 auto; position: relative; z-index:0; width: 874px; height: 225px; } div.Header-jpeg { position: absolute; z-index:-1; top: 0; left: 0; width: 874px; height: 225px; background-image: url('../images/Header.jpg'); background-repeat: no-repeat; background-position: center center; } /* end Header */ /* begin Logo */ .logo { display : block; position: absolute; left: 10px; top: 10px; width: 496px; } h1.logo-name { display: block; text-align: left; } h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 26px; font-style: normal; font-weight: bold; text-decoration: none; padding:0; margin:0; color: #B8B8B8 !important; } .logo-text { display: block; text-align: left; } .logo-text, .logo-text a { font-family: Arial, Helvetica, Sans-Serif; font-size: 18px; font-style: normal; font-weight: normal; padding:0; margin:0; color: #F2F2F2 !important; } /* end Logo */ /* begin ContentLayout */ .contentLayout { position: relative; margin-bottom: 1px; width: 874px; } /* end ContentLayout */ /* begin Box, Block */ .Block { position:relative; z-index:0; margin:0 auto; min-width:23px; min-height:23px; } .Block-body { position: relative; z-index:1; padding: 9px; } .Block-tr, .Block-tl, .Block-br, .Block-bl, .Block-tc, .Block-bc,.Block-cr, .Block-cl { position:absolute; z-index:-1; } .Block-tr, .Block-tl, .Block-br, .Block-bl { width: 30px; height: 30px; background-image: url('../images/Block-s.png'); } .Block-tl { top:0; left:0; clip: rect(auto, 15px, 15px, auto); } .Block-tr { top: 0; right: 0; clip: rect(auto, auto, 15px, 15px); } .Block-bl { bottom: 0; left: 0; clip: rect(15px, 15px, auto, auto); } .Block-br { bottom: 0; right: 0; clip: rect(15px, auto, auto, 15px); } .Block-tc, .Block-bc { left: 15px; right: 15px; height: 30px; background-image: url('../images/Block-h.png'); } .Block-tc { top: 0; clip: rect(auto, auto, 15px, auto); } .Block-bc { bottom: 0; clip: rect(15px, auto, auto, auto); } .Block-cr, .Block-cl { top: 15px; bottom: 15px; width: 30px; background-image: url('../images/Block-v.png'); } .Block-cr { right:0; clip: rect(auto, auto, auto, 15px); } .Block-cl { left:0; clip: rect(auto, 15px, auto, auto); } .Block-cc { position:absolute; z-index:-1; top: 15px; left: 15px; right: 15px; bottom: 15px; background-image: url('../images/Block-c.png'); } .Block { margin: 7px; } /* end Box, Block */ /* begin BlockHeader */ .BlockHeader { position:relative; z-index:0; height: 30px; padding: 0 7px; margin-bottom: 7px; } .BlockHeader .t { height: 30px; color: #F3627D; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: bold; white-space : nowrap; padding: 0 7px; line-height: 30px; } .BlockHeader .l, .BlockHeader .r { display:block; position:absolute; z-index:-1; height: 30px; background-image: url('../images/BlockHeader.png'); } .BlockHeader .l { left:0; right:6px; } .BlockHeader .r { width:894px; right:0; clip: rect(auto, auto, auto, 888px); } .header-tag-icon { display:inline-block; background-position:left top; background-image: url('../images/BlockHeaderIcon.png'); padding:0 0 0 21px; background-repeat: no-repeat; min-height: 14px; margin: 0 0 0 5px; } /* end BlockHeader */ /* begin Box, BlockContent */ .BlockContent { position:relative; z-index:0; margin:0 auto; min-width:1px; min-height:1px; } .BlockContent-body { position: relative; z-index:1; padding: 0px; } .BlockContent-body { color:#242424; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; } .BlockContent-body a:link { color: #9B0810; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; } .BlockContent-body a:visited, .BlockContent-body a.visited { color: #878787; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; } .BlockContent-body a:hover, .BlockContent-body a.hover { color: #CB0B14; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; } .BlockContent-body ul { list-style-type: none; color: #4A4A4A; margin:0; padding:0; } .BlockContent-body li { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; text-decoration: none; } .BlockContent-body ul li { padding:0px 0 0px 13px; background-image: url('../images/BlockContentBullets.png'); background-repeat:no-repeat; margin:0.5em 0 0.5em 0; line-height:1.2em; } /* end Box, BlockContent */ /* begin Box, Post */ .Post { position:relative; z-index:0; margin:0 auto; min-width:1px; min-height:1px; } .Post-body { position: relative; z-index:1; padding: 10px; } .Post { margin: 10px; } /* Start images */ a img { border: 0; } .article img, img.article { border: none; margin: none; } .metadata-icons img { border: none; vertical-align: middle; margin:2px; } /* Finish images */ /* Start tables */ .article table, table.article { border-collapse: collapse; margin: 1px; width:auto; } .article table, table.article .article tr, .article th, .article td { background-color:Transparent; } .article th, .article td { padding: 2px; vertical-align: top; text-align:left; } .article th { text-align:center; vertical-align:middle; padding: 7px; } /* Finish tables */ /* end Box, Post */ /* begin PostHeaderIcon */ .PostHeaderIcon-wrapper { text-decoration:none; margin: 0.2em 0; padding: 0; font-weight:normal; font-style:normal; letter-spacing:normal; word-spacing:normal; font-variant:normal; text-decoration:none; font-variant:normal; text-transform:none; text-align:left; text-indent:0; line-height:inherit; font-family: Arial, Helvetica, Sans-Serif; font-size: 22px; font-style: normal; font-weight: bold; text-align: left; color: #FCD9DF; } .PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 22px; font-style: normal; font-weight: bold; text-align: center; color: #800000; } /* end PostHeaderIcon */ /* begin PostHeader */ .PostHeader a:link { font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #F9AAB8; } .PostHeader a:visited, .PostHeader a.visited { font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #C2C2C2; } .PostHeader a:hover, .PostHeader a.hovered { font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #F35E79; } /* end PostHeader */ /* begin PostMetadata */ .PostMetadataHeader { padding:1px; background-color: #DEDEDE; border-color: #BFBFBF; border-style: solid; border-width: 1px; } /* end PostMetadata */ /* begin PostIcons */ .PostHeaderIcons { padding:1px; } .PostHeaderIcons, .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #424242; } .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover { margin:0; } .PostHeaderIcons a:link { font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #4D4D4D; } .PostHeaderIcons a:visited, .PostHeaderIcons a.visited { font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #4D4D4D; } .PostHeaderIcons a:hover, .PostHeaderIcons a.hover { font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; color: #8E0B23; } /* end PostIcons */ /* begin PostContent */ /* Content Text Font & Color (Default) */ body { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; color: #D9D9D9; } .PostContent { font-family: Arial, Helvetica, Sans-Serif; font-size: 12; font-style: normal; font-weight: normal; text-align: justify; color: #D9D9D9; } /* Start Content link style */ /* The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active. [url="http://www.w3schools.com/CSS/css_pseudo_classes.asp"]http://www.w3schools.com/CSS/css_pseudo_classes.asp[/url] [url="http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/"]http://meyerweb.com/eric/thoughts/2007/06/...he-link-states/[/url] */ a { font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #F68DA0; } /* Adds special style to an unvisited link. */ a:link { font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #840A21; } /* Adds special style to a visited link. */ a:visited, a.visited { font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #840A21; } /* :hover - adds special style to an element when you mouse over it. */ a:hover, a.hover { font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; color: #840A21; } /* Finish Content link style */ /* Resert some headings default style & links default style for links in headings*/ 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; } /* Start Content headings Fonts & Colors */ h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 28px; font-style: normal; font-weight: bold; text-align: left; color: #A8A8A8; } h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 22px; font-style: normal; font-weight: bold; text-align: left; color: #C2C2C2; } h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 18px; font-style: normal; font-weight: bold; text-align: left; color: #C2C2C2; } h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 16px; font-style: normal; font-weight: bold; text-align: left; color: #D9D9D9; } h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; font-style: normal; font-weight: bold; text-align: left; color: #D9D9D9; } h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; font-style: normal; font-weight: bold; text-align: left; color: #D9D9D9; } /* Finish Content headings Fonts & Colors */ /* end PostContent */ /* begin PostBullets */ /* Start Content list */ ul { list-style-type: none; color: #E0E0E0; margin:0; padding:0; } li { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; } .Post ul li { padding:0px 0 0px 13px; background-image: url('../images/PostBullets.png'); background-repeat:no-repeat; margin:0.5em 0 0.5em 0; line-height:1.2em; } /* Finish Content list */ /* end PostBullets */ /* begin PostQuote */ /* Start blockquote */ blockquote p { color:#1C0207; font-family: Arial, Helvetica, Sans-Serif; font-style: italic; font-weight: normal; text-align: left; } blockquote { border:solid 1px #F46C85; margin:10px 10px 10px 50px; padding:5px 5px 5px 41px; background-color:#F9B3C0; background-image:url('../images/PostQuote.png'); background-position:left top; background-repeat:no-repeat; } /* Finish blockuote */ /* end PostQuote */ /* begin Button */ .Button { position:relative; display:inline-block; width: auto; outline:none; border:none; background:none; line-height:34px; margin:0; padding:0; overflow: visible; cursor: default; text-decoration: none !important; z-index:0; } /*This HACK needed for ie7 (button position)*/ *:first-child+html .Button { display:list-item; list-style-type:none; float:left; } .Button .btn { display:block; position:relative; float:left; height: 34px; overflow:hidden; white-space: nowrap; width: auto; color: #333333; } .Button .btn .t { display:block; height: 34px; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; white-space: nowrap; text-align: left; padding: 0 21px; line-height: 34px; text-decoration: none !important; } input, select { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; } .Button .hover, .Button:hover { color: #F2F2F2; text-decoration: none !important; } .Button .active { color: #EDEDED; } .Button .btn .l, .Button .btn .r { display:block; position:absolute; z-index:-1; height: 102px; background-image: url('../images/Button.png'); } .Button .btn .l { left:0; right:11px; } .Button .btn .r { width:411px; right:0; clip: rect(auto, auto, auto, 400px); } .Button .btn.hover .l, .Button .btn.hover .r, .Button .btn:hover .l, .Button .btn:hover .r { top: -34px; } .Button .btn.active .l, .Button .btn.active .r { top: -68px; } /* end Button */ /* begin Footer */ .Footer { position:relative; z-index:0; overflow:hidden; width: 874px; margin: 5px auto 0px auto; } .Footer .Footer-inner { height:1%; position: relative; z-index: 0; padding: 8px; text-align: center; } .Footer .Footer-background { position:absolute; z-index:-1; background-repeat:no-repeat; background-image: url('../images/Footer.png'); width: 874px; height: 150px; bottom:0; left:0; } .rss-tag-icon { position: relative; display:block; float:left; background-image: url('../images/livemarks.png'); background-position: center right; background-repeat: no-repeat; margin: 0 5px 0 0; height: 25px; width: 25px; } .Footer .Footer-text p { margin: 0; } .Footer .Footer-text { display:inline-block; color:#1A1A1A; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; } .Footer .Footer-text a:link { text-decoration: none; color: #61050A; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; } .Footer .Footer-text a:visited { text-decoration: none; color: #000000; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; } .Footer .Footer-text a:hover { text-decoration: none; color: #300305; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; } /* end Footer */ /* begin PageFooter */ .page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover { font-family:Arial; font-size:10px; letter-spacing:normal; word-spacing:normal; font-style:normal; font-weight:normal; text-decoration:underline; color:#8C8C8C; } .page-footer { margin:1em; text-align:center; text-decoration:none; color:#8C8C8C; } /* end PageFooter */ /* begin LayoutCell */ .contentLayout .sidebar1 { position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 218px; } /* end LayoutCell */ /* begin LayoutCell */ .contentLayout .content { position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 655px; } .contentLayout .content-wide { position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 873px; } /* end LayoutCell */ .contentLayout li { float: none; } table.moduletable th { font-size: 140%; padding: .5em 0em; } #footer { text-align: center; } .breadcrumbs { display: block; padding: .7em 0em; } .contentpaneopen span.small, .contentpaneopen td.createdate, .contentpaneopen td.modifydate { font-size: 75%; padding-bottom: 1em; } .column_separator { padding-left: .4em; } .pagination span { padding: 2px; } .pagination a { padding: 2px; } div.offline { background: #fffebb; width: 100%; position: absolute; top: 0; left: 0; font-size: 1.2em; padding: 5px; } span.pathway { display: block; margin: 0 20px; height: 16px; line-height: 16px; overflow: hidden; } /* headers */ table.moduletable th, legend { margin: 0; font-weight: bold; font-family: Helvetica,Arial,sans-serif; font-size: 1.5em; padding-left: 0px; margin-bottom: 10px; text-align: left; } /* form validation */ .invalid { border-color: #ff0000; } label.invalid { color: #ff0000; } /** overlib **/ .ol-foreground { background-color: #f6f6f6; } .ol-background { background-color: #666; } .ol-textfont { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .ol-captionfont { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #f6f6f6; font-weight: bold; } .ol-captionfont a { color: #0B55C4; text-decoration: none; font-size: 12px; } /* spacers */ span.article_separator { display: none; } .column_separator { padding-left: 10px; } td.buttonheading img { border: none; } .clr { clear: both; } div#maindivider { border-top: 1px solid #ddd; margin-bottom: 10px; overflow: hidden; height: 1px; } table.blog span.article_F { display: none; } /* edit button */ .contentpaneopen_edit { float: left; } /* table of contents */ table.contenttoc { margin: 5px; border: 1px solid #ccc; padding: 5px; float: right; } table.contenttoc td { padding: 0 5px; } /* content tables */ td.sectiontableheader { background: #efefef; color: #333; font-weight: bold; padding: 4px; border-right: 1px solid #fff; } tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td { /*padding: 4px;*/ } td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { /*padding: 3px;*/ } /* content styles */ table.contentpaneopen, table.contentpane { margin: 0; padding: 0; width: auto; } table.contentpaneopen li { margin-bottom: 5px; } table.contentpaneopen fieldset { border: 0; border-top: 1px solid #ddd; } table.contentpaneopen h3 { margin-top: 25px; } table.contentpaneopen h4 { font-family: Arial, Helvetica, sans-serif; color: #333; } .highlight { background-color: #fffebb; } /* module control elements */ table.user1user2 div.moduletable { margin-bottom: 0px; } div.moduletable, div.module { margin-bottom: 25px; } div.module_menu h3 { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #eee; margin: -23px -4px 5px -5px; padding-left: 10px; padding-bottom: 2px; } div.module_menu { margin: 0; padding: 0; margin-bottom: 15px; } div.module_menu div div div { padding: 10px; padding-top: 30px; padding-bottom: 15px; width: auto; } div.module_menu div div div div { background: none; padding: 0; } div.module_menu ul { margin: 10px 0; padding-left: 20px; } div.module_menu ul li a:link, div.module_menu ul li a:visited { font-weight: bold; } #leftcolumn div.module { padding: 0 10px; } #leftcolumn div.module table { width: auto; } /* forms */ table.adminform textarea { width: 540px; height: 400px; font-size: 1em; color: #000099; } div.search input { width: 145px; border: 1px solid #ccc; margin: 15px 0 10px 0; } form#form-login { text-align: left; } form#form-login fieldset { border: 0 none; margin: 0; padding: 0.2em; } form#form-login ul { list-style-type: none; margin: 0; padding: 0; } form#form-login ul li { background-image: none; padding: 0; } #modlgn_username, #modlgn_passwd { width: 90%; } #form-login-username, #form-login-password, #form-login-remember { display: block; margin: 0; } form#com-form-login { text-align: left; } form#com-form-login fieldset { border: 0 none; margin: 0; padding: 0.2em; } form#com-form-login ul { list-style-type: none; margin: 0; padding: 0; } form#com-form-login ul li { background-image: none; padding: 0; } /* thumbnails */ div.mosimage { margin: 5px; } div.mosimage_caption { font-size: .90em; color: #666; } div.caption { padding: 0 10px 0 10px; } div.caption img { border: 1px solid #CCC; } div.caption p { font-size: .90em; color: #666; text-align: center; } /* Parameter Table */ table.paramlist { margin-top: 5px; } table.paramlist td.paramlist_key { width: 128px; text-align: left; height: 30px; } div.message { font-weight: bold; font-size: 14px; color: #c30; text-align: center; width: auto; background-color: #f9f9f9; border: solid 1px #d5d5d5; margin: 3px 0px 10px; padding: 3px 20px; } /* Banners module */ /* Default skyscraper style */ .banneritem img { display: block; margin-left: auto; margin-right: auto; } /* Text advert style */ .banneritem_text { padding: 4px; font-size: 11px; } .bannerfooter_text { padding: 4px; font-size: 11px; background-color: #f7f7f7; text-align: right; } /* System Messages */ /* see system general.css */ .pagination span { padding: 2px; } .pagination a { padding: 2px; } /* Polls */ .pollstableborder { margin-top: 8px; } .pollstableborder td { text-align: left; } /* WebLinks */ span.description { display: block; padding-left: 30px; } /* Frontend Editing*/ fieldset { border: 1px solid #ccc; margin-top: 15px; padding: 15px; } legend { margin: 0; padding: 0 10px; } td.key { border-bottom: 1px solid #eee; color: #666; } /* Tooltips */ .tool-tip { float: left; background: #ffc; border: 1px solid #d4d5aa; padding: 5px; max-width: 200px; } .tool-title { padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../system/images/selector-arrow.png) no-repeat; } .tool-text { font-size: 100%; margin: 0; } /* System Standard Messages */ #system-message { margin-bottom: 20px; } #system-message dd.message ul { background: #c3d2e5 url(../../system/images/notice-info.png) 4px center no-repeat; border-top: 3px solid #de7a7b; border-bottom: 3px solid #de7a7b; margin:0px; padding-left: 40px; text-indent:0px; } /* System Error Messages */ #system-message dd.error ul { color: #c00; background: #e6c0c0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin: 0px; padding-left: 40px; text-indent: 0px; } /* System Notice Messages */ #system-message dd.notice ul { color: #c00; background: #efe7b8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #f0dc7e; border-bottom: 3px solid #f0dc7e; margin: 0px; padding-left: 40px; text-indent: 0px; } #syndicate { float: left; padding-left: 25px; } /* Component Specific Fixes */ #component-contact table td { padding: 2px 0; } .breadcrumbs img { margin: 0px; padding: 0px; border: 0px; } .mceToolbarTop { white-space: normal; } .mceEditor { background: none; } #archive-list { list-style-type: none; margin: 0px; padding: 0px; } #archive-list li { list-style-type: none; background-image: none; margin-left: 0px; padding-left: 0px; } #navigation { text-align: center; } .article h3 img { border: none; display: inline; margin: 0; padding: 0; } .Footer-text .moduletable { border: none; margin: 0; padding: 0; } к НГ типо подарок =)

так-точно, архив на фрихост, ссылку сюда, может еще желающие найдутся)

код css и html тут вряд-ли поможет. выложи шаблон если хочешь. у меня как раз жумла ща стоит на виртуалке)) а вообще слишком много когда, для такого простого меню, я бы переверстал.

Ништяк. Особенно понравилась фраза «классический самогонный аппарат...»

аффтар набрал 20 месаг, запостил сайт и свалил) соответственно, мнения о верстке его не интересуют, и топег можно удалить, как спамный =)

гг)) Цирк)) Проповедники черных методов

с shadowbox знаком понаслышке, не пробовал, highslide мне нравится. и лайтбокс еще) tousy что конкретно непонятно?

давайте ссылку на скрипт)

посути дела нужно возвращаться к тому, с чего когда-то начинал...

Потыкал у себя в клиенте, посмотрел что происходит в коде: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> </head> <body bgcolor="#ffffff" text="#000000"> <h1><font face="Arial">Заголовок</font></h1> <br> <img alt="яч" src="file:///D:/img/Photo-0022.jpg" height="352" width="469"> </body> </html> Пособие на постройке-ру как раз для такой темы

Мне кажется она была актуальна в период популярности всякого рода рассылок. Когда все кому не лень, брались кого-то чему-то учить. Сейчас интерес к этому вроде как подупал) А оно и к лучшему, письма, они должны оставаться письмами)

December 18th, 2008

http://users.tpg.com.au/j_birch/plugins/superfish/

Где ты этот мертвый бложик нашел?))