Mam takie pytanie jaka powinna być wartość w divie, żeby tekst jak go będzie za dużo nie wyjeżdzał poza div czyli jak mam sobie
mp.
div.a {
height: 500px;
width: 300px;
}
a w tym problem że jak umieszcze dużo tekstu w tym divie czy jakieś inne tabele to końcowy tekst znajdzie się za divem.
div.a {
height: 500px;
width: 300px;
overflow: hidden;
}
Powinno zadziałać.
Jeżeli zależy Ci na zachowaniu stałej wysokości diva to dodaj mu
overflow: hidden
co się nie zmieści na ekranie to zostanie ukryte. Jeżeli chcesz żeby div dostosowywał swoje rozmiary do zawartości to nie ustalaj jego wysokości/szerokości bądź rozważ użycie min/max-width/height, wtedy możesz
I taka rada -'a' to średnio fajna nazwa klasy, lepiej użyć czegoś co lepiej odda rolę elementu.
Ale jak ja nie wpiszę wysokości to wtedy tekst, który jest w divie jest za divem i to overflow powoduje że tego tekstu, który powinien znależć się w divie nie ma.
masz coś w kodzie namieszane, podeślij css cały i fragment kodu html
word-break: break-all lub nie ustawiaj wielkości na sztywno bo tam się ten tekst po prostu nie zmieści z obecnym rozmiarem czcionki.
CSS
body {
margin:0;
padding:0;
border : 0;
/*background-image: url(./tlo.jpg)*/
}
div.strona {
height: 1024px;
width: 100%;
background-color: #0f81a6;
}
div.tytul {
height: 100px;
width: 100%;
background: -webkit-linear-gradient(black, #0f81a6); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(black, #0f81a6); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(black, #0f81a6); /* For Firefox 3.6 to 15 */
background: linear-gradient(black, #0f81a6); /* Standard syntax */
}
div.pusto {
float: left;
width: 10%;
}
div.pusto2 {
height: 5%;
}
div.menu {
float: left;
height: 400px;
width: 17%;
border-style: solid;
/* For Safari 5.1 to 6.0 */
background: -webkit-linear-gradient(left,#0f81a6,#10387c);
/* For Opera 11.1 to 12.0 */
background: -o-linear-gradient(left,#0f81a6,#10387c);
/* For Fx 3.6 to 15 */
background: -moz-linear-gradient(left,#0f81a6,#10387c);
/* Standard syntax */
background: linear-gradient(left,#0f81a6,#10387c);
}
div.tytul2 {
height: 40px;
width: 100%;
background: -webkit-linear-gradient(black, #0f81a6); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(black, #0f81a6); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(black, #0f81a6); /* For Firefox 3.6 to 15 */
background: linear-gradient(black, #0f81a6); /* Standard syntax */
}
font.menu {
color: #67e1ec;
font-size: 22px;
}
div.menu3 {
font-size: 12px;
border-bottom-style: solid;
}
a.menu {font-family: verdana; font-size: 15px; color:#67e1ec; vertical-align:middle; text-decoration:none; }
a.menu:hover {font-family: verdana; font-size: 15px; color:#FFFFFF ; vertical-align:middle; text-decoration:none}
a.przycisk {font-family: verdana; font-size: 16px; color:#a9c633; vertical-align:middle; text-decoration:none; }
a.przycisk:hover {font-family: verdana; font-size: 16px; color:#67e1ec; vertical-align:middle; text-decoration:none; }
a.wyloguj {font-family: verdana; font-size: 15px; color:#ff0000; vertical-align:middle; text-decoration:none; }
a.wyloguj:hover {font-family: verdana; font-size: 15px; color:#FFFFFF ; vertical-align:middle; text-decoration:none}
font.normalna {font-family: verdana; font-size: 15px; color:#0f8df8; vertical-align:middle; text-decoration:none; }
font.normalna2 {font-family: verdana; font-size: 15px; color:#c0cf15; vertical-align:middle; text-decoration:none; }
font.blad {font-family: verdana; font-size: 15px; color:#FF0000; vertical-align:middle; text-decoration:none; }
font.pogrubiona {font-family: verdana; font-size: 19px; color:#a9c633; vertical-align:middle; text-decoration:none; }
a.kalendarz {font-family: verdana; font-size: 15px; color:#67e1ec; vertical-align:middle; text-decoration:none; }
a.kalendarz:hover {font-family: verdana; font-size: 15px; color:#FFFFFF ; vertical-align:middle; text-decoration:none}
div.menu2 {
float: left;
height: 600px;
overflow: hidden;
width: 50%;
border-style: solid;
/* For Safari 5.1 to 6.0 */
background: -webkit-linear-gradient(left,#0f81a6,#10387c);
/* For Opera 11.1 to 12.0 */
background: -o-linear-gradient(left,#0f81a6,#10387c);
/* For Fx 3.6 to 15 */
background: -moz-linear-gradient(left,#0f81a6,#10387c);
/* Standard syntax */
background: linear-gradient(left,#0f81a6,#10387c);
}
HTML
<?php
require("./clasy/config.php");
require("./funkcje.php");
require("./clasy/data.php");
require("./clasy/user.php");
require("./clasy/substancje.php");
$baza = new mysqli(localhost,user_host,haslo_host,baza_host);
//require("./clasy/substancje.php");
$obiekt_data = new data;
$user = new uzytkownicy;
//print $_POST["login"];
//print $_POST["bool"];
if (isset($_POST["login"]) ) {
//print "dupa";
$zmienna = $user->zaloguj($_POST["bool"]);
if ($zmienna == 3) header("location: ./index.php?komunikat=Uzupełnij pole login i hasło");
if ($zmienna == 2) header("location: ./index.php?komunikat=Nie poprawne hasło bądż nazwa użytkwownika");
}
else if ($user->sprawdz_usera() == false) {
header("location: ./index.php?komunikat=musisz się zalogować");
}
$user2 = $user->user;
$style= style;
?>
<html>
<head>
<?php print (" <link href=$style rel=\"stylesheet\" type=\"text/css\" >"); ?>
</head>
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<body>
<div class=strona>
<div class=tytul>
</div>
<div class=pusto2>
 
</div>
<div class=pusto>
 
</div>
<div class=menu>
<div class=tytul2>
<div align=center><font class=menu>MENU</font></div>
</div>
<div class=menu3>
<div align=center><a class=menu href=./kalenadarz.php>kalendarz</a></div>
</div>
<div class=menu3>
<div align=center><a class=menu href=./kalenadarz.php?strona=dodaj>Wprowadź nową substancje do bazy</a></div>
</div>
<div class=menu3>
<div align=center><a class=menu href=./kalenadarz.php?strona=edytuj>Edytuj substancje</a></div>
</div>
<div class=menu3>
<div align=center><a class=menu href=./kalenadarz.php?strona=wyszukaj>Wyszukaj substancje w bazie</a></div>
</div>
<div class=menu3>
<?php print ("<div align=center><a class=menu href=./kalenadarz.php?strona=wyloguj>Wyloguj <b>$user2</b></a></div>"); ?>
</div>
</div>
<div class=pusto>
 
</div>
<div class=menu2>
<div class=tytul2>
<div align=center><font class=menu>KALENDARZ</font></div>
<br>
<?php
/*
Jeżeli włączymy np. andepin 3 marca to sprawdza czy 2,1,29 lutego też był przyjmowany czyli jak mamy to zrobić dla daty 3 marca to sprawdzamy dla wcześniejszych dat czyli jak wybraliśmy, że ma obliczyć w przeciągu 3 tygodni średnią dawkę czyli jak był dzień przerwy to już resetuje wartośc średnią czyli w tym przypadku 3 tygodnie
*/
if ($_GET["strona"] == "kalenadarz" or !isset($_GET["strona"]) ) {
include ("./kale.php");
}
if ($_GET["strona"] == "wyloguj") {
$user->wyloguj();
header("location: ./index.php?komunikat=Wylogowałeś się pomyślnie");
}
if ($_GET["strona"] == "dodaj") {
include ("./dodaj_nowa.php");
}
?>
</div>
</div>
</div>
</body>
</html>
<?php
?>
Ale jak ja nie wpiszę wysokości to wtedy tekst, który jest w divie jest za divem i to overflow powoduje że tego tekstu, który powinien znależć się w divie nie ma.
overflow: visible - tekst będzie wylatywał za diva
overflow: hidden - tekst nie będzie wylatywał, ale nie pojawi się scroll
overflow: scroll - tekst nie będzie wylatywał, pojawi się scroll
overflow: auto - test nie będzie wylatywał, scroll pojawi się, gdy tekst się nie mieści
Ale masz nawalone w tym kodzie zbędnych rzeczy, jakieś klasy pusto które i tak jakoś w dziwny sposób działają, itd. Myślę, że clear:both w CSS a dokładniej w tych pusto i menu powinno załatwić sprawę bo ta funkcja resetuje float:left/right i usuń height, jak już to zrób min-height i teraz overflow:hidden się raczej nie przyda a co do łamania wyrazów to word-wrap:break-word załatwi sprawę żeby nie wychodziło za diva tekst jeśli to długi ciąg znaków.
Niestety ale nie mogę dokładnie przeanalizować tego bo brakuje plików itd. ale powinieneś poprawić css