Форум успешных вебмастеров - GoFuckBiz.com

  Форум успешных вебмастеров - GoFuckBiz.com > Бизнес-решения > Скрипты, программы и технические решения
Дата
USD/RUB58.6680
BTC/USD0.0000
Скрипты, программы и технические решения Обсуждаем скрипты, программы и новые технологии.

Закрытая тема
Опции темы Опции просмотра
Старый 19.04.2009, 20:09   #1
seocoder
хуйнанэ
 
Аватар для seocoder
 
Регистрация: 03.04.2007
Сообщений: 1,257
Бабло: $107486
Отправить сообщение для seocoder с помощью Skype™
По умолчанию CSS верстка. Сцуко жесть просто.

Уже час бъюсь. Надо поместить img в div с обрамлением border и вниз дива запихнуть полупрозраный див с любым текстом описанием.

Самая проблема с позиционированием нижнего дива, и то что img конечно всегда разный.

PHP код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<
title>Untitled Document</title>
<
style>
.
imgs {
    
border1px solid #000000;
    
floatleft;
    
padding0px;
    
}

.
test {
    
positionrelative;
    
z-index10;

    
left0px;
    
width100%;
    
height40px;
    
color white;
    
background-color:#CCCCCC;
}
</
style>
</
head>

<
body>
<
div class="imgs"><div><img src="topic.cfm_files/5736620t6k.jpg" />
<
div class="test">TESTER</div>
</
div>

</
div>
</
body>
</
html
Это делает почти что надо, но снизу дырка от дива остается полюбому (

Помогите уже кто нить

p.s. знатоки, ткните на простые туториалы про эти потоки в css.
seocoder вне форума  
Старый 19.04.2009, 22:25   #2
medar
кодер-энтузиаст
 
Аватар для medar
 
Регистрация: 04.04.2007
Адрес: Джамайка
Сообщений: 3,403
Бабло: $447120
По умолчанию

Ты хочешь описание к картинке в полупрозрачном диве сделать, типа как здесь - http://rangjungyeshe.ru/plug.php?e=gallery ? Или что ?
medar вне форума  
Старый 19.04.2009, 22:29   #3
seocoder
хуйнанэ
 
Аватар для seocoder
 
Регистрация: 03.04.2007
Сообщений: 1,257
Бабло: $107486
ТС -->
Отправить сообщение для seocoder с помощью Skype™
автор темы ТС По умолчанию

да, оно. ща позырим там css. там решение, таблица и див внутри. так не есть гуд.
если знаем размеры картинки, у меня вышло.
а для произвольной картинки - нет ((
seocoder вне форума  
Старый 19.04.2009, 22:29   #4
xosino
student
 
Аватар для xosino
 
Регистрация: 04.04.2007
Адрес: Deutschland
Сообщений: 88
Бабло: $4614
По умолчанию

тоже провозился мин 15 потом в гуглю как всегда img bottom border fix
первый линк
http://www.webmasterworld.com/forum83/8013.htm
"img {
display:block;
} " у меня заработало

или я не так понял :/
__________________
Знающий не говорит, а говорящий не знает.
xosino вне форума  
Старый 19.04.2009, 22:43   #5
seocoder
хуйнанэ
 
Аватар для seocoder
 
Регистрация: 03.04.2007
Сообщений: 1,257
Бабло: $107486
ТС -->
Отправить сообщение для seocoder с помощью Skype™
автор темы ТС По умолчанию

в лисе помогло. в ие7 нижний блок не растягивается на ширину картинки
Код:
<style>
.imgs {
	float: left;
	padding: 0px;
	margin: 0px;
	overflow:hidden;

}

.test {
	z-index: 10;
	position:relative;
	height: 40px;
	color : black;
	bottom:40px;
	width: 100%;
	background-color:#CCCCCC;
	filter:alpha(opacity=70);  
	-moz-opacity: 0.7; 
	-khtml-opacity: 0.7; 
	opacity: 0.7; 
}
</style>
</head>
<body>
<div class="imgs"><div><img src="topic.cfm_files/5736620t6k.jpg"  style="display:block;"/></div>
  <div class="test">СИСЬКИ</div>
</div>
ие
лиса
seocoder вне форума  
Старый 19.04.2009, 22:53   #6
mavook
Профи Интернет коммерции
 
Аватар для mavook
 
Регистрация: 04.04.2007
Сообщений: 2,345
Бабло: $456525
По умолчанию

div в тэйбле оба? width=100%
mavook вне форума  
Старый 19.04.2009, 23:11   #7
seocoder
хуйнанэ
 
Аватар для seocoder
 
Регистрация: 03.04.2007
Сообщений: 1,257
Бабло: $107486
ТС -->
Отправить сообщение для seocoder с помощью Skype™
автор темы ТС По умолчанию

Цитата:
Сообщение от mavook Посмотреть сообщение
div в тэйбле оба? width=100%
ничего не понял
seocoder вне форума  
Старый 19.04.2009, 23:25   #8
iSeoBot
Senior Member
 
Регистрация: 27.10.2008
Сообщений: 515
Бабло: $4400
По умолчанию

сиске ок!11!!!
iSeoBot вне форума  
Старый 19.04.2009, 23:34   #9
Fisherman
Super Moderator
 
Аватар для Fisherman
 
Регистрация: 04.04.2007
Адрес: Panama
Сообщений: 5,241
Бабло: $1553185
По умолчанию

+1 ок. Чего еще надо то?
__________________
Edu-Revenue.com 75% заказ / 35% ребил Топовая essay партнёрка!
Capitalist.net - все платежные системы под одной крышей. Хостинг конечно тут
Fisherman вне форума  
Старый 19.04.2009, 23:42   #10
seocoder
хуйнанэ
 
Аватар для seocoder
 
Регистрация: 03.04.2007
Сообщений: 1,257
Бабло: $107486
ТС -->
Отправить сообщение для seocoder с помощью Skype™
автор темы ТС По умолчанию

где же ок. в ие полоска не на всю длину.
seocoder вне форума  
Закрытая тема



Опции темы
Опции просмотра