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

HTML+CSS+JavaScript

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

 

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

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

тема: Стили .
 
 автор: dima2207   (13.01.2008 в 05:08)   письмо автору
 
 

Всем привет !
Как с помощью стилей сделать чтобы надпись была под картинкой а-не справа и чтобы надпись невыходила за пределы картинки .
есть код :

#motioncontainer {
margin:0 auto;/*  Uncomment this line if you wish to center the gallery on page */
width: 600px; /* Set to gallery width, in px or percentage */
height: 150px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */

}

   
 
 автор: THERAPYbrother   (13.01.2008 в 07:33)   письмо автору
 
   для: dima2207   (13.01.2008 в 05:08)
 

используйте слои,
картинка z-index:2;
текст z-index:1;

   
 
 автор: dima2207   (13.01.2008 в 11:06)   письмо автору
 
   для: THERAPYbrother   (13.01.2008 в 07:33)
 

Как это сделать , если у меня каринки выводятся в цыкле в ряд :



<div id="motioncontainer" style="position:relative;overflow:hidden;">
<div id="motiongallery" style="position:absolute;left:50;top:0;white-space: nowrap;">
 <nobr id="trueContainer">
                    <? for ($t=1;$t<count($news1);$t++){
    if (
$news1[$t]==''){}
    else {
?>     
<a href="<?=@$news1[$t];?>" rel="lightbox" title="<center><font color=red><?=@$news3[$t];?><br>СКАЧАТЬ ЭТО ФИЛЬМ</font></center>" rev="index.php?oz=<?=@$news2[$t];?>"><img src="<?=@$news1[$t];?>" width="70" height="111" alt="" border="0"></a>

                           <?
                           
}
                           
?>
                </nobr>
                </div>
              </div>

   
 
 автор: THERAPYbrother   (13.01.2008 в 12:20)   письмо автору
 
   для: dima2207   (13.01.2008 в 11:06)
 

подставте стлили в img

   
 
 автор: dima2207   (13.01.2008 в 12:22)   письмо автору
 
   для: THERAPYbrother   (13.01.2008 в 12:20)
 

Как ? Приведите пример .

   
 
 автор: THERAPYbrother   (13.01.2008 в 12:31)   письмо автору
 
   для: dima2207   (13.01.2008 в 12:22)
 

вы абсолютно не знаете css?
я еще даже код не смотрел)ща попробую разобраться

   
 
 автор: dima2207   (13.01.2008 в 12:54)   письмо автору
 
   для: THERAPYbrother   (13.01.2008 в 12:31)
 

Нет , бесполезно align непомогает !

   
 
 автор: THERAPYbrother   (13.01.2008 в 13:49)   письмо автору
 
   для: dima2207   (13.01.2008 в 12:54)
 

вставте

img{
z-index:2;
}

   
Rambler's Top100
вверх

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