--> Archiwum Forum
Vegetan [ Senator ]
Jak wrzucić obrazek w warstwę...? [CSS]
Mam problem, na necie nie idzie NIC znaleźć, a ja już wyrywam włosy z nerwów, że nie umiem odpowiedzi na takie proste pytanie znaleźć... mam w folderze z INDEXem obrazek logo.jpg i chcę, aby był on w warstwie jako tło, muszę używać CSSów, JAK TO ZROBIĆ?!
<div id='logo'>
</div>
Pomożecie?
maviozo [ Man with a movie camera ]
background-image: url('obrazek.jpg');
Tu masz więcej na ten temat:
Vegetan [ Senator ]
Ta, tylko gdzie? bo jak to wpiszę za logo jako
style='background-image: url('logo.jpg')'
TO NIC SIĘ NEI DZIEJE
maviozo [ Man with a movie camera ]
CHłopie, do składni html dotarłeś?
w CSS:
#logo ‹ background-image: url('logo.jpg');›
<div id='logo'>
</div>
Jeśli koniecznie ma być tak to cudzysłów podwójny i pojedynczy a nie dwa pojedyncze:
<div id="logo" style="background-image('logo.jpg');">
</div>
Siepet [ ostry nusz ]
#logo ‹
background-image: url('adres.do.obrazka');
›
Dajesz to do pliku CSS. :P
Vegetan [ Senator ]
Po co dwa razy to samo wpisywać?
Znasz jakąś stronę, gdzie są wszystkie atrybuty CSSa w formie listy zrobione? HTMLem bawiłęm się lata temu, jak o CSSach nie miałem pojęcia
...nie działa...
maviozo [ Man with a movie camera ]
MUSI DZIAŁAĆ:)
Dałem dwa przykłady gdybyś się upierał przy wpisywaniu do każdego diva style=""
Natomiast możesz jeszcze klasą lub typem
W css
.logo ‹..›
Będzie działać na wszystkie obiekty z wpisanym class="logo"
natomiast takie coś w css
div ‹...›
będzie działać na wszyskie divy w dokumencie.
Zobacz ten link co Ci zamieściłem wcześniej, tam jest dosłownie wszystko.
FORUM GOLA ZAMIENIA NAWIASY KLAMROWE W ‹ › TAKIE, musisz je zamienić na klamrowe (koło litery P na klawiaturze) :)
Vegetan [ Senator ]
Oj wiem, przestałem pisać w website pro i zacząłem normalnie w notatniku, ale dalej mam to samo.
Patrz:
Na razie mój index wygląda tak:
<html>
<head>
<link rel="stylesheet" type="text/css"
href="style.css" />
<title>Kapitan Bomba</title>
</head>
<body>
<div id="kontener">
<div id="logo">
<div id="menu">
<div id="kontent">
</div>
</div>
</div>
</div>
A style tak:
body ‹
background-color: black;
›
#kontener ‹
width: 800px;
background-color: black;
›
#logo ‹
float: none;
width: 800 px;
height: 120 px;
background-image: url ("logo.jpg");
background-repeat: no-repeat;
›
No i mam tylko czarną stronę...
Gdyby nie to, że koleś z infy kazał DIVy robić, to bym wszystko na TABLE oparł (nie wiem, jakim cudem kiedyś swoją stronę na zaliczenie zrobiłem...teraz robię kumplom)
Regis [ ]
1. logo.jpg w pojedynczych apostrofach
2. heigHT, ale juz widTH [nieaktualne, bo chyba poprawiles ;) ]
maviozo [ Man with a movie camera ]
Nie wiem czy to ma jakiś wpływ, ale dlaczego zagnieżdżasz divy jeden w drugim?
Spróbuj dopisać zamienić logo na kontent - jeśli to pomoże to przynajmniej będziesz wiedział dlaczego nie działa:)
Vegetan [ Senator ]
Nie rozumiem...to jak zrobić, żeby było tak:
Jeden kontener, w którym jest równorzędnie
na górze logo
po lewej menu, po prawej kontent
na dole stopka
?
oto kod i style:
<html>
<head>
<link rel="stylesheet" type="text/css"
href="style.css" />
<title>Kapitan Bomba</title>
</head>
<body>
<div id="kontener">
<div id="logo">
<div id="menu">
<div id="kontent">
<div id="bottom">
</div>
</div>
</div>
</div>
</div>
</body>
</html>
STyle:
body ‹
background-color: black;
›
#kontener ‹
width: 800px;
background-color: black;
›
#logo ‹
float: none;
width: 800px;
height: 120px;
background-image: url ('logo.jpg');
background-repeat: no-repeat;
›
#menu ‹
float: left;
width: 160px;
background-image: url ('menu.jpg');
background-repeat: repeat-y;
›
#kontent ‹
float: right;
width: 640px;
background-image: url ('kontent.jpg');
background-repeat: repeat-y;
›
#bottom ‹
width: 800px;
height: 60px;
background-image: url ('bottom.jpg');
background-repeat: no-repeat;
›
Vegetan [ Senator ]
JAK ODGNIEŹDZIĆ DIVY?
Siepet [ ostry nusz ]
<div id="kontener">
<div id="logo"></div>
<div id="menu"></div>
<div id="kontent"></div>
<div id="bottom"></div>
</div>
O tak. :P
Vegetan [ Senator ]
Nic nie dało...
ja tego po prostu nie rozumiem....niby wszystko dobrze, a NIC nie działa
Dobra, olać, jak nie działa to to olewam, dwie godziny w plecy i NIC zrobione. Ale dzięki za pomoc.
maviozo [ Man with a movie camera ]
Załamiesz się.
Usuń spację w url ('cośtam')
ma być
url('bxv');
Musi działać bo właśnie sprawdziłem.