Другие языки программирования и технологии

Помогите с html и css

Как сделать в html или css коде! чтобы на 1 картинке слева распологался текст, справа ссылочные картинки! На картинке я пишу вот этим скриптом <center>

<h7>тут текст</h7>

</center>
Вот примерно как должно получиться!
[ссылка заблокирована по решению администрации проекта]
если кто может, помогите плиз
Нурболат Женисканов
Нурболат Женисканов
151
1popov .ru/bonuscourse/cssform/
Потрать день на обучение и пользуйся знаниями всю жизнь
Виталя Иванов
Виталя Иванов
7 680
Лучший ответ
используй программу Adobe dreamweaver либо Microsoft FrontPage
Султан Жакенов
Султан Жакенов
56 277
ссылка не появилась!

сделай "добавить" и добавь ссылку занова
Александр Аверкиев
Александр Аверкиев
911
Во-первых заголовка Н7 в HTML не существует.
Во-вторых HTML и CSS дополняют друг друга и использовать их по отдельности - абсурд.
Теперь по основному вопросу:
Очевидно Вы в итоге хотите получить что-то вроде слайд шоу.
Привожу пример HTML и CSS в раздельных файлах (оба файла должны находится в одной папке и файл с CSS должен называться "all.css" ) :
HTML:

<html>
<head>
<meta>
<title>Слайд шоу</title>
<link>
</head>
<body>

<ul>
<li>

<h2>Заголовок текста</h2>
<p>Текст текст текст текст текст текст текст текст текст текст текст</p>

</li>
<li>

<h2>Заголовок текста</h2>
<p>Текст текст текст текст текст текст текст текст текст текст текст</p>

</li>
</ul>

<ul>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
</ul>

</body>
</html>

CSS:
body {
margin:0;
color:#000;
background:#fff;
}
a {
text-decoration:underline;
color:#000;
}
.slide-show {
width:700px;
overflow:hidden;
margin:0 auto;
}
.slide-show .main-image {
float:left;
width:300px;
height:300px;
overflow:hidden;
}
.slide-show .main-image ul {
width:99999px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
}
.slide-show .main-image li {
float:left;
height:300px;
width:300px;
position:relative;
}
.slide-show .gallery img,
.slide-show .main-image img {vertical-align:top;}
.slide-show .main-image .caption {
position:absolute;
top:10px;
left:10px;
}
.slide-show .main-image .caption h2 {
margin:0 0 10px;
font-size:20px;
line-height:24px;
}
.slide-show .main-image .caption p {margin:0 0 5px;}
.slide-show .gallery {
float:left;
width:120px;
list-style:none;
margin:0;
padding:0;
}
.slide-show .gallery li {
float:left;
width:30px;
height:30px;
overflow:hidden;
padding:0 10px 10px 0;
}
Денис Маняшин
Денис Маняшин
316

Похожие вопросы