PROBLEM Z DIV'em

Eldawido · Czerwiec 9

Witam, otóż mam problem z div'ami mianowicie:

chciałbym żeby mój div

a) rozciągał się automatycznie, dostosowując się do ilości tekstu (ale tylko wysokość, szerokość chce mieć stałą)

chce, żeby zawartość linku, otwierała się w div'e

c) chciałbym, żeby div był pośrodku przeglądarki, niezależnie od rozdzielczości ekranu.

Treści dotyczące problemu a) i znalazłem tu:

http://www.webtips.pl/topic/32618-otwieranie-stron-z-menu-do-boxa/

lecz niestety wciąż nie potrafię sobie z Tym poradzić. Byłbym niezmiernie wdzięczny za pokierowanie mnie co gdzie mam napisać

TO kod przykładowej(TESTOWEJ) strony na której próbowałem już coś kombinować:


&lt;html&gt;

&lt;head&gt;
&lt;script type="$(document).ready(function(){
$("a[ref='LINK DIV']").click(function(){
var hash = this.href;
hash = hash.replace(/^.*#/, '');
$("#content").load(hash);
return false;
});
});"&gt;
&lt;script type="text/javascript" src="jQuery"&gt;&lt;/script&gt;
&lt;/script&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=windows-UTF-8"&gt;
&lt;title&gt;Nowa strona 1&lt;/title&gt;
&lt;/head&gt;
&lt;p&gt; 
&lt;body&gt;
&lt;br&gt;
&lt;br&gt;
&lt;br&gt;

&lt;/p&gt;
&lt;div style="position: relativ; margin: 0px auto; width: 100px; height: 100px; z-index: 1; left: 15px; top: 64px; background-color: #FFFFCC" id="layer1"&gt;
 &lt;/div&gt;


&lt;p&gt;&lt;a target="_blank" href="link.htm"&gt;normalny linkn&lt;/a&gt;&lt;/p&gt;

&lt;a ref="LINK DIV" href="link.html"&gt;

&lt;p&gt;&lt;a ref="LINK DIV" href="link.htm"&gt;LINK do DIV&lt;/a&gt;&lt;br&gt;
&lt;br&gt;
&lt;br&gt;
&lt;/body&gt;

&lt;/html&gt;

Z góry dziękuję, pozdrawiam.

dobby · Lipiec 6

Przede wszystkim źle wstawiłeś kod. Po drugie wszystko wstawileś w jeden plik, bez cssa, jak efekt końcowy proponuje to poprawić. Tu poprawiony kod:

&lt;html&gt;

&lt;head&gt;
&lt;script type="text/javascript" src=" jquery-1.3.2.min.js"&gt; &lt;/script&gt;
&lt;script type="text/javascript"&gt;
//tutaj ten kod
$(document).ready(function(){
$("a[ref='menu']").click(function(){
var hash = this.href;
hash = hash.replace(/^.*#/, '');
$("#layer1").load(hash);
return false;
});
});
&lt;/script&gt;

&lt;meta http-equiv="Content-Type" content="text/html; charset=windows-UTF-8"&gt;
&lt;title&gt;Nowa strona 1&lt;/title&gt;
&lt;/head&gt;
&lt;p&gt; 
&lt;body&gt;
&lt;br&gt;
&lt;br&gt;
&lt;br&gt;

&lt;/p&gt;
&lt;div style="position: relativ; margin: 0px auto; width: 100px; height: 100px; z-index: 1; left: 15px; top: 64px; background-color: #FFFFCC" id="layer1"&gt;
 &lt;/div&gt;


&lt;p&gt;&lt;a target="_blank" href="link.htm"&gt;normalny linkn&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a ref="layer1" href="#link.htm"&gt;LINK do DIV&lt;/a&gt;&lt;/p&gt;&lt;br&gt;
&lt;br&gt;
&lt;br&gt;
&lt;/body&gt;

&lt;/html&gt;

No i nie zapomnij ściągnąc biblioteki jQuery.

To sie tyczy problemu b, problem a czyli zmienna wysokość diva - musisz height diva ustawić na auto.

Problem c rozwiążesz za pomocą margin 0 auto; nadanemu divowi.

Zaloguj się

PROBLEM Z DIV'em

Recommended Posts

Eldawido

Link do komentarza

Udostępnij na innych stronach

dobby

Link do komentarza

Udostępnij na innych stronach

Join the conversation

Przeglądaj

Aktywność