css въпрос

[mitko456]

Здравейте искам да ви попитам как мога да направя така че когато текста отива в края на картинката,таблицата да започне на нов ред да се изрежда а не да излиза от нея.

 

[tedo96]

Трябва да фиксираш дължината....

 

[mitko456]

Трябва да фиксираш дължината....

Имаш предвид да му задал дължина и ширина нали ?

Ако е това не става с него......

 

[tedo96]

http://www.w3schools.com/CSS/pr_text_text-align.asp
Мисля, че ти трябва: [css]text-align: justify;[/css]

 

[mitko456]

http://www.w3schools.com/CSS/pr_text_text-align.asp
Мисля, че ти трябва: [css]text-align: justify;[/css]

Еми ето това е css-а:
[css]#boxcontent {
width: 940px;
height:300px;
margin: -24px;
color: black;
background-color: white;
border: 3px solid black;
text-align: justify;
}[/css]

а в html-a:

<div id="boxcontent">
<h1>Заглавие...</h1>
<p>Нещо тука...</p>
<p>нещо тука...</p>
</div>

Обаче като излезе текста стане много дълъг не минава на нов ред.

 

[tedo96]

[css]#boxcontent {
width: 940px;
height:300px;
margin: -24px;
color: black;
background-color: white;
border: 3px solid black;
text-align: justify;
padding: 5px;
}[/css]
Така?

 

[PHP_Masters]

Не съм професионалист, но знаеш ли какво правя аз в такива ситуации, слагам си кода в твоя случей текста в таблица и в css кода си задавам дължината на таблицата и поне при мен текста си минава на нов ред

<table border=0>
<tr><td>
<div id="boxcontent">

<h1>Заглавие...</h1>

<p>Нещо тука...</p>

<p>нещо тука...</p>

</div></td></tr>
</table>

[css]
#boxcontent {

width: 940px;

height:300px;

margin: -24px;

color: black;

background-color: white;

border: 3px solid black;

text-align: justify;

}
table
{
width: 935px;
height: 300px;
}[/css]

но макар, че съм задал 300 пиксела ако сложиш повече текст от колкото може да побере цялото поле ще премине и надолу

 

[mitko456]

Не става с това padding - че за това ще дам цялото css-че:
[css].kontakti {

}
body {
background-image:url("images/background.jpg");
background-repeat:repeat-x,y;
}
a,a:hover,a:link{
color:white;
text-decoration:none;
}
.header {
background: url('images/header.png') no-repeat;
padding:5px 100px 310px 30px;
margin:-10px 100px
}
#menu {
text-align:left;
background: url('images/menu.jpg') no-repeat;
padding:0px 0px 32px 0px;
padding-top: 5px;
margin:-14px 130px;
}
#boxcontent {
width: 940px;
height:300px;
margin: -24px;
color: black;
background-color: white;
border: 3px solid black;
}
[/css]
И това с таблицата не става - същата така за да го пригодя трябва да едитвам а вече ме мързи ако някой има някаква идея да пише.
Лично аз не съм много добър във уеб кодирането а в програмирането така,че ако css-a не е на ниво ще ме извините.

 

[mitko456]

Някой...................

 

[tedo96]

В моя сайт е точно така и си работи... Не виждам защо при теб не става. Задай му padding от всички страни и трябва да се оправи!

 

[mitko456]

В моя сайт е точно така и си работи... Не виждам защо при теб не става. Задай му padding от всички страни и трябва да се оправи!

сложих 10 px падин и пак не отива на нов ред
Ето това е целият html:

<body>
<div class="header">
<div class="kon">
За връзка с нас:<br>
Skype: <br>
E-mail: <br>
Mobile:
</div></div>
<div id="menu">
<a href="Nachalo.html">Начало ||</a>
<a href="Nachalo.html">Контакти ||</a>
<a href="Nachalo.html">Проекти</a>
</div>
<div id="boxcontent">
<h1>2342534534534234253234253</h1>
<p>12341221323434545645645758678612341221323434545645645758678612341221323434545645645758678612341221323434545645eqweqwewqedasdasds</p>
</div>
</body>