money121
-
Posts
11 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by money121
-
-
Огромное Спасибо! Все оказывается так просто), а я два дня мучаюсь.
Странно только кодировка у меня в index.html стоит и так utf8
-
Вот ссылка:
Полный код:
<!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></title>
<meta name="title" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />
<!--[if lte IE 6]><link rel="stylesheet" href="style_ie.css" type="text/css" media="screen, projection" /><![endif]-->
</head>
<body>
<div id="wrapper">
<div id="header">
<a href="#"><img class="logo-padding" src="img/logo.png" /></a>
<form action="" method="post">
<input type="text" class="poisk">
<input type="submit" value="" class="poisk-rnopka">
</form>
</div><!-- #header-->
<div id="menu">
<a href="#"><img src="img/menu-home.png" /></a>
<a href="#"><img src="img/menu-katalog.png" /></a>
<a href="#"><img src="img/menu-sotrudnicestvo.png" /></a>
<a href="#"><img src="img/menu-dostavka.png" /></a>
<a href="#"><img src="img/menu-articles.png" /></a>
<a href="#"><img src="img/menu-news.png" /></a>
<a href="#"><img src="img/menu-kontakt.png" /></a>
</div><!-- #menu-->
</div><!-- #wrapper -->
<div id="polosa">
</div>
<div id="contener-fon">
<div id="content">
<h2>Новости компании</h2>
<a href="#" class="a-link"><span class="date-color">14.02.2011</span>
<p class="line">Обновление Ассортимента: Трубки SAVINELLI, MASTRO DE PAJA, LORENZETTI</p></a>
<a href="#" class="a-link"><span class="date-color">14.02.2011</span>
<p class="line">Обновление Ассортимента: Трубки SAVINELLI, MASTRO DE PAJA, LORENZETTI</p></a>
<a href="#" class="a-link"><span class="date-color">14.02.2011</span>
<p class="line">Обновление Ассортимента: Трубки SAVINELLI, MASTRO DE PAJA, LORENZETTI</p></a>
<a href="#" class="a-link"><span class="date-color">14.02.2011</span>
<p class="line">Обновление Ассортимента: Трубки SAVINELLI, MASTRO DE PAJA, LORENZETTI</p></a>
<a href="#" class="a-link"><span class="date-color">14.02.2011</span>
<p class="line">Обновление Ассортимента: Трубки SAVINELLI, MASTRO DE PAJA, LORENZETTI</p></a> </div>
<!-- #content-->
</div><!-- #contener-fon-->
<div id="fot">
<div id="fot1">
<a href="#"><img src="img/k1.png"</a>
<a href="#"><img src="img/k2.png"</a>
<a href="#"><img src="img/k3.png"</a>
</div>
</div>
<div id="footer">
Минздравсоцразвития России предупреждает: курение вредит вашему здоровью<br />
Табачные изделия не продаются лицам, не достигшим 18 лет.
</div><!-- #footer -->
</body>
</html>* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
height: 100%;
background-image:url(img/header-bg.jpg);
background-repeat:repeat-x;
background-color:#000000;
}
a {
color:#6c5d4e;
outline: none;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
p {
margin: 0 0 18px;
font-family:Arial, Helvetica, sans-serif;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
padding-bottom:50px;
padding-top:30px;
}
img {
border: none;
}
input {
vertical-align: middle;
}
#wrapper {
width: 1036px;
min-width: 1000px;
height: auto !important;
height: 100%;
margin:auto;
}
/* Header
—————————————————————————--*/
#header {
height: 102px;
background-image:url(img/header.jpg);
background-repeat:no-repeat;
}
/* Middle
—————————————————————————--*/
#content {
padding: 0 0 75px;
color:#967e69;
background-image:url(img/n.png);
background-position:0px 25px;
background-repeat:no-repeat;
background-color:#181818;
padding-left:55px;
padding-top:20px;
width:1036px;
margin:auto;
}
#contener-fon {
background-color:#181818;
}
/* Footer
—————————————————————————--*/
#footer {
margin: -75px auto 0;
min-width: 1000px;
height: 75px;
background: #1a1a1a;
color:#484747;
padding-left:230px;
}
.logo-padding {
margin-top:17px;}
#menu {
width:1036px;
float:left;
margin-top:-115px;
}
.poisk {
background-image:url(img/search-area.png);
background-repeat:no-repeat;
width:213px;
height:22px;
border:none;
float:right;
margin-top:-30px;
margin-right:150px;
color:#FFFFFF;
padding-left:15px;
position:relative;
z-index:1;}
.poisk-rnopka {
background-image:url(img/search-button.png);
background-repeat:no-repeat;
width:101px;
height:22px;
border:none;
margin-left:870px;
margin-top:-56px;
outline:none;
position: relative;
z-index:2;}
#polosa {
clear:both;
background-image:url(img/1.png);
background-repeat:repeat-x;
height:24px;
width:100%;}
.date-color {
color:#979797;}
.line {
background-image:url(img/line.png);
background-repeat:no-repeat;
background-position:-5px 23px;
padding-bottom:25px;
}
.a-link {
color:#6c5d4e;
text-decoration: none;
display:block;
padding: 20px 0 0 40px;
margin-left:70px;
}
.a-link:hover {
background-image:url(img/a-hover.png);
background-position: 50% 0;
background-repeat:no-repeat;
}
#fot {
background-image:url(img/fut-fon.png);
background-repeat:repeat-x;
height:116px;
margin:auto;
margin-bottom:70px;}
#fot1 {
float:right;
margin-top:80px;
padding-right:375px;} -
Нет не работает!
Неужели нет решения?
Паддинг слева тоже не нужен, текст должен находится где находится, а фон псевдо класса как-то сдвинуть влево.
-
С помощью паддингов двигается текст, а бекграунд остаётся на месте.
Можно конечно центрировать текст и он будет по середине бекграунда, но мне нужно чтобы текст оставался там где есть, нужно подвинуть влево сам бекграунд псевдокласса!
-
-
-
Есть ссылки при наведении на них должен появляться бэкграунд, сам бэкграунд шире ссылок, и начинается он при наведении с первой буквы ссылки и дальше идет пока незакончится.
Так вот вопрос как мне центрировать этот бэкграунд?
<a href="#" class="a-link"><span class="date-color">14.02.2011</span>
<p class="line">Обновление Ассортимента</p></a>
<a href="#" class="a-link"><span class="date-color">14.02.2011</span>
<p class="line">Обновление Ассортимента</p></a>
<a href="#" class="a-link"><span class="date-color">14.02.2011</span>
<p class="line">Обновление Ассортимента</p></a>.a-link {
color:#6c5d4e;
text-decoration: none;
display:block;
height:80px;
width:934px;
padding-top:20px;
margin-left:70px;
}
.a-link:hover {
background-image:url(img/a-hover.png);
display:block;
height:80px;
width:934px;
} -
Такая загвоздка! Нужно поставить флеш баннер на сайт.
Что мне прописать в html коде чтобы он отображался на сайте?
И как мне его поставить в определенное место на странице?
Если кто знает расскажите а то я новичек в этом деле!!!
-
А как это сделать, я просто новичек в этом деле
-
Возник такой вопрос! Вот Html код меню и его стиль, мне нужно сделать так чтобы для одного
пункта меню (Акции) был другой стиль (точнее чтобы этот пункт меню был красного цвета, а при
наведении курсора синего), как мне это сделать, а то чето сижу и немогу никак вникнуть!!!
HTML
<tr>
<td class="left" valign="top">
<div id="menu">
<div class="m"><a href="/about/" class="menu_a">О компании</a></div>
<div class="m"><a href="/news/" class="menu_a">Новости компании</a></div>
<div class="m"><a href="/articles/" class="menu_a">Статьи</a></div>
<div class="m"><a href="/shop/" class="menu_a">Каталог</a></div>
<div class="m"><a href="/akcia/" class="menu_a">Акции</a></div>
<div class="m"><a href="/servise/" class="menu_a">Доставка</a></div>
<div class="m"><a href="/usloviya/" class="menu_a">Условия</a></div>
<div class="m"><a href="/contact/" class="menu_a">Контакты</a></div>
</div>
CSS
.left {width:289px; height:100%;}
#menu{padding-left: 40px;text-align:left;}
.m {font-weight: normal; font-family: Times New Roman; font-size: 16pt; padding-top:10px;}
.m a{color: #ED9823; text-decoration: underline;}
.m a:hover{color: #FFF; text-decoration: none;}
hover как центрировать фон
in HTML Coding
Posted
Ок Спасибо получилось