Css ile resim ekleme

13-09-2018, 18:09:06

Merhaba,

Arkadaşlar şöyle bir sorunum var;

Bu şekilde logoyu görüntüleyebiliyorum.

<div class="logo"> <img src="images/logo.png" /></div>

fakat böyle yaptığımda: div içerisindeki img src sildiğim zaman göremiyorum ;

.logo{ width:155px; height: 80px; background-image: "images/logo.png";}

13-09-2018, 18:10:40

#2

etapsoft

Kimlik doğrulama veya yönetimden onay bekliyor.

image nin backroundu değilde divin backrounduna verin image etiketini de silin divin içinden

13-09-2018, 18:23:23

#3

cihatkokcu

klasör yapısını bi kontrol edin derim. birde

background-image:url("images/logo.png");

şeklinde kullanılmalı

13-09-2018, 18:29:11

#4

sinfulls

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

klasör yapısını bi kontrol edin derim. birde

background-image:url("images/logo.png");

şeklinde kullanılmalı

Yok hocam yine olmadı

nereyi yanlış yapıyorum anlamadım. "style.css" dosyamda wamp/www/style.css ana dizinde yani.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>-- </title>
	<link rel="stylesheet" href="style.css" />
	</head>
<body>
<div class="logo"></div>	
</body>
</html>

.logo	{ width:155px; height: 80px; background-image:url("images/logo.png");}

13-09-2018, 20:02:27

#5

cesalp

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

Yok hocam yine olmadı

nereyi yanlış yapıyorum anlamadım. "style.css" dosyamda wamp/www/style.css ana dizinde yani.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>-- </title>
    <link rel="stylesheet" href="style.css" />
    </head>
<body>
<div class="logo"></div>    
</body>
</html>

.logo    { width:155px; height: 80px; background-image:url("images/logo.png");}

background-size:100% 100%;
dener misiniz?

14-09-2018, 00:11:58

#6

Onur89TR

Yazım yanlışınız var.
background-image: url(images/logo.png);
Böyle olmalı ve style dosyanız ile HTML dosyanızın aynı klasörde olduğundan emin olun.

14-09-2018, 14:23:48

#7

Serjean

background-image: "/images/logo.png";}
bu şekilde yazarsanız dosyayı görecektir.

14-09-2018, 18:05:02

#8

sinfulls

Teşekkürler şuan çalıştı