Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]Nie widać zdjęcia
Forum PHP.pl > Forum > Przedszkole
aas92
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
Nie sądzę, by serwer (nawet lokalhost) sięgał tak daleko (aż do C:). Uzyj ścieżek względnych
aas92
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
Zacznijmy od tego, zapewne grafiki trzymasz w tym samym folderze co strona tak?

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

  1. #logo
  2. {
  3. height: 122px;
  4. width: 450px;
  5.  
  6. background: url('nazwazdjecia.jpg');
  7. }
  8.  
  9. lub
  10.  
  11. <img src="nazwazdjecia.jpg"></img>
aas92
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
Wklej obecny kod.
aas92
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;
}
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.