X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Описание изображения caption, Почему-то криво отображается
sol_mw
sol_mw
Topic Starter сообщение 7.5.2009, 16:38; Ответить: sol_mw
Сообщение #1


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

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.com/web-design/exampl...dow/caption.htm


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

p.s. путь к css прописан 100% верно
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 7.5.2009, 19:29; Ответить: ZiTosS
Сообщение #2


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>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sol_mw
sol_mw
Topic Starter сообщение 7.5.2009, 22:58; Ответить: sol_mw
Сообщение #3


Все решил. спасибо
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sol_mw
sol_mw
Topic Starter сообщение 8.5.2009, 3:25; Ответить: sol_mw
Сообщение #4


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


хтмл
<!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.com/web-design/exampl...dow/caption.htm
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 8.5.2009, 18:46; Ответить: ZiTosS
Сообщение #5


Так не будет работать... Вот так будет :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>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sol_mw
sol_mw
Topic Starter сообщение 9.5.2009, 19:40; Ответить: sol_mw
Сообщение #6


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

если знаешь помоги плз, нужен код вывода выпадающего списка типа select (надеюсь понятно объяснил, не знаю как иначе)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 10.5.2009, 16:15; Ответить: ZiTosS
Сообщение #7


Не понял толком вопроса. Но вот обычный выпадающий список в 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>


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Профессиональное ведение Ютуб канала. Услуги по YouTube, ВК, Твитер, ИНСТ, ФБ, G+, ОД описание Продвижение в соц. сетях
Хорошие цены по соц. сетям
165 regdark 144712 8.7.2022, 15:35
автор: regdark
Открытая тема (нет новых ответов) Нужны уник описания к видео (адалт), 10-15 руб. за 1 описание 250 - 350 символов
Либо скачивание видео, загрузка на сайт через фтп, + мета-описания
4 Admiral_ukr 2137 1.2.2021, 1:18
автор: underkio
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыОписание серий сериала Спартак
1 54web 1979 17.11.2018, 19:28
автор: Triniti_Wel_mw
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыТендер на описание группы ВК
оплата всем участникам
17 bodgo 6719 23.3.2018, 23:38
автор: Eva79
Открытая тема (нет новых ответов) Изображения с shutterstock от 15 рублей/штука
5 Mr_Big 3663 10.9.2017, 21:30
автор: Palundra


 



RSS Текстовая версия Сейчас: 29.3.2024, 14:22
Дизайн