Главная страница
    Top.Mail.Ru    Яндекс.Метрика
Форум: "Прочее";
Текущий архив: 2013.03.22;
Скачать: [xml.tar.bz2];

Вниз

верстка 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;
Скачать: [xml.tar.bz2];

Наверх





Память: 0.47 MB
Время: 0.058 c
15-1346925778
LDV
2012-09-06 14:02
2013.03.22
bat-файлы


15-1348522617
Inovet
2012-09-25 01:36
2013.03.22
Шнобелевская премия 2012


15-1347628130
Л.Е
2012-09-14 17:08
2013.03.22
Хинты. Обрезается строка, столкнувшись с символом |


2-1333617342
gadget
2012-04-05 13:15
2013.03.22
Сервер WordApplication


15-1342183148
yorik_spb
2012-07-13 16:39
2013.03.22
Организации требуется - старший программист (Delphi+M SSQL)





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
Английский Французский Немецкий Итальянский Португальский Русский Испанский