Главная страница
    Top.Mail.Ru    Яндекс.Метрика
Текущий архив: 2013.03.22;
Скачать: CL | DM;

Вниз

верстка div ом   Найти похожие ветки 

 
brother ©   (2012-08-09 13:35) [0]

Знатокам HTML!
Можно ли и как получить одним дивом подобный шаблон: http://brotherirk.narod.ru/untitled.PNG
Не хотелось бы использовать таблицу...


 
brother ©   (2012-08-09 13:36) [1]

горизонтальные полоски отделяющие заголовок и цену можно не учитывать!


 
icelex ©   (2012-08-09 14:08) [2]

А здесь дивы ни к чему. Float для рисунка определить и все.


 
brother ©   (2012-08-09 14:37) [3]

а контейнер?


 
icelex ©   (2012-08-09 14:51) [4]

<div style="padding: 10px;">
<img style="float:left; margin: 0px 10px 10px 0px;" />
<span>информация текст</span>
</div>
ну вроде примерно так должно бы быть


 
Rouse_ ©   (2012-08-09 15:11) [5]

как-то так:

<!DOCTYPE HTML>
<html>
<head>
 <meta charset="utf-8">
 <title></title>
 <style>
   body, div, h3, p{
     margin: 0;
     padding: 0;
   }
   #wrap{
     margin: 20px;
     width: 300px;
     height: 350px;
     border: 1px solid black;
     border-radius: 7px;
     position: relative;
   }
   h3{
     text-align: center;
     font-weight: normal;
     border-bottom: 1px solid black;
   }
   img{
     float: left;
     margin: 10px;
   }
   p{
     padding: 10px;
     font-size:14px;
   }
   .bottom{
     border-bottom:none;
     border-top: 1px solid black;
     position: absolute;
     bottom: 0;
     left:0;
     width: 100%;
   }
 </style>
</head>
<body>
 <div id="wrap">
   <h3> Заголовок </h3>
   <img src="chapter2/images/little.bear.png" width="150" height="150">
   <p>Используя функцию MonthDays из задания Proc53, описать процедуру NextDate(D, M, Y),
     которая по информации о правильной дате, включаю- щей день D, номер месяца M и год Y,
     определяет следующую дату (пара- метры целого типа D, M, Y являются одновременно входными и выходны- ми).
     Применить процедуру NextDate к трем исходным датам и вывести по- лученные значения следующих дат.</p>
   <h3 class="bottom"> Цена </h3>
 </div>
</body>
</html>


 
brother ©   (2012-08-09 15:29) [6]

спасибо


 
jack128_   (2012-08-09 16:52) [7]


> Rouse_ ©   (09.08.12 15:11) [5]

если картинка по размерам будет больше, чем текст в <p> то <h3> "уедет".


 
oxffff ©   (2012-08-09 22:33) [8]


> jack128_   (09.08.12 16:52) [7]
>
> > Rouse_ ©   (09.08.12 15:11) [5]


Да я смотрю вам HTML по душе.


 
Rouse_ ©   (2012-08-09 22:43) [9]


> Да я смотрю вам HTML по душе.

Мы многостаночники :)



Страницы: 1 вся ветка

Текущий архив: 2013.03.22;
Скачать: CL | DM;

Наверх




Память: 0.46 MB
Время: 0.065 c
2-1331284249
rraktir
2012-03-09 13:10
2013.03.22
Как сделать маску ввода под проценты?


3-1276868847
worldmen
2010-06-18 17:47
2013.03.22
Поиск в BLOB (текст) поле не зависимо от регистра


15-1324204292
0K
2011-12-18 14:31
2013.03.22
Что ждет в 30 (кризис возраста и пр.)?


1-1302154341
Дмитрий Белькевич
2011-04-07 09:32
2013.03.22
Разбудить спящий поток


1-1275549451
ford
2010-06-03 11:17
2013.03.22
чтение текстовых данных из двоичных файлов (PDF)





Afrikaans Albanian Arabic Armenian Azerbaijani Basque Belarusian Bulgarian Catalan Chinese (Simplified) Chinese (Traditional) Croatian Czech Danish Dutch English Estonian Filipino Finnish French
Galician Georgian German Greek Haitian Creole Hebrew Hindi Hungarian Icelandic Indonesian Irish Italian Japanese Korean Latvian Lithuanian Macedonian Malay Maltese Norwegian
Persian Polish Portuguese Romanian Russian Serbian Slovak Slovenian Spanish Swahili Swedish Thai Turkish Ukrainian Urdu Vietnamese Welsh Yiddish Bengali Bosnian
Cebuano Esperanto Gujarati Hausa Hmong Igbo Javanese Kannada Khmer Lao Latin Maori Marathi Mongolian Nepali Punjabi Somali Tamil Telugu Yoruba
Zulu
Английский Французский Немецкий Итальянский Португальский Русский Испанский