Forum PHP.pl > [CSS][HTML]Nie widać zdjęcia

aas92

10.11.2015, 22:40:54

Ktoś powie mi co robię źle. Próbuje wstawić navbar na logo. Nie wychodzi mi za cholere

HTML:

Kod

<head>
    <meta charset='utf-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'>
    <title>nazwa</title>
    <meta name="description" content="opis">
    <meta name="keywords" content="słowa kluczowe" />
    <meta name="robots" content="noindex,nofollow">
    <meta name="googlebot" content="unavailable_after: 31-Dec-2007 23:59:59 EST">
    <link rel='stylesheet' href='css/style.css'>
</head>
<body>
<div id="logo">
            <img src="C:\Users\Mateusz\Desktop\strona\page\images\navbar.png" />
</div>
</body>

CSS:

Kod

body
{
background-color:blue;
padding:0;
margin:0;
}

.logo
{
background-image: url('C:\Users\Mateusz\Desktop\strona\page\images\logo.jpg');
width:100%;
height:100%;
bottom:0;
}

mmmmmmm

10.11.2015, 22:47:41

Nie sądzę, by serwer (nawet lokalhost) sięgał tak daleko (aż do C:). Uzyj ścieżek względnych

aas92

10.11.2015, 23:02:36

Zdjęcie z html navbar widać. A z css z div logo nie widać. Używałem ścieżek względnych ale to nic nie dało

MeGusta

10.11.2015, 23:16:39

Zacznijmy od tego, zapewne grafiki trzymasz w tym samym folderze co strona tak?

Jeśli tak to w kodzie wystarczy taka ścieżka:

[HTML] pobierz, plaintext 
#logo
{
    height: 122px;
    width: 450px;
 
    background: url('nazwazdjecia.jpg');
}
 
lub
 
<img src="nazwazdjecia.jpg"></img>
[HTML] pobierz, plaintext

aas92

10.11.2015, 23:23:57

Tak. Tylko mi chodzi o to ze masz plik logo o jakiś tam wymiarach. I tzw. Belkę. Chce nałożyć na logo belkę i umieścić na niej przyciski.
I mi to nie wychodzi.

miras

11.11.2015, 00:01:42

Wklej obecny kod.

aas92

11.11.2015, 13:01:56

Chce uzyskać taki efekt narazie bez przycisków:

HTML:

Kod

<head>
    <meta charset='utf-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'>
    <title>nazwa</title>
    <meta name="description" content="opis">
    <meta name="keywords" content="słowa kluczowe" />
    <meta name="robots" content="noindex,nofollow">
    <meta name="googlebot" content="unavailable_after: 31-Dec-2007 23:59:59 EST">
    <link rel='stylesheet' href='css/style.css'>
</head>
<body>

<div id="logo" />
<div id="navbar" />

</body>

CSS:

Kod

body
{
background-color:a4786e;
padding:0;
margin:0;
}

.logo
{
background-image:url('../images/logo.jpg');
position:relative;
width:100%;
height:300px;
bottom:0;
}

.navbar
{
    background-image:url('../images/navbar.png');
    position:absolute;
    width:100%;
    bottom:0;
}