 [HTML][CSS]czy można uzyskac podobny efekt bez ramek? |
| [HTML][CSS]czy można uzyskac podobny efekt bez ramek? |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 259 Pomógł: 0 Dołączył: 12.07.2009 Ostrzeżenie: (10%) 
 |
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ą (IMG:style_emoticons/default/questionmark.gif)
pozdrawiam Jola |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 45 Pomógł: 2 Dołączył: 16.02.2007 Ostrzeżenie: (0%) 
|
<div style="overflow:auto">
</div> oczywiście podać trzeba wymiary diva (IMG:style_emoticons/default/winksmiley.jpg) Ten post edytował Romskey 8.10.2009, 00:21:13 |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 1 495 Pomógł: 245 Dołączył: 1.07.2009 Skąd: Bydgoszcz Ostrzeżenie: (0%)
|
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 352 Pomógł: 53 Dołączył: 10.08.2009 Ostrzeżenie: (0%)
|
max i min nie zadziałają w gównianym FF
przynajmniej mam takie smutne doświadczenia, ze mi się rozjechała strona po tym (IMG:style_emoticons/default/biggrin.gif) Ten post edytował jmail 8.10.2009, 03:30:06 |
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 253 Pomógł: 31 Dołączył: 30.03.2009 Skąd: Szczecin Ostrzeżenie: (0%)
|
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 |
|
|
|
|
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 259 Pomógł: 0 Dołączył: 12.07.2009 Ostrzeżenie: (10%)
|
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 |
|
|
|
|
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 253 Pomógł: 31 Dołączył: 30.03.2009 Skąd: Szczecin Ostrzeżenie: (0%)
|
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> |
|
|
|
|
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 259 Pomógł: 0 Dołączył: 12.07.2009 Ostrzeżenie: (10%)
|
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 |
|
|
|
|
Post
#9
|
|
|
Grupa: Moderatorzy Postów: 4 069 Pomógł: 497 Dołączył: 11.05.2007 Skąd: Warszawa |
@celbarowicz -> proszę używać BBcode!
|
|
|
|
 |
|
Aktualny czas: 15.10.2025 - 19:33 |
