Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Подскажите, пожалуйста, как сжать элементы в этом меню с помощью CSS
 
 автор: fxsektor   (02.08.2007 в 09:58)   письмо автору
 
 


<html>
<head>
  <title></title>
<style>
H1{font-size:14px;}
td{font-family:Tahoma;font-size:11px;}
a{color:#ffffff}
a:hover{color:#6F6F6F}
.cap{font-weight:bold;text-decoration:underline;}
.menu{color:#000000;text-decoration:none;}
.style2 {color: #000000}
.style3 {    color: #FF0000;
    font-weight: bold;
}
.text {font-family:Verdana, sans-serif; font-size: 9px; color:#000000; padding-left:20; padding-right:10 }
body {
    background-color: #FFFFFF;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script language="JavaScript1.2">
        <!--
var head="display:''"
function doit(header){
var head=header.style
if (head.display=="none")
head.display=""
else
head.display="none"
}
        //-->
        </script>
</head>
<body style="padding: 0px">
<table style="width: 210px; border: solid 1px #000000; margin: 0px">
  <tr>
    <td style=""><img src=./images/menuup.gif></td>
  </tr>
  <tr>
    <td style="">
    
    <div style="margin: 0px; padding: 0px;">

<h1 style="cursor:hand; border: solid 2px;" onClick="doit(document.all[this.sourceIndex+1])">О КОМПАНИИ</h1>
<span style="display:none">

<table style="border: solid 2px; width: 100%; margin: 0px; padding: 0px;">
<tr><td><A HREF="#top">проектный отдел</A></td></tr>
<tr><td><A HREF="#top">производство</A></td></tr>
<tr><td><A HREF="#top">монтажный отдел</A></td></tr>
<tr><td><A HREF="#top">торговля</A></td></tr>
<tr><td><A HREF="#top">сервисный отдел</A></td></tr>
</table>

</span>

<h1 style="cursor:hand; border: solid 2px;" onClick="doit(document.all[this.sourceIndex+1])">ВЕНТИЛЯЦИЯ</h1>

<span style="display:none">
<table style="border: solid 2px; width: 100%">
<tr><td><A HREF="#top">общая информация</A></td></tr>
<tr><td><A HREF="#top">каталог</A></td></tr>
</table>
</span>

<h1 style="cursor:hand" onClick="doit(document.all[this.sourceIndex+1])">КОНДИЦИОНЕРЫ</h1>

<span style="display:none">
<table style="border: solid 2px; width: 100%">
<tr><td><A HREF="#top">общая информация</A></td></tr>
<tr><td><A HREF="#top">подбор кондиционера</A></td></tr>
<tr><td><A HREF="#top">бытовые кондиционеры</A></td></tr>
<tr><td><A HREF="#top">промышленные кондиционеры</A></td></tr>
</table>
</span>

<h1 style="cursor:hand" onClick="doit(document.all[this.sourceIndex+1])">ОТОПЛЕНИЕ</h1>

<span style="display:none">
<table style="border: solid 2px; width: 100%">
<tr><td><A HREF="#top">котлы настенные</A></td></tr>
<tr><td><A HREF="#top">котлы напольные</A></td></tr>
<tr><td><A HREF="#top">горелки</A></td></tr>
<tr><td><A HREF="#top">радиаторы</A></td></tr>
<tr><td><A HREF="#top">конвекторы</A></td></tr>
<tr><td><A HREF="#top">трубы</A></td></tr>
<tr><td><A HREF="#top">теплоизоляция</A></td></tr>
<tr><td><A HREF="#top">насосы</A></td></tr>
<tr><td><A HREF="#top">дымоходы</A></td></tr>
<tr><td><A HREF="#top">оборудование для котельных</A></td></tr>
<tr><td><A HREF="#top">баки для воды и топлива</A></td></tr>
</table>
</span>

<h1 style="cursor:hand")">ПРОЕКТЫ</h1>



<h1 style="cursor:hand")">сайт ДАР-ИНСТРУМЕНТ</h1>



<h1 style="cursor:hand")">сайт ЭЛКОНТ</h1>

</div> 
   
    </td>
  </tr>
  <tr>
    <td><img src=./images/menud.gif></td>
  </tr>
</table>
</body>
</html>

   
 
 автор: AlexSol   (02.08.2007 в 10:03)   письмо автору
 
   для: fxsektor   (02.08.2007 в 09:58)
 


<body style="padding: 0px"> 
<table style="width: 110px; border: solid 1px #000000; margin: 0px"> 

   
 
 автор: fxsektor   (02.08.2007 в 10:19)   письмо автору
 
   для: AlexSol   (02.08.2007 в 10:03)
 

Спасибо, но я для <h1> margin и padding по нулям сделал, все получилось
Если у кого есть хороший учебник в эл. виде, прошу поделиться :)
мыло: yvgorshkov@gmail.com

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования