Autor Zpráva
Hejnator
Profil
Ahoj mám problém. Udělal jsem si třísloupcové stránky. Dal jsem display block, ale stejně mi text leze z jednoho sloupce do druhého. Chci aby e řídil podle šířky.

Kód CSS:

/*CSS Document for HC Buldoci Bezděčín*/

body {
	background-color: black;
	background-repeat:repeat-y;
	color:white;
	display:block;
	font-family:Arial;
	font-size: 14px;
	margin:2px;
	padding: 2px;
	text-align: center;
	width: 1000px;
}

/*textové plochy*/

.hlavicka {
	width: 1000px;
}

.hlavni {
	background-image:url(../obr/pozadi.gif);
	background-repeat: no-repeat;
	display:block;
	width: 1000px;
}

.levypanel {
	background-color:yellow;
	display:block;
	float: left;
	height: 750px;
	width:250px;
}

.podhlavni {
   display:block;
	float: right;
	height:750px;
	width: 750px;
}

.stredovypanel{
	background-color:lime;
	display:block;
	float: left;
	height:750px;
	width: 500px;
}

.pravypanel {
	background-color:aqua;
	display:block;
	float: right;
	height: 750px;
	width: 250px;
}



Kód HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
	<meta name="description" content="HC Buldoci Bezděčín">
	<meta name="keywords" content="hokej,Bezděčín,Bezdecin,HC Bezděčín,HC Bezdecin,Buldoci,HC Buldoci,Hejna,Havelka,Kroutil,Žák,Melichar,Opočenský,Plechata,Škoda,Charvát,Florian
	,Kučera,Stránský,Kopecký,Jablonec,Jablonec nad Nisou,Čermák,amatérský hokej,Bauer, neregistrovaná liga, neoficiální kluby">
	
	<title>Oficiální web hokjového klubu HC Buldoci Bezděčín</title>
	
	<link href="css/css.css" rel="stylesheet" type="text/css">
</head>

<body>

 <div class="hlavicka">
  <img src="obr/banner.gif" width="1000" height="350">
 </div>
 
 <div class="hlavni">
 
  <div class="levypanel">
  ddsfdsfsdfdsfddsfdsfsdsdasdasdasdasdasdasdasdad
  	<div class="uvod"><a href="index.html"></a></div>
	<div class="aktuality"><a href="news.html"></a></div>
	<div class="chat"><a href="chat.html"></a></div>
	<div class="multimedia"><a href="media.html"></a></div>
	<div class="team"><a href="team.html"></a></div>
	<div class="kontakt"><a href="kontakt.html"></a></div>
  </div>
  
  <div class="podhlavni">
   
	<div class="stredovypanel">
	 
	  ddsfdsfsdfdsfddsfdsfsdsdasdasdasdasdasdasdasdad
	</div>
	
	<div class="pravypanel">
	 ddsfdsfsdfdsfddsfdsfsdsdasdasdasdasdasdasdasdad
	</div>
	
  </div>

</div>



</body>
</html>

fuckin
Profil
zkus toto
http://www.jakpsatweb.cz/css/priklady/word-wrap.html

Jestli to nepomuze tak mas divne nastavenou sirku nadrazeneho elementu.
Hejnator
Profil
To nepomůže, protože to dělá ve všech prohlížečích.
Hejnator
Profil
Nikdo neví? Pls
Anika
Profil *
Zkus si do těch pokusných textů udělat sem tam mezeru, aby to bylo dlouhé jako normální slova. (ddsfds fsdfdsf ddsfds fsdsdasd asdasd asdasda sdasd ad). Nebo zkus napsat něco normálního, nějakou větu.
Hejnator
Profil
Funguje to díky ti.
Bubák
Profil
Nebo zkus napsat něco normálního, nějakou větu.
Na takové věci jsou Lorem Ipsum generátory, třebas tento: http://cs.lipsum.com/
fuckin
Profil
Hejnator
Tak to byl fakt blby dotaz. Cekals ze se ti slovo bez mezery samo zalomi? Ja predpokladal ze chces odradkovat dlouhe slovo, necekal sem ze nevis jaky je v tom rozdil.


Jak je psano vyse, pouzivej lorem ipsum.
Bubák
Profil
Tak to byl fakt blby dotaz.
Aspoň není sám, před 43 hodinami se tu objevila nejaka somarina.
Hejnator
Profil
Sorry no. Ještě bych se chtěl zeptat na toto. Chtěl bych trochu posunout text, ale když pužiju padding tak se mi to celé rozhodí. Pokud je to BLBÝ dotaz, tak se omlouvám, ale člověk se prostě zasekne i kraviny! Jestli s tím má někdo problém, tak je to jeho věc a ať si to nechá pro sebe.
Hejnator
Profil
Hejnator
Profil


Bílé čáry vyznačují konce panelů.
Plaváček
Profil
Hejnator

Prostuduj si: http://ie-brouci.dero.name/box-model.html a http://wellstyled.com/html-doctype-and-browser-mode.html

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: