+- 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: [CSS] link+Ladowanie dynamiczne do DIV-a (/thread-css-link-ladowanie-dynamiczne-do-div-a)
Strony:
1
2
[CSS] link+Ladowanie dynamiczne do DIV-a - kuki - 06-03-2012
Witam
Zacznę od tego że widziałem na tym forum post na którym ktoś pytał jak cos takiego wykonać i podał linka do strony - niestety jak nazłość nie mogę zaleście tego posta więc dlatego kieruje do was to pytanie.
Chciał bym by po najechaniu na linka na stronie automatycznie ładował sie DIV (był by on niewielkim kwadratem informującym o kontakcie po najechaniu na linka kontakt.
W chwili obecnej mam niewiele ale to co mam:
Kod:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="Content-type" content="application/xhtml+xml; charset=iso-8859-2" />
<meta name="Description" content=" [wstaw tu opis strony] " />
<meta name="Keywords" content=" [wstaw tu slowa kluczowe] " />
<meta name="Author" content=" [dane autora] " />
<meta name="Generator" content="kED" />
<title> [tytuł strony] </title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div class="NAGLOWEK"> test </div>
<div class="menu"; >
<ul>
<li><a href="#">test</a></li>
<li><a href="#">usługi</a></li>
<li><a href="#">kontakt</a></li>
<li><a href="#">godziny otwarcia</a></li>
</ul>
</div>
</body>
</html>CSS/
----------------------------------------------------------------------------------
Kod:
html, body {
background-color: white;
color: #000;
margin: 0;
padding: 0;
height: 100%
}
.top {
width: 780px;
}
.NAGLOWEK {
background-color: #888
width: auto;
height: 60px;
}
.MENU {
width: auto;
height: auto;
float: center;
text-align:center;
margin:0;
background-color: white;
}
.STOPKA {
clear: both;
width: 100%;
background-color: #888;
}
ul li {
display: inline;
text-align: center;
height:1px;
margin-left:1cm;
margin-right:1cm;
}
a {
text-decoration: none;
}----------------------------------------------------------------------------------
dodałem załącznik by nieco bardziej wyjaśnić
przyklad.PNG (Rozmiar: 9.35 KB / Pobrań: 12)
RE: [CSS] link+Ladowanie dynamiczne do DIV-a - Zawiii - 06-03-2012
chyba najłatwiej by było jako tooltip w jquery to zrobić. Ewentualnie jakis skrypcik dodający .class przy onmouseover albo hover.
O ile dobrze rozumuje założenia
RE: [CSS] link+Ladowanie dynamiczne do DIV-a - kuki - 06-03-2012
jeśli chodzi jquery to znalazłem:
http://www.webmastertalk.pl/ladowanie-podstron-w-div-problem-t-4470.html
jesli chodzi jakiś skrypcik dodający .class przy onmouseover albo hover to coś zdarzyłem przeczytać ale jak to wykonać tego nie wiem.
reasumując poruszając sie po stronie HTML oraz CSS nie jestem wstanie tego wykonać ?
Ewentualnie czy mógł bym prosić o mały przykaład ".class przy onmouseover albo hover."
RE: [CSS] link+Ladowanie dynamiczne do DIV-a - kuki - 07-03-2012
by nie zakladac nowego wątku mam pytanie czemu DIV-y po wpisaniu poniższego nie przylegaja do siebie w poziomie ?
Kod:
.NAGLOWEK {
background-color: blue;
width: auto;
height: 60px;
position: relative;
margin : 0px;
border : none;
padding : 0px;
}
.MENU {
width: auto;
height: auto;
text-align:center;
background-color:black;
margin : 0px;
border : none;
padding : 0px;
}
.TRESC {
width: 630px;
height:auto;
overflow: hidden;
background-color:green;
text-align:center;
margin-left: 4cm;
margin-top: 0px;
border : none;
padding : 0px;
}RE: [CSS] link+Ladowanie dynamiczne do DIV-a - Kartofelek - 07-03-2012
Odpowiedź jest prosta. Po ten kod jest bez sensu
RE: [CSS] link+Ladowanie dynamiczne do DIV-a - kuki - 07-03-2012
Każda odpowiedz jest dobra
kod zmieniłem
Kod:
html, body {
background-color: orange;
color: #000;
height:100%;
margin:0px 10px 0px 10px;
}
.NAGLOWEK {
background-color: blue;
width: auto;
height: 60px;
position: relative;
}
.MENU {
width: auto;
height: 10px;
text-align:center;
background-color:black;
}
.TRESC {
width: 630px;
height:600;
background-color:green;
text-align:center;
}jeszcze tylko pozostaje by hiperłącza w postaci tekstu umieścić na samym dole DIV-a
@Kartofelek co do kody pewnie przez pewien czas będzie jeszcze bez sensu ale to okres eksperymentów
@kornel_webmaster mimo zmiany dobrze wiedzieć
RE: [CSS] link+Ladowanie dynamiczne do DIV-a - kuki - 07-03-2012
DIV .MENU
a tu wpis z html-a
Kod:
<div class="menu"; >
<ul>
<li><a href="#">test</a></li>
<li><a href="#">usługi</a></li>
<li><a href="#">kontakt</a></li>
<li><a href="test.html">menu</a>
</li>
</ul>RE: [CSS] link+Ladowanie dynamiczne do DIV-a - kuki - 07-03-2012
@kornel_webmaster Dzieki