Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: нахлест объктов
 
 автор: 757   (02.12.2005 в 11:21)   письмо автору
 
 

Как разместить один объект над другим. К примеру, как крест, где одна перекладина черная другая красная?

   
 
 автор: AlexSol   (02.12.2005 в 12:30)   письмо автору
 
   для: 757   (02.12.2005 в 11:21)
 

в html:

<div id="horizont">...</div>

<div id="vert">...</div>

в CSS:

#horizont {
position:absolutle;
top:..px;
left:..px;
}
#vert {
position:absolutle;
top:..px;
left:..px;
}


//для креста лучше сразу сделать одну картинку

[поправлено модератором]

   
 
 автор: 757   (02.12.2005 в 12:42)   письмо автору
 
   для: AlexSol   (02.12.2005 в 12:30)
 

Картинка много займет места, плюс там и там будет текст.

   
 
 автор: AlexSol   (02.12.2005 в 12:58)   письмо автору
 
   для: 757   (02.12.2005 в 12:42)
 

смотря какая картинка...(на css ее можно задать фоном)
попробуй абсолютное позициионирование, тамже для div можно :

background: url(адрес без кавычек) no-repeat top left;
height: высота px;
width: ширина px;

   
 
 автор: 757   (02.12.2005 в 13:07)   письмо автору
 
   для: AlexSol   (02.12.2005 в 12:58)
 

если честно, то непонял. В Html делается таблица задаетсь размер height =,width=, цвет bgcolor=, а тут url (). Я совсем новичок в CSS.

   
 
 автор: AlexSol   (02.12.2005 в 13:34)   письмо автору
 
   для: 757   (02.12.2005 в 13:07)
 

в html
<head>

<link rel="stylesheet" type="text/css" href="./main.css">

</head>
<body>

<div id="horizont">...</div>

<div id="vert">...</div>

</body>
в этой же папке создаешь файл main.css в нем пишешь:

#horizont {
position: absolute;
top:200px;
left:200;
text-align: center;
width:200px;
height:50px;
background:#F3CFAA url(адрес) no-repeat top left;
}
#vert {
position: absolute;
top:100px;
left:300;
text-align: center;
width:50px;
height:200px;
background:#F3CFAA url(адрес) no-repeat top left;
}


играй с настройками top, left,width,height

если адрес фоновой картинки неверен, то используется заливка указанного цвета

смотри пример

   
 
 автор: 757   (02.12.2005 в 15:31)   письмо автору
 
   для: AlexSol   (02.12.2005 в 13:34)
 

Спасибо! Все понял. Красота!

   
 
 автор: AlexSol   (02.12.2005 в 15:34)   письмо автору
 
   для: 757   (02.12.2005 в 15:31)
 

посмотри

http://oldcss.manual.ru/

для начала не плохо

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования