+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Problem z div'em (/thread-problem-z-div-em)
Problem z div'em - eldawido - 09-06-2010
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łą)
B) chce, żeby zawartość linku, otwierała się w div'e
Treści dotyczące problemu a) i B) 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ć:
Kod:
<html>
<head>
<script type="$(document).ready(function(){
$("a[ref='LINK DIV']").click(function(){
var hash = this.href;
hash = hash.replace(/^.*#/, '');
$("#content").load(hash);
return false;
});
});">
<script type="text/javascript" src="jQuery"></script>
</script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-UTF-8">
<title>Nowa strona 1</title>
</head>
<p>
<body>
<br>
<br>
<br>
</p>
<div style="position: relativ; margin: 0px auto; width: 100px; height: 100px; z-index: 1; left: 15px; top: 64px; background-color: #FFFFCC" id="layer1">
</div>
<p><a target="_blank" rel="nofollow" href="link.htm">normalny linkn</a></p>
<a ref="LINK DIV" href="link.html">
<p><a ref="LINK DIV" href="link.htm">LINK do DIV</a><br>
<br>
<br>
</body>
</html>Z góry dziękuję, pozdrawiam.
RE: Problem z div'em - mati1791 - 09-06-2010
a) zamiast height wpisz w stylach min-height: ...px - jesli np dasz 500px to ten div bedzie caly czas mial taka wysokosc a jesli dodasz wiecej tekstu to on sie automatycznie rozciagnie
b)moze sproboj zamiast <a ref="LINK DIV" href="link.htm">LINK do DIV wpisac <a ref="LINK DIV" href="#id diva">LINK do DIV
tam gdzie #id diva to wpisz po prostu id tego diva do ktorego chcesz zeby ten odnoscik sie "zanosil"
cos podobnego mam na swojej stronce - tylko ze efekt przejscia z diva do diva mam w js