X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> как сделать текст шире?
Fox_hb
Fox_hb
Topic Starter сообщение 14.10.2009, 3:46; Ответить: Fox_hb
Сообщение #1


Ребята подскажите как сделать текст шире? как его раздвинуть?
скачал шаблон, как поменять шапку, отодвинуть в лево меню (с этим разобрался) а как быть с текстом?:wacko:
когда меню сдвинуто там остается большое пространство. http://www.imagebam.com/image/a735f752000751
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AndreySmith
AndreySmith
сообщение 14.10.2009, 6:07; Ответить: AndreySmith
Сообщение #2


<p>как его раздвинуть?</p>


<p style="letter-spacing:5px;">к а к е г о р а з д в и н у т ь ?</p>

Но если ты про пространство между меню и текстом странички, то хоть ты 500px поставь между буквами, а пространство пустым так и останется. Там либо границу таблички нужно подвинуть, либо блок растянуть...

Короче - код в студию!!!
(с) Якубович.

:goodpost:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Fox_hb
Fox_hb
Topic Starter сообщение 14.10.2009, 6:52; Ответить: Fox_hb
Сообщение #3


там три папки images, index, style:

этот из папки "index"

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TheModels.info</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
  <div id="header"> </div>
  <div id="border">
    <div id="main">
      <div id="left">
        <div id="menu">
          <ul>
            <li><a href="http://www.free-css.com/">Home</a></li>
            <li><a href="http://www.free-css.com/">Lotions &amp; Creams</a></li>
            <li><a href="http://www.free-css.com/">Bath Salts</a></li>
            <li><a href="http://www.free-css.com/">Shampoo &amp; Shower Gel</a></li>
            <li><a href="http://www.free-css.com/">Bubble Bath</a></li>
            <li><a href="http://www.free-css.com/">Gift Baskets</a></li>
            <li><a href="http://www.free-css.com/">Lip Balms &amp; Candle</a></li>
            <li><a href="http://www.free-css.com/">Tarts Bath</a></li>
            <li><a href="http://www.free-css.com/">Teas &amp; Gel Candles</a></li>
            <li><a href="http://www.free-css.com/">Fragrance List</a></li>
            <li><a href="http://www.free-css.com/">Pets</a></li>
            <li><a href="http://www.free-css.com/">Recipes</a></li>
            <li><a href="http://www.free-css.com/">Favorite Links</a></li>
            <li><a href="http://www.free-css.com/">Information Board</a></li>
            <li><a href="http://www.free-css.com/">Whats New</a></li>
            <li><a href="http://www.free-css.com/">Order Form</a></li>
            <li class="lastchild"><a href="http://www.free-css.com/">Terms &amp; Policies</a></li>
          </ul>
        </div>
        <div id="menubottom">
          <ul>
            <li><a href="http://www.free-css.com/">Home</a></li>
            <li><a href="http://www.free-css.com/">About us</a></li>
            <li><a href="http://www.free-css.com/">Contact</a></li>
          </ul>
        </div>
      </div>
      <div id="right">
        <div class="content">
          <h3>Welcome</h3>
          <p>Don't forgot to check free website templates every day, because we add at least one free website template daily.</p>
          <p>This is a template designed by free website templates for you for free you can replace all the text by your own
            text. This is just a place holder so you can see how the site would look like.</p>
          <p>You can remove any link to our websites from this template you're  free to use the template without linking
            back to us. Don't want your boss to know you used a free website template;) .</p>
          <p>If you're having problems editing the template please don't hesitate to ask for help on the forum.</p>
          <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p>
          <p>To find great hosting providers visit Web Hosting Zoom.</p>
        </div>
        <div class="product">
          <h3>Products</h3>
          <a href="http://www.free-css.com/"><img src="images/product1.gif" alt="product" /></a> <a href="http://www.free-css.com/"><img src="images/product2.gif" alt="product" /></a> <a href="http://www.free-css.com/"><img src="images/product3.gif" alt="product" /></a> <a href="http://www.free-css.com/"><img src="images/product4.gif" alt="product" /></a> <a href="http://www.free-css.com/"><img src="images/product5.gif" alt="product" /></a> <a href="http://www.free-css.com/"><img src="images/product6.gif" alt="product" /></a> <a href="http://www.free-css.com/"><img src="images/product7.gif" alt="product" /></a> <a href="http://www.free-css.com/"><img src="images/product8.gif" alt="product" /></a>
          <div class="clear"></div>
        </div>
      </div>
      <div class="clear"></div>
    </div>
  </div>
  <div id="footer">
    <div id="copyright"> <span>© Copyright Salt and Soap.com, 2006.<br />
      designed by <a href="http://www.freewebsitetemplates.com">free website templates</a></span> </div>
    <div id="payment"><img src="images/paypal.gif" alt="paypal" /></div>
  </div>
  <div id="footerend"></div>
</div>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AndreySmith
AndreySmith
сообщение 14.10.2009, 7:29; Ответить: AndreySmith
Сообщение #4


Нда, тут надо бы еще код css))) Попробуй в файле style.css
поменять(уменьшить) ширину id="left" - это стиль дива в который вложено меню.
#left {width:стокатаpx;}


Если не получится выкладывай код css ;)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Fox_hb
Fox_hb
Topic Starter сообщение 15.10.2009, 2:08; Ответить: Fox_hb
Сообщение #5


что то не получается:sarcastic: только влево сдвигается и все, а справо всеравно пространство остается.

body {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
text-align:center;
background-color:#ffffff;
}
* {margin:0px;padding:0px;}
.clear{clear:both;}
#container {
margin: 0px auto;
text-align: left;
width: 979px;
}
#header {
background-image:url(images/header.jpg);
width:979px;
height:176px;
display:block;
}
#border {
background-image:url(images/border.jpg);
background-repeat: repeat-y;
width:979px;
}
#main {
background-image:url(images/contentbg.gif);
background-color:#abe4fe;
margin: 0px 12px 0px 10px;
background-repeat: repeat-x;
}
#left {
width:261px;
float:left;
display:inline;
background-image:url(images/contentbg.gif);
background-color:#abe4fe;

}
#right {
float:right;
width:580px;
}
/***************** Content ***********************/
.content {
width:530px;
}
.content h3 {
background-image:url(images/welcome.gif);
background-repeat:no-repeat;
width:520px;
height:33px;
text-indent:700px;
overflow:hidden;
border-bottom: 1px dashed #2e2304;
margin: 10px 0px 15px 0px;
padding: 0px 0px 10px 0px;
}
.content p {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: italic;
color: #003a65;
padding: 10px 0px 0px 6px;
font-weight:900;
}
.content a {
color:#2e260f;
}
.content a:hover {
color:#cf0002;
}
.product {
width:530px;
margin: 20px 0px;
}
.product h3 {
background-image:url(images/products.gif);
background-repeat:no-repeat;
width:530px;
height:33px;
text-indent:700px;
overflow:hidden;
border-bottom: 1px dashed #2e2304;
margin: 10px 0px 15px 0px;
padding: 0px 0px 10px 0px;
}
.product a {
border: 1px solid #6698bd;
display:inline;
float:left;
margin: 6px 0px 6px 11px;
}
.product a:hover {
border: 1px solid #c40000;
}
.product img {
border: 6px solid #ffffff;
}
/***************** Menu ***********************/
#menu {
background-image:url(images/menu.jpg);
width:261px;
height:449px;
margin-left:10px;
}
#menu ul {
padding: 30px 0px 0px 0px;
width:220px;
margin-left:15px;
}
#menu li {
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: right center;
border-bottom: 1px dotted #2e2304;
list-style-type: none;
padding: 4px 30px 4px 0px;
text-align:right;
}
#menu a {
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: 900;
color: #2e260f;
text-decoration: none;
font-size: 12px;

}
#menu a:hover {
color:#c40000;
}
.lastchild{
border-bottom: none !important;
}
#menubottom {
background-image:url(images/menubottom.jpg);
background-repeat:no-repeat;
width:261px;
height:76px;
margin-left:10px;
}
#menubottom ul {
padding: 20px 0px 0px 0px;
width:240px;
margin-left:15px;
}
#menubottom li {
float:left;
display:inline;
width:77px;
text-align:center;
}
#menubottom a {
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight: bolder;
font-size:10px;
color: #6e6b53;
text-transform: uppercase;
}
#menubottom a:hover {
color:#c40000;
}
/***************** Footer ***********************/
#footer {
background-color:#8bcaef;
background-image:url(images/borderfooter.jpg);
height:109px;
width:979px;
}
#footerend {
background-image:url(images/borderfooterend.gif);
background-repeat: no-repeat;
width:979px;
height:9px;
display:block;
}
#copyright {
background-image:url(images/copyright.jpg);
background-repeat:no-repeat;
width:220px;
height:43px;
display:inline;
margin-left:103px;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 800;
color: #463d16;
padding: 30px 20px 0px 20px;
text-align:center;
}
#copyright a {
font-family: Arial, Helvetica, sans-serif;
color: #463d16;
}
#payment {
float:left;
display:inline;
margin: 10px 0px 20px 135px;
}
#payment img {
border: none;
}

Просьба и в предь запихивать болошой код в соответствующие теги. Licoric
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AndreySmith
AndreySmith
сообщение 15.10.2009, 2:27; Ответить: AndreySmith
Сообщение #6


Тогда увеличь #right
:goodpost:

За одно еще можно и с content поиграть, чтоб достич нужного эфекта.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Fox_hb
Fox_hb
Topic Starter сообщение 15.10.2009, 3:43; Ответить: Fox_hb
Сообщение #7


#right {
float:right;
width:580px;

это я пробовал менять:sarcastic:если 680 ставлю в лево текст уходит, если 480 например то вправо, а он не расширяется!

и еще хотел спросить, если текста по одной теме, на одной странице много получается, нужно ли на несколько страниц разбивать? видел сайты что внизу страницы делают кнопки что бы перелистывать например 1,2,3 на что это влияет? только на удобство или еще на что то?:goodpost:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 15.10.2009, 3:51; Ответить: alexdrob
Сообщение #8


Текст весь в контейнере

<div class="content">

его стиль

.content {
width:530px;
}


увеличь на сколько нужно
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AndreySmith
AndreySmith
сообщение 15.10.2009, 3:58; Ответить: AndreySmith
Сообщение #9


Сделай так:

Добваь к

#right #left .content

Вот эту строчку border:2px orange solid; это рамочка, на время.

Ты увидишь, что это блоки с информацией, так будет нагляднее видно как изменются их размеры и что надо делать. Как настроишь ширину - удалишь рамочку.

Я так и не могу понять, что же все таки надо? Чтобы текст разъехался или чтобы пустого места небыло?

Это облегчает навигацию, вес одной странички уменьшается.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Fox_hb
Fox_hb
Topic Starter сообщение 15.10.2009, 4:37; Ответить: Fox_hb
Сообщение #10


да. рамочка появилась и вокруг меню и вокруг текста :goodpost:теперь понятьно, эту рамочку то влево то вправо двигаю!
а как с текстом то быть?:wacko: мне бы его расширить, что бы пробелы по бокам были поужи, а размер шрифта остался такой же. текст почемуто перескакивает на другую строчку а не продолжается!:achtung:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
 12 Boymaster 1866 Сегодня, 21:03
автор: MisterBit
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
 29 freeax 4812 17.4.2024, 1:19
автор: sergio11
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
 148 adw-kupon.ru 19711 8.4.2024, 10:37
автор: Skyworker
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
 18 uahomka 3103 5.4.2024, 5:53
автор: Skyworker
Горячая тема (нет новых ответов) Как бездомные хранят деньги?
 81 metvekot 13656 31.3.2024, 12:44
автор: Boymaster


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 19.4.2024, 22:11

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet