Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][HTML]Nie widać zdjęcia
aas92
post 10.11.2015, 22:40:54
Post #1





Grupa: Zarejestrowani
Postów: 61
Pomógł: 0
Dołączył: 6.02.2009

Ostrzeżenie: (0%)
-----


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;
}
Go to the top of the page
+Quote Post
mmmmmmm
post 10.11.2015, 22:47:41
Post #2





Grupa: Zarejestrowani
Postów: 1 421
Pomógł: 310
Dołączył: 18.04.2012

Ostrzeżenie: (0%)
-----


Nie sądzę, by serwer (nawet lokalhost) sięgał tak daleko (aż do C:). Uzyj ścieżek względnych
Go to the top of the page
+Quote Post
aas92
post 10.11.2015, 23:02:36
Post #3





Grupa: Zarejestrowani
Postów: 61
Pomógł: 0
Dołączył: 6.02.2009

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
MeGusta
post 10.11.2015, 23:16:39
Post #4





Grupa: Zarejestrowani
Postów: 155
Pomógł: 0
Dołączył: 6.07.2015

Ostrzeżenie: (10%)
X----


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>
Go to the top of the page
+Quote Post
aas92
post 10.11.2015, 23:23:57
Post #5





Grupa: Zarejestrowani
Postów: 61
Pomógł: 0
Dołączył: 6.02.2009

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
miras
post 11.11.2015, 00:01:42
Post #6





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---


Wklej obecny kod.


--------------------
Go to the top of the page
+Quote Post
aas92
post 11.11.2015, 13:01:56
Post #7





Grupa: Zarejestrowani
Postów: 61
Pomógł: 0
Dołączył: 6.02.2009

Ostrzeżenie: (0%)
-----


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;
}
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 14:45