pozdrawiam Jola
Pełna wersja: [HTML][CSS]czy można uzyskac podobny efekt bez ramek?
Chodzi o treść która nie mieści się na wysokość w otaczającym ją DIV. Czy można bez użycia ramek stworzyć taki jakby suwak obok tej treści i przewijać ją
pozdrawiam Jola
pozdrawiam Jola
<div style="overflow:auto">
</div>
oczywiście podać trzeba wymiary diva
</div>
oczywiście podać trzeba wymiary diva
max i min nie zadziałają w gównianym FF
przynajmniej mam takie smutne doświadczenia, ze mi się rozjechała strona po tym
przynajmniej mam takie smutne doświadczenia, ze mi się rozjechała strona po tym
nie ma co upieraćprzyać się przy zadanej wysokości. dobrze jak tekst jest cały widoczny. jeśli chcesz wiedzieć jak ograniczyć szerokość do określonej ilości znaków i pisać w dół(dobrze jest jak znana jest max ilość znaków,ale nie jest to konieczne) todaj znać.
pozdrawiam
pozdrawiam
O to mi chodziło:) overflow auto!
celbarowicz jak inaczej mogłabym zmieścić tekst na stronie jeśli jest bardzo długi? Teraz ma 2300px i mi to przeszkadza np z tego powodu, że musiałam zrobić kolumny o równej wysokości, żeby mi się dopasowywały. Użyłam dużego ujemnego marginesu i dodatniego dopełnienia. Ale przez to nie mogę dodawać np tła obrazkowego na dól tego tekstu bo zwyczajnie go nie widać. A chciałbym, żeby góra była lekko zaokrąglona, ale dół też, no żebym taki ładniutki prostokąt o zaokrąglonych rogach dostała. Poradzisz mi coś w tej sprawie?
pozdrawiam Jola
celbarowicz jak inaczej mogłabym zmieścić tekst na stronie jeśli jest bardzo długi? Teraz ma 2300px i mi to przeszkadza np z tego powodu, że musiałam zrobić kolumny o równej wysokości, żeby mi się dopasowywały. Użyłam dużego ujemnego marginesu i dodatniego dopełnienia. Ale przez to nie mogę dodawać np tła obrazkowego na dól tego tekstu bo zwyczajnie go nie widać. A chciałbym, żeby góra była lekko zaokrąglona, ale dół też, no żebym taki ładniutki prostokąt o zaokrąglonych rogach dostała. Poradzisz mi coś w tej sprawie?
pozdrawiam Jola
nie jestem specem od zaokrągleń, polecam : http://www.egrafik.pl/manual-php-2006/function.wordwrap.php
to rozwiązuje Twój problem. jeśli zastosujesz divy i style to umieścisz text w dowolnym miejscu.
<?PHP
// to jest część której używam w moim skrypcie--można go modyfikować na różne sposoby.
//$link=mysql_connect('localhost','root','');
// mysql_select_db('apartamenty',$link);
// $sql="SELECT kuchnia_ap FROM apartament WHERE id_ap=5";
// $result=mysql_query($sql) or die(mysql_error());
// while($row=mysql_fetch_array($result)){ $kuchnia=$row[0]; }
$kuchnia="celbarowicz jak inaczej mogłabym zmieścić tekst na stronie jeśli jest bardzo długi? Teraz ma 2300px i mi to przeszkadza np z tego powodu, że musiałam zrobić kolumny o równej wysokości, żeby mi się dopasowywały. Użyłam dużego ujemnego marginesu i dodatniego dopełnienia. Ale przez to nie mogę dodawać np tła obrazkowego na dól tego tekstu bo zwyczajnie go nie widać. A chciałbym, żeby góra była lekko zaokrąglona, ale dół też, no żebym taki ładniutki prostokąt o zaokrąglonych rogach dostała. Poradzisz mi coś w tej sprawie?";
function pisz_w_oknie($gora,$prawo,$wysokosc,$szerokosc,$napis,$ileznakow){
echo '<div style="position:absolute;top:'.$gora.'px;left:'.$prawo.'px;width:'.$szerokosc.'px;height:'.$wysokosc.'px;background-color:white;margin-left:10px;
border-color:#daa520;border-style:solid;border-width:1px;">';
$szerokosc2=$szerokosc-12;
$wysokosc2=$wysokosc-12;
echo '<div style="position:absolute;top:5px;width:'.$szerokosc2.'px;height:'.$wysokosc2.'px;background-color:khaki;margin-left:5px;">';
$nowytekst = wordwrap($napis,$ileznakow , "<br />");
echo $nowytekst;
echo '</div>';
echo '</div>';
}
pisz_w_oknie(50,180,160,600,$kuchnia,85);
pisz_w_oknie(250,380,160,600,$kuchnia,85);
?>
z-index:numer; w stylu. określa który element jest na wierzchu ,a który pod spodem. im wyższy nr tym element jest wyżej
a to działa na ie i ff bez php----------------------
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
</head>
<style type="text/css">
div.napis1 {position:absolute;left:600px;
width: 200px;
text-align: Justify;
float: left;
padding-right: 0.8cm;
border-right: solid thin;
margin-left: 1cm;
}
div.napis2 {position:absolute;left:100px;top:250px;
width: 100px;
text-align: Justify;
float: left;
padding-right: 0.8cm;
border-right: solid thin;
margin-left: 1cm;
}
</style>
<body text="red">
<h1>test</h1><br>
<div class="napis1"> to jest bardzo dlugi tekst ,tekst ten nie kończy się i
zastanawiające jest ile można jeszcze pisać,trele morele itd itp xxxx sssttteee vvv aaa hhheee
</div>
<div class="napis2"> drugi tekst jest nieco inny
to jest bardzo dlugi tekst ,tekst ten nie kończy się i
zastanawiające jest ile można jeszcze pisać,trele morele itd itp xxxx sssttteee vvv aaa hhheee
</div>
<div style="position:absolute;left:700px;top:100px;width:200px;height:150px;z-index:-1" ><img src="tu_nazwa_fotki.jpg" width="300" height="200"> </div>
<div style="position:absolute;left:200px;top:300px;width:200px;height:150px;z-index:1" ><img src="tu_nazwa_fotki.jpg" width="300" height="200"> </div>
</body>
</html>
to rozwiązuje Twój problem. jeśli zastosujesz divy i style to umieścisz text w dowolnym miejscu.
<?PHP
// to jest część której używam w moim skrypcie--można go modyfikować na różne sposoby.
//$link=mysql_connect('localhost','root','');
// mysql_select_db('apartamenty',$link);
// $sql="SELECT kuchnia_ap FROM apartament WHERE id_ap=5";
// $result=mysql_query($sql) or die(mysql_error());
// while($row=mysql_fetch_array($result)){ $kuchnia=$row[0]; }
$kuchnia="celbarowicz jak inaczej mogłabym zmieścić tekst na stronie jeśli jest bardzo długi? Teraz ma 2300px i mi to przeszkadza np z tego powodu, że musiałam zrobić kolumny o równej wysokości, żeby mi się dopasowywały. Użyłam dużego ujemnego marginesu i dodatniego dopełnienia. Ale przez to nie mogę dodawać np tła obrazkowego na dól tego tekstu bo zwyczajnie go nie widać. A chciałbym, żeby góra była lekko zaokrąglona, ale dół też, no żebym taki ładniutki prostokąt o zaokrąglonych rogach dostała. Poradzisz mi coś w tej sprawie?";
function pisz_w_oknie($gora,$prawo,$wysokosc,$szerokosc,$napis,$ileznakow){
echo '<div style="position:absolute;top:'.$gora.'px;left:'.$prawo.'px;width:'.$szerokosc.'px;height:'.$wysokosc.'px;background-color:white;margin-left:10px;
border-color:#daa520;border-style:solid;border-width:1px;">';
$szerokosc2=$szerokosc-12;
$wysokosc2=$wysokosc-12;
echo '<div style="position:absolute;top:5px;width:'.$szerokosc2.'px;height:'.$wysokosc2.'px;background-color:khaki;margin-left:5px;">';
$nowytekst = wordwrap($napis,$ileznakow , "<br />");
echo $nowytekst;
echo '</div>';
echo '</div>';
}
pisz_w_oknie(50,180,160,600,$kuchnia,85);
pisz_w_oknie(250,380,160,600,$kuchnia,85);
?>
z-index:numer; w stylu. określa który element jest na wierzchu ,a który pod spodem. im wyższy nr tym element jest wyżej
a to działa na ie i ff bez php----------------------
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
</head>
<style type="text/css">
div.napis1 {position:absolute;left:600px;
width: 200px;
text-align: Justify;
float: left;
padding-right: 0.8cm;
border-right: solid thin;
margin-left: 1cm;
}
div.napis2 {position:absolute;left:100px;top:250px;
width: 100px;
text-align: Justify;
float: left;
padding-right: 0.8cm;
border-right: solid thin;
margin-left: 1cm;
}
</style>
<body text="red">
<h1>test</h1><br>
<div class="napis1"> to jest bardzo dlugi tekst ,tekst ten nie kończy się i
zastanawiające jest ile można jeszcze pisać,trele morele itd itp xxxx sssttteee vvv aaa hhheee
</div>
<div class="napis2"> drugi tekst jest nieco inny
to jest bardzo dlugi tekst ,tekst ten nie kończy się i
zastanawiające jest ile można jeszcze pisać,trele morele itd itp xxxx sssttteee vvv aaa hhheee
</div>
<div style="position:absolute;left:700px;top:100px;width:200px;height:150px;z-index:-1" ><img src="tu_nazwa_fotki.jpg" width="300" height="200"> </div>
<div style="position:absolute;left:200px;top:300px;width:200px;height:150px;z-index:1" ><img src="tu_nazwa_fotki.jpg" width="300" height="200"> </div>
</body>
</html>
Ja nie do końca chyba zrozumiałam. Będę jeszcze to rozgryzać ale czy to na pewno jest sposób na wstawianie zaokrągleń albo innych ozdóbeczek obrazkowych? Bo ja mam po prostu bardzo długie tabele (na każdej stronie innej długości) i dlatego mam te kolumny równej długości zrobione na ujemnych marginesach i dodatnich dopełnieniach. Jeśli da się to zrobić inaczej to bardzo prosiłabym o radę.
Pozdrawiam serdecznie Jola
Pozdrawiam serdecznie Jola
@celbarowicz -> proszę używać BBcode!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.