Hogyan lehet megakadályozni, hogy egy <div> -en belüli <p> tagben lévő hosszú szóveg a <div> határán ne nyúljon túl?
válasza:20:10:
Mégiscsak CCS volt. Szerinted mi ha nem CSS ?
válasza: válasza: válasza:nem ez kellene neked?
word-wrap: break-word;
válasza:Jó lenne feltöltve látni az oldalt.
Amúgy div-nél van olyan ,hogy display:block;
bár nem tudom segít-e..
Itt a teljes html:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#felulet {
margin:auto;
background-color: #FFF;
width: 960px;
height:600px;
}
#header {
height: 100px;
width: 100%;
background-color: #FFF;
}
#felulet #content #szoveg {
background-color:#69C;
}
#menuTarolo {
background-color: #FFF;
width: 20%;
height:100%;
margin-top:0px;
float:left;
}
#content {
background-color: #FFF;
height: 100%;
width: 100%;
}
#contentfocim {
background: #FFF;
height: 10%;
width: 90%;
margin:auto;
margin-top:10px;
border-top:inset;
border-top-width:thin;
border-bottom:inset;
border-bottom-width:thin;
}
#menu{
list-style:none;
margin:0px;
padding:0px;
}
#menuTarolo ul li{
background-color: #FFF;
padding:4px;
margin:2px;
vertical-align:middle;
}
#menuTarolo ul li a{
text-decoration:none;
display:block;
font-weight:lighter;
font-family: Calibri;
font-size:18px;
color: #333;
padding-bottom:15px;
padding-top:10px;
border-bottom: inset;
border-bottom-width:1px;
}
</style>
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.cegs').animate({
opacity: 0.25,
left: '+=50',
height: 'toggle'
}, 1000, function() {
// Animation complete.
});
// do stuff when DOM is ready
});
</script>
</head>
<body>
<div id="felulet">
<div id="header">
<img src="header.jpg" width="960" height="100" />
<div id="kis_swf">
</div>
</div>
<div id="menuTarolo">
<ul id="menu">
<li class="ceg"><a href="#">Cégünkről</a></li>
<li class="szolg"><a href="#">Szolgáltatások</a></li>
<li class="ajn"><a href="#">Árajánlatkérés</a></li>
<li class="visszhiv"><a href="#">Visszahívjuk</a></li>
<li class="kapcs"><a href="#">Kapcsolat</a></li>
<li class="egyeb"><a href="#">Egyéb</a></li>
</ul>
</div>
<div id='content'>
<h1>Bla bla bla bjah ha h ahhahhah hahah</h1>
<p id="szoveg">Az MS Excel Bla bla bla bjahBla bla bla bjahBla bla bla bjahBla bla bla bjahBla bla bla bjahBla bla bla bjahBla bla bla bjahBla bla bla bjahBla bla bla bjahBla bla bla bjahBla bla bla bjahBla bla bla bjahBla bla bla bjah</p>
</div>
</div>
</body>
</html>
20:20:
Lehet, azt még nem próbáltam.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!