Resme link verme ?

11-12-2014, 16:34:27

#1

LeoS

...

11-12-2014, 16:52:12

LeoS adlı üyeden alıntı: mesajı görüntüle

Merhaba arkadaşlar bir konuda sizden yardım isticektim

bir tane giriş sayfası hazırlıyorum tek bir resim ekledim bu resmin sağ tarafı başka link sol tarafı başka link olsun istiyorum sadece bir tarafını yapabildim bu konuda yardımcı olabilecek bir arkadaş varmı kodları aşağı ekliyorum

Giriş

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="tr">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta name="keywords" content="link.com.tr"/>
        <meta name="ROBOTS" content="FOLLOW, INDEX"/>
        <link media="screen" type="text/css" href="style.css" rel="stylesheet">

        <title>link.Com.tr</title>
    <!-- Css Dosyalari -->
        <style type="text/css">
            body
            {
                background: url('arkaplan.jpg') center center fixed;
                background-size: cover;
            }
        </style>

    </head>
    <body>
        <div id="soltaraf"><h1><a href="http://link.com/"></a></h1></div>

    </body>
</html>

style.css

#soltaraf h1{
	display: block;
	float: left;
	width: 50%;
	height: 100%;
	text-indent: -10000px;
}
#soltaraf h1 a {
    display:block;
    width:100%;
    height:100%;
  }

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="tr">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta name="keywords" content="link.com.tr"/>
        <meta name="ROBOTS" content="FOLLOW, INDEX"/>
        <link media="screen" type="text/css" href="style.css" rel="stylesheet">

        <title>link.Com.tr</title>
    <!-- Css Dosyalari -->
        <style type="text/css">
		a { cursor: pointer; }
		#resim, img { width: 538px; height: 190px; }
		#resim { position: relative; }
		#resim a.sol, #resim a.sag { z-index: 1; position: absolute; top: 0px; bottom: 0px; width: 50%; }
		#resim a.sol { left: 0px; }
		#resim a.sag { right: 0px; }
		</style>
    </head>
    <body>
        <div id="resim"><img src="https://www.google.com.tr/images/srpr/logo11w.png" />
		<a class="sol" href="1.html"></a>
		<a class="sag" href="2.html"></a>
		</div>
    </body>
</html>

Dostum şöyle bir dener misin?