Перейти к содержимому


Пользователь месяца
magnet magnet 1-й за Январь
Очков активности: 621 0 тем, 69 сообщений, 6 баллов репутации
Сайт: rbfxdirect.com
ТОП самых активных за этот месяц
  • Фотография OlgaGetman
    #1

    OlgaGetman
    Очков активности: 1117.5 Вне конкурса за определение пользователя месяца

  • Фотография Андрей WPMasterKZ
    #2

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 592.5 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #3

    BLIK
    Очков активности: 585 0 тем, 39 сообщений, 10 баллов репутации

  • Фотография ShowPrint
    #4

    ShowPrint (ShowPrint.ru)
    Очков активности: 577.5 Вне конкурса за определение пользователя месяца

  • Фотография Ixman
    #5

    Ixman (o5cat.ru)
    Очков активности: 480 Вне конкурса за определение пользователя месяца

  • Фотография Mandarin
    #6

    Mandarin
    Очков активности: 232.5 0 тем, 31 сообщение, 5 баллов репутации

  • Фотография r0mZet
    #7

    r0mZet (rz-style.ru)
    Очков активности: 108 0 тем, 18 сообщений, 4 балла репутации

  • Фотография magnet
    #8

    magnet (rbfxdirect.com)
    Очков активности: 105 Вне конкурса за определение пользователя месяца

  • Фотография pozitron123
    #9

    pozitron123
    Очков активности: 54 4 темы, 24 сообщения, 1 балл репутации

  • Фотография player09
    #10

    player09
    Очков активности: 45 4 темы, 18 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Новый Teasernet

Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 25.12.2018
  • Яндекс выдача: 19.02.2019
Топ 5 участников по репутации


Описание изображения caption

#1 sol

sol
  • Неактивные
  • 19 сообщений
  • Репутация: 0
0

Отправлено 07 May 2009 - 15:38

Описание изображения:

HTML:

<div class="img-desc">
  <img src="sample.jpg" width="575" height="335" alt="" />
  <cite>Salone del mobile Milano, April 2008 - Peeta</cite>
</div>

CSS:

.img-desc{
  position: relative;
  display: block;
  width: 575px;
  height:335px
}
.img-desc cite{
  background: #111;
  filter:alpha(opacity=55);
  opacity:0.55;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 555px;
  padding: 10px;
  border-top: 1px solid #999
}

пример http://www.sohtanaka...dow/caption.htm


Тупо скопировал хтмл между тэгами боди, css в отдельный файл
Получил следующее: есть изображение, описание к нему аккуратно расположилось справа
Не пойму в чем проблема
Плз проверьте у себя

p.s. путь к css прописан 100% верно

 

 

  • 0

#2 ZiTosS

ZiTosS
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

Отправлено 07 May 2009 - 18:29

sol, print-screen в студию. А так же код HTML приложите полный. Я вставил ваш код в один цельный HTML. Всё работает нормально
<html>
<head>
<style type="text/css">
.img-desc{
position: relative;
display: block;
width: 575px;
height:335px
}
.img-desc cite{
background: #111;
filter:alpha(opacity=55);
opacity:0.55;
color: #fff;
position: absolute;
bottom: 0;
left: 0;
width: 555px;
padding: 10px;
border-top: 1px solid #999
}
</style>
</head>
<body>
<div class="img-desc">
<img src="sample.jpg" width="575" height="335" alt="" />
<cite>Salone del mobile Milano, April 2008 - Peeta</cite>
</div>
</body>
</html>

  • 0

#3 sol

sol
    Topic Starter
  • Неактивные
  • 19 сообщений
  • Репутация: 0

Отправлено 07 May 2009 - 21:58

Все решил. спасибо
  • 0

#4 sol

sol
    Topic Starter
  • Неактивные
  • 19 сообщений
  • Репутация: 0

Отправлено 08 May 2009 - 02:25

одна проблема ушла, другая пришла ))))))))
помогите пожалуйста....


хтмл

<!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>
<link rel="stylesheet" type="text/css" href="css.css" />
</head>
<body>
<div id="content">
<table class="table">
<tr>
<td ><a href="#"></a><img src="img/1.jpeg" class="img-desc"><cite>Подпись</cite></td>
<td ><a href="#"></a><img src="img/2.jpeg" class="img-desc"><cite>Подпись</cite></td>
<td ><a href="#"></a><img src="img/3.jpeg" class="img-desc"><cite>Подпись</cite></td>
<td rowspan="2"><a href="#"></a></td>
</tr>
<tr>
<td ><a href="#"></a><img src="img/4.jpeg" class="img-desc"><cite>Подпись</cite></td>
<td ><a href="#"></a><img src="img/5.jpeg" class="img-desc"><cite>Подпись</cite></td>
<td ><a href="#"></a><img src="img/6.jpeg" class="img-desc"><cite>Подпись</cite></td>
</tr>
</table>
</div>
</body>
</html>

css
.img-desc{
position: relative;
display: block;
width: 180px;
height:237px
}
.img-desc cite{
background: #111;
filter:alpha(opacity=55);
opacity:0.55;
color: #fff;
position: absolute;
bottom: 0;
left: 0;
width: 180px;
padding: 10px;
border-top: 1px solid #999;
}

Почему не отображается как в примере http://www.sohtanaka...dow/caption.htm
  • 0

#5 ZiTosS

ZiTosS
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

Отправлено 08 May 2009 - 17:46

Так не будет работать... Вот так будет :P
<!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>
<link rel="stylesheet" type="text/css" href="css.css" />
</head>
<body>
<div id="content">
<table class="table">
<tr>
<td ><div class="img-desc"><img src="img/1.jpeg"><cite>Подпись</cite></div></td>
<td ><div class="img-desc"><img src="img/2.jpeg"><cite>Подпись</cite></div></td>
<td ><div class="img-desc"><img src="img/3.jpeg"><cite>Подпись</cite></div></td>
<td rowspan="2"><a href="#"></a></td>
</tr>
<tr>
<td ><div class="img-desc"><img src="img/4.jpeg"><cite>Подпись</cite></div></td>
<td ><div class="img-desc"><img src="img/5.jpeg"><cite>Подпись</cite></div></td>
<td ><div class="img-desc"><img src="img/6.jpeg"><cite>Подпись</cite></div></td>
</tr>
</table>
</div>
</body>

</html>

  • 0

#6 sol

sol
    Topic Starter
  • Неактивные
  • 19 сообщений
  • Репутация: 0

Отправлено 09 May 2009 - 18:40

ZiTosS, ОГРОМНОЕ СПАСИБО!

если знаешь помоги плз, нужен код вывода выпадающего списка типа select (надеюсь понятно объяснил, не знаю как иначе)
  • 0

#7 ZiTosS

ZiTosS
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

Отправлено 10 May 2009 - 15:15

Не понял толком вопроса. Но вот обычный выпадающий список в HTML
<select name="mySelect">
<option value="1"> Первый вариант </option>
<option value="2"> Второй вариант </option>
<option value="3"> Третий вариант </option>
<option value="..."> ... </option>
<option value="N"> N-ный вариант </option>
</select>

  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru