Форум PHP программистов > Позиционирование блоков

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Каролина

12.06.2012 - 09:40

вот мой код

<html>
<head>
<title>
Наш 6 класс
</title>
<style type="text/css">
h1 {
 border-width: 12px;
 border-style: INSET;
 border-color: blue;
 font-size:150px;
}

.box1 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;

 }
.box2 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box3 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box4 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box5 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box6 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box7 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box8 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box9 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box10 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box11 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box12 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box13 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box14 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box15 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box16 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box17 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box18 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box19 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box20 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box21 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box22 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box23 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box24 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box25 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box26 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box27 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }
.box28 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;
 }


</style>

<body>
<center><b><h1>НАШ 6-А КЛАСС</h1></b></center>
<div class="box1"><a href="nashclas.16mb.com/infoid1">Борисенко Карина</a></div>
<div class="box2"><a href="nashclas.16mb.com/infoid2">Борисенко Кристина</a></div>
<div class="box3"><a href="nashclas.16mb.com/infoid3">Будко Екатерина</a></div>
<div class="box4"><a href="nashclas.16mb.com/infoid4">Гуминская Анастасия</a></div>
<div class="box5"><a href="nashclas.16mb.com/infoid5">Золотопуп Анастасия</a></div>
<div class="box6"><a href="nashclas.16mb.com/infoid6">Козленко Наталья</a></div>
<div class="box7"><a href="nashclas.16mb.com/infoid7">Константиненко Ярослав</a></div>
<div class="box8"><a href="nashclas.16mb.com/infoid8">Корнеев Данил</a></div>
<div class="box9"><a href="nashclas.16mb.com/infoid9">Лопатенко Анна</a></div>
<div class="box10"><a href="nashclas.16mb.com/infoid10">Максименко Екатерина</a></div>
<div class="box11"><a href="nashclas.16mb.com/infoid11">Манин Анатолий</a></div>
<div class="box12"><a href="nashclas.16mb.com/infoid12">наумов Виталий</a></div>
<div class="box13"><a href="nashclas.16mb.com/infoid13>Павлов Дмитрий</a></div>
<div class="box14"><a href="nashclas.16mb.com/infoid14">Полищук Анастасия</a></div>
<div class="box15"><a href="nashclas.16mb.com/infoid15">Поспелова Каолина</a></div>
<div class="box16"><a href="nashclas.16mb.com/infoid16">Проценко Валерия</a></div>
<div class="box17"><a href="nashclas.16mb.com/infoid17">Рамашов Александр</a></div>
<div class="box18"><a href="nashclas.16mb.com/infoid18">Слепцова Анастасия</a></div>
<div class="box19"><a href="nashclas.16mb.com/infoid19">Стиранец Максим</a></div>
<div class="box20"><a href="nashclas.16mb.com/infoid20">Торжинская Екатерина</a></div>
<div class="box21"><a href="nashclas.16mb.com/infoid21">Химченко Юлия</a></div>
<div class="box22"><a href="nashclas.16mb.com/infoid22">Цегельник Данил</a></div>
<div class="box23"><a href="nashclas.16mb.com/infoid23">Цымбалюк Алексей</a></div>
<div class="box24"><a href="nashclas.16mb.com/infoid24">Черножуков Радион</a></div>
<div class="box25"><a href="nashclas.16mb.com/infoid25">Чернушенко Кирилл</a></div>
<div class="box26"><a href="nashclas.16mb.com/infoid26">Чуй Елизовета</a></div>
<div class="box27"><a href="nashclas.16mb.com/infoid27">Чмаченко Андрей</a></div>
<div class="box28"><a href="nashclas.16mb.com/infoid28">Шукюров Рашад</a></div>


 </body>
 </html>

нужно поднять box1 и все остальные блоки до начала ну до рамки(вверх до рамы) ток незнаю как position не получается.

Спустя 6 минут, 22 секунды (12.06.2012 - 08:46) Winston написал(а):

Пропиши для стилей

position: relative;
top: -10; /* Или другое отрицательное значение */

Спустя 9 минут, 58 секунд (12.06.2012 - 08:56) Каролина написал(а):

спс

Спустя 3 часа, 40 минут, 3 секунды (12.06.2012 - 12:36) sebastjan написал(а):

Winston
Не настаиваю , но и релатив не совсем удачное рашение.
Думаю удобней с отступами работать.


h1 {
	border-width: 12px;
	border-style: INSET;
	border-color: blue;
	font-size:150px;
	margin-bottom: 0px;
}

Хотя по всему увиденному могу сказать что что девочка так и не стала изучать ЦСС.

Спустя 49 минут, 14 секунд (12.06.2012 - 13:25) Каролина написал(а):

я его с 1 класса знаюж подзабыла просто

Спустя 2 минуты, 7 секунд (12.06.2012 - 13:28) inpost написал(а):

Это такой прикол 28 одинаковых свойств делать?

Спустя 1 минута, 18 секунд (12.06.2012 - 13:29) Каролина написал(а):

нет просто не хочу писать
.box1,.box2,...............{.................}

Спустя 1 минута, 40 секунд (12.06.2012 - 13:31) inpost написал(а):

им всем дать один и тот же класс, box1 и всё.

Спустя 41 минута, 27 секунд (12.06.2012 - 14:12) Каролина написал(а):

налажение блоков
нехочу создавать много тем.Сразу забанят на месяц
хочу сразу тут спрасить.
щас хочу припомнить наложение блоков вот чтото припомнила но не так пошло
скрипт.
смаил должен лечь на чорную полосу тоесть на изображение smail.jpg но у меня сам смаил уходит выше фона

<style type="text/css">


.box1 {
width:200px;
height:20px;
border:1px solid red;
background-color:orange;

 }
.smile {
 position: absolute;
 left: 500px;
 top: 200px;
z-index: 1;
 }

</style>

<body>

<img src="78470179_b_smayl_zdorovo.gif" width="100" height="100" name="smile">
<img src="smile.JPG">

Спустя 4 часа, 2 минуты, 17 секунд (12.06.2012 - 18:14) sebastjan написал(а):

Каролина
Ты что школу прогуливаешь или только уроки русского языка?
Чтоб одно легло на другое надо использовать позиционирование элементам, предварительно задав им класс или АйДи.

Спустя 15 минут, 26 секунд (12.06.2012 - 18:30) Shkiper написал(а):

Цитата (Каролина @ 12.06.2012 - 10:29)

нет просто не хочу писать
.box1,.box2,...............{.................}

Можно просто написать


div {
//Тут стили
}

Спустя 1 час, 49 минут, 31 секунда (12.06.2012 - 20:19) Каролина написал(а):

sebastjan нет просто засыпаю а по рускому у мя твердая 11

_____________
wmu (U398141202367)
wmr (R321962242752)[SIZE=7][COLOR=purple]

Быстрый ответ:

Здесь расположена полная версия этой страницы.