CSS верстка. Сцуко жесть просто. - Форум успешных вебмастеров - GoFuckBiz.com

seocoder · 19.04.2009, 20:09

Уже час бъюсь. Надо поместить 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 {

    border: 1px solid #000000;

    float: left;

    padding: 0px;

    

}



.test {

    position: relative;

    z-index: 10;



    left: 0px;

    width: 100%;

    height: 40px;

    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.

dveredel · 20.04.2009, 00:17

А ты доктайп для ишака прописывал?

seocoder · 20.04.2009, 00:24

разве кода постами выше нету?!

dveredel · 20.04.2009, 00:44

Цитата:

Сообщение от seocoder

разве кода постами выше нету?!

Сорри, смотрел последний твой выложенный код, был невнимателен.

Сейчас поресёрчил на эту тему - ничего не нашел, у самого тоже не получилось победить, а ведь задача то тривиальная на первый взгляд... Эксплорер - сцуко.

seocoder · 21.04.2009, 02:15

http://www.seocoder.org/test/test.php
сделал так. работает нормально, кроме ие. пиздец (

p.s. jquery вещь

ikpwl · 21.04.2009, 10:26

[del]