Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Zawijanie tekstu CSS

Zaczynasz dopiero swoją przygodę z HTML'em? A może mimo swojego doświadczenia natknąłeś się na jakiś problem? Tutaj na pewno znajdziesz pomoc.

Zawijanie tekstu CSS

Post 09.07.2011, 19:47:04

Witam! Mam taki problem:
Tekst wyjężdż mi poza div!!! Chciałbym,żeby przy końcu diva tekst się zawinął.Jak to zrobić. A i jeszcze dodam,że wszędzie mi się zawija oprócz przy newsach i innych na środku. Zawijają się osiągnięcia itp. http://www.fragexplosive.pl

CSS
Kod: Zaznacz cały
body{
    background-image: url(img/bg.png) ;background-attachment: fixed;
    height:100%;
    width:100%;
    margin: 0 auto;
    color:white;
    background-position:top-center;

}
.calosc{
    width:912px;
    margin: 0 auto;

}
.pasekgora{
    background-image: url(img/_02.png) ;
    width:912px;
    height:23px;

    margin-top:0px;
}
.panel{
    background-image:url(img/_18.png)  ;
    width:912px;
    height:38px;
    margin:auto;
    margin-top:300px;
}



ul, ul li {
   display: block;
   list-style: none;
   margin: 0;
   padding: 0;
}

ul li {
   float: left;
}
.szybki{
    background-image:url(img/_32.png)    ;
    width:912px;
    height:27px;

}
.left{
    width:242px;
    float:left;
}
.onas{
    background-image: url(img/_38.png);
    width:242px;
    height:341px;
    margin-top:10px;
}
.osiagniecia{
    background-image: url(img/_49.png);
    width:242px;
    height:342px;
    margin-top:5px;
}
.ankieta{
    background-image: url(img/ank.png);
    width:242px;
    height:43px;
    margin-top:5px;
}
.ankieta1{
    background-image: url(img/ank1.png) ;
    width:242px;
    height:270px;

}
.ostatnie{
    margin-left:10px;

}
.gorne{
    width:656px;
    height:28px;
    margin-top:10px;
    margin-left:5px;
    float:right;
}
.news1{
    background-image: url(img/_35.png)    ;
    width:318px;
    height:28px;
    float:left;

}

.news2{
    background-image: url(img/_40.png) ;
    width:318px;
    height:136px;
    float:left;
}
.dolne{
    width:656px;
    height:136px;
    margin-left:5px;
    float:right;

}
.mecz1{
    width:338px;
    height:28px;
    background-image: url(img/_36.png);
    float:right;
}
.mecz2{
    width:338px;
    height:136px;
    background-image: url(img/_41.png);
    float:right;
}

.srodki{
    width:428px; 
    padding-left:-5px;
    float:left;
}
.jeden{
width:428px;
height:54px;
background-image: url(img/_44.png) ;
}
.dwa{
width:428px;
min-height:792px;
background-image: url(img/_45.png);
margin-top:-10px;}
.trzy{
width:428px;
height:55px;
background-image: url(img/_46.png);
margin-top:-10px;}
.right{
    width:224px;
    float:right;
}
.part {
    width:224px;
    height:31px;
    float:right;
    background-image: url(img/_52.png);
}
.one{
    width:661px;
    margin-top:5px;
    float:right;
   
}
.part1{
    width:224px;
    height:368px;
    float:right;
    background-image: url(img/_54.png);
}
.stopka{
    width:912px;
    height:105px;
    background-image: url(img/_64.png);
    margin: 0 auto;
    margin-top:10px;
}

HTML
Kod: Zaznacz cały
<?
 include("_mysql.php");
 include("_settings.php");
 include("_functions.php");
 ?>
<html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  <meta name="Description" content="[ Opis dokumentu ]" />
  <meta name="author" content="[ Lesster ]" />
  <meta name="Generator" content="EdHTML" />
  <title><? echo PAGETITLE; ?></title>
  <link href="_stylesheet.css" rel="stylesheet" type="text/css">
  <script src="js/bbcode.js" language="jscript" type="text/javascript"></script>
  <link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div class="calosc">
<div class="pasekgora"></div>
<div class="panel"><? include("login.php"); ?></div>
<ul>
<li><img src="img/_21.png"></li>
<li><a href="index.php?site=news"><img src="img/_22.png"></a></li>
<li><a href="index.php?site=squads"><img src="img/_23.png"></a></li>
<li><a href="index.php?site=clanwars"><img src="img/_24.png"></a></li>
<li><a href="index.php?site=articles"><img src="img/_25.png"></a></li>
<li><a href="index.php?site=squads"><img src="img/_26.png"></a></li>
<li><a href="index.php?site=forum"><img src="img/_27.png"></a></li>
<li><a href="index.php?site=contact"><img src="img/_28.png"></a></li>
<li><img src="img/_29.png"></li></ul>
<div class="szybki"></div>
<div class="left">
<div class="onas"><? include("onas.html") ?></div>
<div class="osiagniecia"><? include("osiagniecia.html") ?></div>
<div class="ankieta"></div>
<div class="ankieta1"></div>
</div>
<div class="ostatnie">
<div class="gorne">
<div class="news1"></div>
<div class="mecz1"></div>
</div>
<div class="dolne">
<div class="news2"></div>
<div class="mecz2"></div>
</div>
</div>
<div class="one">
<div class="srodki">
<div class="jeden"></div>
<div class="dwa"><?
 if(!isset($site)) $site="news";
 $invalide = array('/','/\/',':','.');
 $site = str_replace($invalide,' ',$site);
 if(!file_exists($site.".php")) $site = "news";
 include($site.".php");
 ?></div>
<div class="trzy"></div>
</div>
<div class="right">
<div class="part"></div>
<div class="part1"><? include("partners.php") ?></div>
</div>
</div>
</div>
<div class="stopka"></div>
</div>


</body>
</html>

News.html(templates)
Kod: Zaznacz cały
<div style="margin: 0 auto; height:100px; background-image: url(img/news.png) ; width:402px;"><div style="padding-top:60px; margin-left:10px; color:white; size:5;"><font size="2"><b>$date - $time</b></font></div>
<div style="margin-top:-55px; margin-left:52px;margin-bottom:47px;"><font size="3"><b>Temat: $headline</b></font></div>
<div style=" margin-left:260px;padding-bottom:60px;"><font size="1"><b>Autor: $poster</b></font></div>
</div>
<div style="margin-top:30px;width:428px;">
<div style="padding-bottom:20px;width:350px;">$content</div>
<div style="margin-left:260px;margin-bottom:15px;">$adminaction</div>
<div style="margin: 0 auto; background-image: url(img/odstep.png) ; width:350px; height:50px;"></div></div>
lesster
Posty: 33
Dołączył(a): 20.06.2011

Re: Zawijanie tekstu CSS

Post 10.07.2011, 11:03:33

Chyba jesteś już tą pracą zmęczony ;)

Nic Ci nie wyjeżdza tylko daj od czasu do czasu SPACJĘ. Skoro wstukujesz ciąg znaków bez spacji to traktowane jest to jako jeden wyraz, a wyrazu to Ci nie podzieli.
grepla
Posty: 26
Dołączył(a): 21.03.2011

Re: Zawijanie tekstu CSS

Post 10.07.2011, 13:40:46

dzięki wielkie :) poprostu za dużo już tego i nie myśle tak dobrze .
lesster
Posty: 33
Dołączył(a): 20.06.2011

Re: Zawijanie tekstu CSS

Post 10.07.2011, 14:54:10

znam to z doświadczenia, też się tak kiedyś zaciąłem ;)
grepla
Posty: 26
Dołączył(a): 21.03.2011

Re: Zawijanie tekstu CSS

Post 16.07.2011, 13:38:24

poczytaj o funkcji: wordwrap() w php
Avatar użytkownikaAndyPSV
Posty: 679
Dołączył(a): 18.07.2004


Powrót do Początkujący webmaster


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 3 gości

Subskrypcja

Mamy 43422 zarejestrowanych użytkowników.
Najnowszy użytkownik: daczja


Nasi użytkownicy napisali:

  • 909559 wiadomości
  • w 236442 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)