Главная страница
    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.46 MB
Время: 0.068 c
15-1346268817
Nic
2012-08-29 23:33
2013.03.22
Какую машину выбрать?


2-1328793010
Че
2012-02-09 17:10
2013.03.22
Приложение виснет и потребляет память на win7-x64, при этом все о


15-1345910897
Чтец
2012-08-25 20:08
2013.03.22
Ищу книгу


15-1332243086
Kerk
2012-03-20 15:31
2013.03.22
Google Hangouts


2-1334127903
Gimbomba
2012-04-11 11:05
2013.03.22
Проблема с bde table в Embarcadero Delhpi XE2





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