Главная страница
    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.075 c
1-1300648529
Ridlypoot
2011-03-20 22:15
2013.03.22
Проблема с GetPropInfo


15-1343315733
brother
2012-07-26 19:15
2013.03.22
С днем системного администратора


2-1331367948
niro---
2012-03-10 12:25
2013.03.22
Заставить работать TWebBrowser в потоке из DLL


2-1333469036
toropoff
2012-04-03 20:03
2013.03.22
обозначение чисел к компиляторе.


15-1352925002
Юрий
2012-11-15 00:30
2013.03.22
С днем рождения ! 15 ноября 2012 четверг





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