[CSS] Brak tła

0

Witam!

Czy ktoś mógłby mi napisać co jest nie tak z tym kodem, nie widzę tła ani pod FF ani pod IE, style dla linków wyświetlają się prawidłowo.

<html>
<style type ="text/css">

body 
     {
	background-color: #000000;
	background-image: url(tloindx.jpg);
	background-position: top right;
	background-repeat: repeat-y;
     }

A    
     {
	font-family: "Verdana", "Tahoma", "sans-serif";
    	font-size: 8pt;
    	color: #778899;
	text-decoration: none;
	margin-left:20pt; 
	margin-top:20pt
     }

A:hover 
     {
	color: #CC0000;
	text-decoration: underline;
     }

</style>
</html>

Dzięki i pozdrawiam

0

kod wygląda spoko. Próbowałeś użyć innego pliku? może źle url wklepałes...

0

spróbuj

    background-image: url('tloindx.jpg');
0

Próbowałem użyć kilku innych plików, nazwe jotpega skopiowałem więc chyba jest ok, a fotka znajduje się w tym samym katalogu co plik css ale oprócz zdjęcia nie działa nawet kolor tła :[

0

Kooba, z apostrofami i cudzysłowem też próbowałem :-/

0
fatalerror[niezalogowany] napisał(a)

oprócz zdjęcia nie działa nawet kolor tła :[

oj, podstawy html sie kłaniają :D

<html>
<head>
<style type ="text/css">

body 
     {
        background-color: #000000;
        background-image: url(tloindx.jpg);
        background-position: top right;
        background-repeat: repeat-y;
     }

A    
     {
        font-family: "Verdana", "Tahoma", "sans-serif";
            font-size: 8pt;
            color: #778899;
        text-decoration: none;
        margin-left:20pt; 
        margin-top:20pt
     }

A:hover 
     {
        color: #CC0000;
        text-decoration: underline;
     }

</style>
</head>
<body>

</body>
</html>
0

Przyznaję, kłaniają się ;P ale ten plik CSS jest zewnętrzny węc Twoja poprawa kodu chyba jest zbędna :)

// już zalogowany ;)

0

a takie coś (czemu właściwie niekomu się nie chce sprawdzić samemu ...):


body{
	background: #000000 url(tloindx.jpg) top right repeat-y
  }

A{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 8pt;
	color: #778899;
	text-decoration: none;
	margin-left:20pt; 
	margin-top:20pt
  }

A:hover{
	color: #cc0000;
	text-decoration: underline;
     }
0

Ciągle nic z tego ;(

0

fotka znajduje się w tym samym folderze co css ale chyba też w tym samym co kod html ?? :>

bo podaje się ścieżkę względną względem kodu html a nie arkuszu stylów - jak tak to podaj więcej kodu - może styl css masz w osobnym arkuszu a dajesz w nim znacznik <style>

0
Adamo napisał(a)

bo podaje się ścieżkę względną względem kodu html a nie arkuszu stylów - jak tak to podaj więcej kodu - może styl css masz w osobnym arkuszu a dajesz w nim znacznik <style>

sorry ale nie kumam :0
wszystko jest w tym samym katalogu więc chyba nie muszę podawać dokładnej ścieżki [???]

0

no nie musisz, podaj więcej kodu :)

0

Ale chcę :)

kod html:


<html>
<head>
<link rel="stylesheet" href="plik2.css" type="text/css">
<meta http-equiv="Content-Type" content="text/html"; charset=iso-8859-2">
</head>
<body>
<a href="http://www.wp.pl">bla bla bla</a>
<br>
<a href="http://www.onet.pl">bla bla bla</a>
</body>
</html>
0

tak, tutaj wyraźnie widzimy proszę państwa że nie zamknąłeś cudzysłowu - a właściwie to go otworzyłeś "text/html;" <--- nie ma być - no ale to taki OT, a w arkuszu stylów czy pierwsza linijka to:

<style type="text/css">

czy może od razu:

body

bo prawidłowo odp nr 2 - czyli od razu body

u mnie działa OK więc:

  1. w CSS nie dawaj żadnych cudzysłowów - też przy nazwach czcionek
  2. w osobnym arkuszu stylów nie dawaj znacznika tagu style
  3. czy strona HTML z której wywołany jest arkusz styli na pewno jest w tym samym folderze co tloindx.jpg
  4. czy nie zgubiłeś "e" w nazwie tloindx.jpg
  5. zobacz czy validator css wali to
  6. może obrazek jest taki malutki że go nie widać
  7. może patrzysz na górną część ekranu zamiast na prawą bo pomyliłeś repeat-y z repeat-x
  8. może masz przepełniony cache przeglądarki i nie chce obrazka wyświetlić
  9. jak wrzuciłeś już na serwer wszystko to czy wielkość znaków w nazwach plików jest dobra - jpg , nie JPG
0

Tymi o to słowami pragnę serdecznie podziękować za okazaną pomoc [green]

Działa już ładnie, wszystkiemu winna była ta nieszczęsna, pierwsza linijka :)

Dzięki Adamo

  1. może patrzysz na górną część ekranu zamiast na prawą bo pomyliłeś repeat-y z repeat-x

;P

0
Adamo napisał(a)

bo podaje się ścieżkę względną względem kodu html a nie arkuszu stylów

jestes pewien ? bo mi jakos dziala wzgledem arkusza stylow a nie dokumentu (x)html

0

"bo mi jakos dziala wzgledem arkusza stylow a nie dokumentu (x)html"

Miałem podobny problem. Początkowo zastosowałem następującą strukturę projektu:


+-data
| +- style.css
|
+-images
| +-obrazek.jpg
|
+index.html

Gdy w pliku index.html załączałem plik style.css a w style.css miałem odwołanie do obrazek.jpg, to zachowanie było różne - w IE wszystko było OK, natomiast w FireFox'ie nie działało dołączanie obrazka.

Pomogła zmiana struktury plików:


+-data
|
|
+-images
| +-obrazek.jpg
|
+index.html
+style.css

0

tja, no możliwe, nie wiem, zawsze mi się tak wydawało a i tak zawsze wszystkie pliki mam w jednym folderze, ew. z rozdzieleniem na grafikę

1 użytkowników online, w tym zalogowanych: 0, gości: 1