Главная страница
    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.069 c
1-1298990310
rodionov_uv
2011-03-01 17:38
2013.03.22
Прокрутка на форме


15-1340620150
Demo
2012-06-25 14:29
2013.03.22
Многоуровневая шапка в TDBGridEh


2-1332606068
leklerk
2012-03-24 20:21
2013.03.22
Отслеживание изменений пользователя


3-1287558732
Sergey2
2010-10-20 11:12
2013.03.22
LinkedServer на mssql 2008


2-1339736007
Cobalt
2012-06-15 08:53
2013.03.22
Подскажите, есть стандартный класс уже?





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