Ребят помогите пожалуйста, первый день изучаю html и CSS надо сделать вот этоВложение 4911
Меня надо хотя бы код что бы была пустая вот такая таблица из и 9 стоблцов, помогите пожалуйста
Вид для печати
Ребят помогите пожалуйста, первый день изучаю html и CSS надо сделать вот этоВложение 4911
Меня надо хотя бы код что бы была пустая вот такая таблица из и 9 стоблцов, помогите пожалуйста
<table border="1"> <tr> <td>1.1</td> <td>1.2</td> <td>1.3</td> </tr> <tr> <td colspan="2">2.1</td> <td>2.2</td> </tr> <tr> <td rowspan="3">3.1</td> <td rowspan="2">3.2</td> <td rowspan="3">3.3</td> </tr> <tr> </tr> <tr> <td>5.1</td> </tr> </table>
вот код а как сделать на всю страницу??
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css">
<title>Документ без названия</title>
</head>
<body>
<table width="750" border="1">
<tr>
<td width="279" height="114">
<ins>Текст текст текст текст текст<br>
текст текст текст текст<br>
текст текст текст <br>
текст текст</ins></td>
<td width="261" align="center"><strike>Текст текст текст текст текст<br>
текст текст текст текст <br>
тексттекст текст </strike></td>
<td width="188">hsefjhsef</td>
</tr>
<tr>
<td height="107" colspan="2" cols>hsefjhsef</td>
<td>hsefjhsef</td>
</tr>
<tr>
<td height="186">hsefjhsef</td>
<td>hsefjhsef</td>
<td >hsefjhsef</td>
</tr>
</table></td></tr>
</table>
</body>
</html>
p.s Принцип должен быть понятен
я с этим разобрался, уже другая проблема,как сделать закругленные углы рамки вокруг изображения?
У тебя должна быть картинка рамки или полного рисунка, я думаю что тутне столь важно какая будет картинка.
<div class="img_radius">
<img src="test.jpg" width="120" height="90" title="Радиус" alt="Радиус">
</div>
<style>
.img_radius img{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
</style>
ie must die?Цитата:
Сообщение от Wins
вот сама картинка Вложение 4912, я все сделал кроме этого изображения я не понимаю как сделать эту рамку, скиньте готовый код пожалйуста, я буду очень благодарен
<table width="200" height="100" border="5" style="border-radius:20px; padding: 10px;"><tr><td align="center"> <img src="index.jpg"></td></tr></table>
Однозначно ))Цитата:
Сообщение от Den1xxx
Просто я по быстрому через генератор, чтоб вручную не писать, а там только это было.
-ms-border-radius: 5px;
-o-border-radius: 5px;
Только у оперы вроде не такого свойства, но в какой то версии оперы у меня так радиусы появились)
я уже сделал это теперь другое. последнее осталось, как наложить текст на картинку с рамкой, на просто картинку получилось а с рамкой нет,надо что бы было вот такВложение 4914 вот мой код
<div align="top" style="margin-right: 20px;">
<div style="width: 183px; height: 103px; color: #808080; background: #808080; border: 10px #808080 solid; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml- border-radius: 10px; border-radius: 10px; padding: 5px;"><img src="index.jpg" style="margin-left: 2px;"
width="180" height="100">
сделайте пожалуйста код, что бы было как на картинке, текст я вставлю сам
Я правда не совсем понял что там нужно. Но вроде нужно картинку бэкграундом сделать.
Или через позиционирование с отрицательными отступами.
<div align="top" style="margin-right: 20px;">
<div style="width: 183px; height: 103px; color: #808080; background: #808080; border: 10px #808080 solid; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml- border-radius: 10px; border-radius: 10px; padding: 5px;">
<div style="background:url(index.jpg);width:180px; height:100px; color:#000; font-weight:bold; font-size:44px; text-align:center;">Тест</div>
</div>
</div>
<div align="top" style="margin-right: 20px;">
<div style="width: 183px; height: 103px; color: #808080; background: #808080; border: 10px #808080 solid; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-
border-radius: 10px; border-radius: 10px; padding: 5px;">
<div style="background:url(index.jpg);width:180px; height:100px; color:#000; text-align:center;"><li>Шапокляк</li></div>
</div>
</div>
сделал так, получилось это то что мне надо почти, но нужно что бы изображение было в рамке нормально и подвонить его немного в верх что бы было похожу на рисунок который выше скинулhttp://zalil.ru/34766640 http://zalil.ru/34766640
Ну это через margin,padding или position:relative двигаетсяЦитата:
Сообщение от Frezz
подскажешь как? а то уже попробовал ток хуже сделал
ну помогите кто нибудь, пожалуйста
Как минимум выложи то что сделал, что бы всё с начало не начинать, а вообще почитай про css.
что выложить код или скрин того что получилось? читал.. запутался вообще, вот помощи прошу поэтому
КодЦитата:
Сообщение от Frezz
я сделал это уже теперь другое совсем..
как сделать обтекание изображения что бы не затронуть рамку и все прочее и сделать как на фотографии последний столбец вот код
<div align="center" style="margin-left: -50px;"
<pre><div style="width: 128px; height: 64px; color: #000000; background: #808080; border: 10px #808080 solid; -moz-border-radius: 8px; -webkit-border-radius: 8px; -
khtml- border-radius: 10px; border-radius: 10px; padding: 5px;"><img src="index.jpg" width="125" height="63" align="left" >
</div>
Добавлено через 5 минут
как сделать обтекание изображения что бы не затронуть рамку и все прочее и сделать как на фотографии последний столбец вот код
<div align="center" style="margin-left: -50px;"
<pre><div style="width: 128px; height: 64px; color: #000000; background: #808080; border: 10px #808080 solid; -moz-border-radius: 8px; -webkit-border-radius: 8px; -
khtml- border-radius: 10px; border-radius: 10px; padding: 5px;"><img src="index.jpg" width="125" height="63" align="left" >
</div>
http://zalil.ru/34767371
Выложи всё а не кусокЦитата:
Сообщение от Frezz
посмотри назад, на 2 страницу пожалуйста
ну что?