Определяне на разстояние между редове

BahFullFen каза:
Имам предвид нещо от рода на <br></br>,но да мога да определя разстоянието между 1 и 2-рия ред.
Увеличете...

Примерно
Текст, Текст, Текст, Текст, Текст, Текст,<br>
Текст, Текст, Текст, Текст, Текст, Текст, <br>
Текст, Текст
Увеличете...
така текста е на нов ред.

Текст, Текст, Текст, Текст, Текст, Текст,<br><br>
Текст, Текст, Текст, Текст, Текст, Текст, <br><br>
Текст, Текст
Увеличете...

А така на нов ред + разстояние м/у редовете :wink:
 
Така примерно би станало

Код: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1251">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <meta nane="author" content="deam0n">
  <title>1 BR two lines</title>
  <style>
  br{
    margin-bottom:20px;
    }
  
  </style>
  </head>
  <body>
deam0<br />
deam0n2<br />

  </body>
</html>
 
Не знам защо,но като го сложа в моя index не се изпълнява :lol:

Код: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
    <head>
	 <title>Web-street N.K.</title>
	 <meta http-equiv=Content-Type content="text/html; charset=windows-1251">
	 <meta name="generator" content="PSPad editor, www.pspad.com">
	 <meta nane="author" content="deam0n">
     <link rel="stylesheet" type="text/css" href="css.css"> 
     <style type="text/css">
      body {
     background:#ff6609 url('logo.gif') no-repeat fixed center;
	 
	  br {
	 margin-bottom: 50px;
	  }
	 
      }
      ul {
     margin: 0;
     padding: 0;
     list-style: none;
     width: 150px;
	 border-bottom: 1px solid #ccc; 
      }
	  
	  ul li {
     position: relative;
      } 
	  
	  li ul {
     position: absolute;
     left: 149px;
     top: 0;
     display: none;
      }
	  
      ul li a {
     font-weight: bold;
     font-family: Verdana, Sans-Serif;
     font-size: 12px;
     display: block;
     text-decoration: none;
     color: #0077B4;
     background: #fc9;
     padding: 5px;
     border: 1px solid #fff;
     border-bottom: 0;
      }
	  li:hover ul, li.over ul {
     display: block; 
	  } 
	  
	 /* Fix IE. Hide from IE Mac \*/
     * html ul li { float: left; }
     * html ul li a { height: 1%; }
     /* End */
     </style>
	 <script type="text/javascript">
	  startList = function() {
      if (document.all&&document.getElementById) {
      navRoot = document.getElementById("nav");
      for (i=0; i<navRoot.childNodes.length; i++) {
      node = navRoot.childNodes[i];
      if (node.nodeName=="LI") {
      node.onmouseover=function() {
      this.className+=" over";
      }
      node.onmouseout=function() {
      this.className=this.className.replace(" over", "");
      }
      }
      }
      }
      }
      window.onload=startList;
	 </script>
    </head> 
	 <body>
         <div class="sadyrjanie">
         <div class="header" style="text-align:right"><a href="">Линкове</a> <a href="">Начало</a> <a href="">Вход</a> <a href="">Регистрация</a></div>
         <div class="a"><img src="LOGO.jpg" alt=""></div>
         <div class="menu">
	   <ul>
         <li><a href="#">Начало</a></li>
         <li><a href="#">Форум</a>
         <li><a href="#">За нас</a>
       <ul>
         <li><a href="#">Екип</a></li>
         <li><a href="#">История</a></li>
         <li><a href="#">Развитие на сайта</a></li>
       </ul>
        </li>
         <li><a href="#">Контакти</a>
        </li>
	   </ul>
         </div>
         <div class="center" style="text-align:center"><img src="lenta1.jpg" WIDTH="100%" HEIGHT="25" alt="">
         Добре дошли.Тука ще има webagent,инфо за сайта и мене,новини идруги подобни неща.</div>
         <div class="b" style="text-align: center; width: 138px; height: 100%; background: #ffcc99 url('lenta1.jpg') repeat-x;">
         deam0<br />
         deam0n2<br /></div>
         <div class="podmeniu" style="text-align:center"><img src="lenta1.jpg" WIDTH="100%" HEIGHT="25" alt="">
         Анкета или банери</div>
         <div class="down" style="text-align:center"><img src="lenta1.jpg" width="100%" height="25" alt="">
         Проектът е изграден от Николай Йорданов Колев</div></div>
	 </body>
</html>
 
Имаше грешка в CSS-a. Беше направил
body {

br { }

}

Код: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
    <head>
    <title>Web-street N.K.</title>
    <meta http-equiv=Content-Type content="text/html; charset=windows-1251">
    <meta name="generator" content="PSPad editor, www.pspad.com">
    <meta nane="author" content="deam0n">
     <link rel="stylesheet" type="text/css" href="css.css">
     <style type="text/css">
      body {
     background:#ff6609 url('logo.gif') no-repeat fixed center;
   
    }
    
     br.test {
    margin-bottom: 50px;
     }
   
      
      ul {
     margin: 0;
     padding: 0;
     list-style: none;
     width: 150px;
    border-bottom: 1px solid #ccc;
      }
    
     ul li {
     position: relative;
      }
    
     li ul {
     position: absolute;
     left: 149px;
     top: 0;
     display: none;
      }
    
      ul li a {
     font-weight: bold;
     font-family: Verdana, Sans-Serif;
     font-size: 12px;
     display: block;
     text-decoration: none;
     color: #0077B4;
     background: #fc9;
     padding: 5px;
     border: 1px solid #fff;
     border-bottom: 0;
      }
     li:hover ul, li.over ul {
     display: block;
     }
    
    /* Fix IE. Hide from IE Mac \*/
     * html ul li { float: left; }
     * html ul li a { height: 1%; }
     /* End */
     </style>
    <script type="text/javascript">
     startList = function() {
      if (document.all&&document.getElementById) {
      navRoot = document.getElementById("nav");
      for (i=0; i<navRoot.childNodes.length; i++) {
      node = navRoot.childNodes[i];
      if (node.nodeName=="LI") {
      node.onmouseover=function() {
      this.className+=" over";
      }
      node.onmouseout=function() {
      this.className=this.className.replace(" over", "");
      }
      }
      }
      }
      }
      window.onload=startList;
    </script>
    </head>
    <body>
         <div class="sadyrjanie">
         <div class="header" style="text-align:right"><a href="">Линкове</a> <a href="">Начало</a> <a href="">Вход</a> <a href="">Регистрация</a></div>
         <div class="a"><img src="LOGO.jpg" alt=""></div>
         <div class="menu">
      <ul>
         <li><a href="#">Начало</a></li>
         <li><a href="#">Форум</a>
         <li><a href="#">За нас</a>
       <ul>
         <li><a href="#">Екип</a></li>
         <li><a href="#">История</a></li>
         <li><a href="#">Развитие на сайта</a></li>
       </ul>
        </li>
         <li><a href="#">Контакти</a>
        </li>
      </ul>
         </div>
         <div class="center" style="text-align:center"><img src="lenta1.jpg" WIDTH="100%" HEIGHT="25" alt="">
         Добре дошли.Тука ще има webagent,инфо за сайта и мене,новини идруги подобни неща.</div>
         <div class="b" style="text-align: center; width: 138px; height: 100%; background: #ffcc99 url('lenta1.jpg') repeat-x;">
         deam0<br />
         deam0n2<br class='test' /></div>
         <div class="podmeniu" style="text-align:center"><img src="lenta1.jpg" WIDTH="100%" HEIGHT="25" alt="">
         Анкета или банери</div>
         <div class="down" style="text-align:center"><img src="lenta1.jpg" width="100%" height="25" alt="">
         Проектът е изграден от Николай Йорданов Колев</div></div>
    </body>
</html>
 
направи текста в някакъв div/span/p в каквото решиш и му вкарай CSS

Код: 
line-spacing:10px;
e 10 сигурно няма да свършат работа ама давам го като пример
 
Това с <div style="line-spacing:10px;">Анкета</div> как точно да го направя на нов ред .Просто нещо не ми стана ясно.
 
емиии ако имаш

<div style="line-spacing:10px">
text text text text text text text text <br />
text text text text text text text text <br />
text text text text text text text text
</div>

ще прави разстоянието межу редовете 10 пиксела
 
Ммм... копнах го на празен txt и пак няма ефект :lol:

Код: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1251">
  <title>1 BR two lines</title>
  </head>
  <body>
<div style="line-spacing:100px">
text text text text text text text text <br />
text text text text text text text text <br />
text text text text text text text text
</div> 
  </body>
</html>
 
оф братле сори
яко съм прост
смесил съм line-height и letter-spacing и съм твърдо убеден, че line-spacing съществува :o :o :o
вкарай му line-height на текста
така ще ти направи примерно за line-height:20px едно като поленце 20px високо и текста центриран вертикално в него

п.п. сори пак, че само те обърках
така е като човек не пие кафе :cry: :cry: :cry:
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе