Форум программистов [Powered by Invision Power Board]

Код


   <html>

<head>

<link rel="stylesheet" title="default" href="style.css" type="text/css">

</head>

<body>

<div class="page">

<div class="horBar">

<div class="leftcustomBar">
<b><p>Иван Иванович</p><p>Иванов</p></b>
</div>

<div class="rightBar">
<img src="up.png">
</div>
</div>


<div class="horBar">
<div class="leftBar">
<img src="favicon.ico">
</div>
<div class="rightcustomBar">
<a href="http://www.mobilelib.ru/index.php"><p>какая-то бестолковая</p><p>мобильная библиотека</p></a>
</div>
</div>

</div>

</body>

</html>

Код


   /* устанавливаем по умолчанию все рамки, отступы и поля в нуль, чтобы не мешались*/
* {
   padding : 0;
   margin : 0;
   border : 0;
}

/* правила для всего документа - ничего особенного, кроме серого фона*/
body {
   background-color : #888888;
   font-family : Microsoft Sans Serif;
   font-size : medium;
}

/*это типа белый лист бумаги на сером фоне, почему-то в IE не работает max-width...*/ 
.page {
   background-color : #FFFFFF;
   margin : auto;
   max-width : 800;
   height : 300;
   align : center;
}

/*это горизонтальная панель, в ней будут две подпанели - левая и правая*/ 
.horBar { 
   line-height : 100 %;
   clear : none;
}

/*левая подпанель в составе горизонтальной панели*/
.leftcustomBar {
   background-color : #AAFFAA;
   text-align = center;
   float : left;
}

/* правая подпанель в составе горизонтальной панели*/
.rightBar {
   
   background-color : #AAFFFF;
   float : left;
   width : 32;
}

/*левая подпанель в составе горизонтальной панели для другого случая*/
.leftBar {
   background-color : #AAFFAA;
   float : left;
   width : 32;
}

/*правая подпанель в составе горизонтальной панели для другого случая*/
.rightcustomBar {
   background-color : #AAFFFF;
   float : left;
}