HTML load olmadan açılan pəncərə

Salam Load edilmədən açılan pəncərə necə düzəltək olar ?
Nümunə görüntü: [img]http://i.imgur.com/e3PCR18.png?1[/img]
ama Javascript yox html ilə lazımdır

Sualı verdi: Hasan0208 (02/06/2016)

block, CSS3, HTML, html5, window. Qısa keçid.

Verilmiş cavablar və yazılan şərhlər (6 cavab var)

Hasan0208

(03:39, 02/06/2016 ) #63380

View post on imgur.com

Cavablamaq üçün sağ sütundan hesaba daxil olmaq lazımdır

E. Hacı

(10:48, 02/06/2016 ) #63381

Web proqramlaşdırma HTML-dən ibarət deyil, javascriptdən qaçmaqla heç nə əldə etmək olmaz. Bu işlər javascript ilə olur. HTML-də belə bir komponent mövcud deyil.
Bu işlər html-css-javascript ilə reallaşır. Hər üçünü bilmədən və ya öyrənməkdən qaçmaqla ümumiyyətlə bu işlə məşğul olmağa dəyməz.
Bootstrap framework-də məsələn bu dediyiniz sadə bir komponentdir, copy paste edirsiz vəssalam. Yəni özünüz javascript yazmırsız, bootstrap-da bu hazır yazılıb.
http://getbootstrap.com/javascript/#tabs

Cavablamaq üçün sağ sütundan hesaba daxil olmaq lazımdır

(18:09, 04/06/2016 ) #63415

Salam,
Bu mümkündür.
Sırf sizin dizayn ilə istədiyinizi yazdım.

Cavablamaq üçün sağ sütundan hesaba daxil olmaq lazımdır

(18:11, 04/06/2016 ) #63416


    .pencere1 {width: 200px; height: 50px; border-bottom: 5px solid black; border-right: 5px solid black; font-weight: bold; font-size: 25px; line-height: 47px; font-family: arial;}
    .pencere1-div {background: white; width: 200px; height: 50px;}
    .pencere1-div:hover {background: black; width: 200px; height: 50px; cursor: pointer; color: white;}
    .pencere1-div2 {display: none;}
    .pencere1-div:hover .pencere1-div2 {display: block; position: absolute; color: black; padding: 10px; text-align: left;}
	.pencere2 {width: 200px; height: 50px; border-bottom: 5px solid black; border-right: 5px solid black; font-weight: bold; font-size: 25px; line-height: 47px; font-family: arial;}
    .pencere2-div {background: white; width: 200px; height: 50px;}
    .pencere2-div:hover {background: black; width: 200px; height: 50px; cursor: pointer; color: white;}
    .pencere2-div2 {display: none;}
    .pencere2-div:hover .pencere2-div2 {display: block; position: absolute; color: black; padding: 10px; text-align: left; left: 13px;}
	.pencere3 {width: 200px; height: 50px; border-bottom: 5px solid black;  font-weight: bold; font-size: 25px; line-height: 47px; font-family: arial;}
    .pencere3-div {background: white; width: 200px; height: 50px;}
    .pencere3-div:hover {background: black; width: 200px; height: 50px; cursor: pointer; color: white;}
    .pencere3-div3 {display: none;}
    .pencere3-div:hover .pencere3-div3 {display: block; position: absolute; color: black; padding: 10px; text-align: left; left: 13px;}


<table style="width: 600px;border: 5px solid black" cellpadding="0" cellspacing="0">
	<tr>
		<td class="pencere1" align="center">
			<div class="pencere1-div">Pəncərə 1
				<div class="pencere1-div2">P-1, Təcrübə müəllimlərin ən yaxşısıdır.</div>
			</div>				
		</td>
		<td class="pencere2" align="center">
			<div class="pencere2-div">Pəncərə 2
				<div class="pencere2-div2">P-2, Bildiklərin bilmədiklərinin
 yanında heç dərəcəsindədir.</div>
			</div>	
		</td>
		<td class="pencere3" align="center">
		    <div class="pencere3-div">Pəncərə 3
				<div class="pencere3-div3">P-3,Oxumaq lazımdır</div>
			</div>	
		</td>
	</tr>
	<tr>
		<td style="width: 200px;height: 200px;background: white" colspan="3">
		</td>
	</tr>
</table>

Cavablamaq üçün sağ sütundan hesaba daxil olmaq lazımdır