[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: позиционирование на стр.
johniek_comp
Есть такой стиль.
Контент выводит по центру по средине, мне надо его прижать в верхний левый угол, когда удаляю файл стиля его прижимает туда, но летит весь стиль, надоело уже клацать этот css, помогите:
Свернутый текст
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
body {
line-height:1;
color:black;
background:white;
}
table {
border-collapse:separate;
border-spacing:0;
}
caption, th, td {
text-align:left;
font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
display: block;
}

/*======================*/
/*=== Основные стили ===*/
/*==================---=*/

body {
font:14px/1.6 Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
color:#2d3536;
background:#e8e0c0 url(images/background.png) repeat;
text-shadow:0 1px 0 #fff;
}

a, a:visited {
color:#2d3536;
text-decoration:none;
border-bottom:1px dotted #826a4d;
}
a:hover, a:active {
color:#9e805c;
text-decoration:none;
}


/*===========================================*/
/*=== Пользовательские стили для слайдера ===*/
/*===========================================*/

#slider-wrapper {
background:url(images/slider.png) no-repeat;
width:494px;
height:310px;
margin:0 auto;
padding-top:23px;
margin-top:50px;
}

#slider {
position:relative;
width:430px;
height:250px;
margin-left:32px;
background:url(images/loading.gif) no-repeat 50% 50%;
}



.nivo-controlNav:hover{opacity: 1;}

.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(images/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:0px;
float:left;
}
.nivo-controlNav a.active {
background-position:0 -22px;
}

.nivo-directionNav a {
display:block;
width:35px;
height:65px;
background:url(images/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-35px 0;
right: -40px;
}

a.nivo-nextNav:hover{right: -41px;}

a.nivo-prevNav {
left:-40px;
}
a.nivo-prevNav:hover{left: -41px;}

.nivo-caption {
text-shadow:none;
font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
color:#efe9d1;
text-decoration:underline;
}

.nivo-directionNav a{top: 40%;}

/*====================*/
/*=== Другие стили ===*/
/*====================*/

.clear {
clear:both;
}




Спустя 15 минут, 15 секунд (28.08.2011 - 19:51) sebastjan написал(а):
smile.gif

Спустя 3 минуты, 8 секунд (28.08.2011 - 19:54) johniek_comp написал(а):
sebastjan
что?

Спустя 34 минуты, 43 секунды (28.08.2011 - 20:29) Winston написал(а):
Покажи html

Спустя 4 минуты, 7 секунд (28.08.2011 - 20:33) sebastjan написал(а):
улыбнуло
дай сылку или выложи полный лист хтмл и стиля.
Оформи нормально, есть для этого кнопка хтмл и коде и цсс.
Но я бы задумался над основами хтмл.

Спустя 21 минута, 11 секунд (28.08.2011 - 20:54) johniek_comp написал(а):
http://ruseller.com/lessons/les1094/demo_1094.zip

здесь можно скачать.

так если я удаляю основной файл стиля слайдер будет в лево верхнем углу, значить это где-то в этом коде.

Спустя 7 минут, 5 секунд (28.08.2011 - 21:01) johniek_comp написал(а):
а что улыбнуло не пойму?

Спустя 1 час, 11 минут, 22 секунды (28.08.2011 - 22:12) Xes написал(а):
Че куда прижать объясни словами ни че не понятно. Создай свой собственный div запихай в него слайдер. И позиционируй уже этот див.

Спустя 13 минут, 15 секунд (28.08.2011 - 22:26) sebastjan написал(а):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<html
lang="ru">
<head>
<title>
Демонстрация модификации слайдера Nivo Slider | Материалы сайта RUSELLER.COM</title>
<link
rel="stylesheet" href="../nivo-slider.css" type="text/css" media="screen" />
<link
rel="stylesheet" href="style.css" type="text/css" media="screen" />
<style>

#blok{
float: left;
}
</style>
</head>
<body>
<div
id="blok">
<div
id="slider" class="nivoSlider">
<img
src="images/toystory.jpg" alt="" />
<img
src="images/up.jpg" alt="" />
<img
src="images/walle.jpg" alt="" />
<img
src="images/nemo.jpg" alt="" />
</div>
</div>
<script
type="text/javascript" src="scripts/jquery-1.4.3.min.js"></script>
<script
type="text/javascript" src="../jquery.nivo.slider.pack.js"></script>
<script
type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({directionNavHide:false});
});
</script>
</body>
</html>



хтмл основы улыбнули. ;)

Спустя 1 час, 18 минут, 43 секунды (28.08.2011 - 23:44) johniek_comp написал(а):
все все..а #blok{
float: left;
}

реально не знал

Спустя 3 минуты, 13 секунд (28.08.2011 - 23:47) sebastjan написал(а):
Оооо... тогда тебе придётся с многим поудевляться, этот самый флоат , чуть ли не во главе всей див вёрстки стоит. biggrin.gif



_____________
user posted image
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.