Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [W3C] Problem z tłem td.
Forum PHP.pl > Forum > Przedszkole
dawhol
5.08.2006, 18:44:56
Wstawiałem tło do <td> za pomocą Style="..." - wyswietla sie ale W3C wykazuje to jako blad
Wstawiałem tlo za pomoca ID="td_1" - nie pokazuje błedu jednak nie wyświetla obrazka

Prosił bym o jakąś pomoc jak to wstawci bo jak wstawie zwyczajnei to tazke dostaje błąð.
kicaj
5.08.2006, 19:05:56
Jakis kodzik?
dawhol
5.08.2006, 19:07:26 
[HTML] pobierz, plaintext 
  1. <?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
[HTML] pobierz, plaintext
MagnuM
5.08.2006, 19:32:22
Chodziło o kod, który źle działa...
dawhol
5.08.2006, 19:36:06 
[HTML] pobierz, plaintext 
  1. <td id="td_1" width="22" height="242"></td>
[HTML] pobierz, plaintext


w pliku css:
[HTML] pobierz, plaintext 
  1. #td_01 {background-image: url(images/01.gif)}
[HTML] pobierz, plaintext


tak walidiacje przechodzi ale nie wyswietla obrazka

a tak:
[HTML] pobierz, plaintext 
  1. <td STYLE="background-image: url(images/01.gif);"></td>
[HTML] pobierz, plaintext


Nie perzechodzi ale wyswietla.
MagnuM
5.08.2006, 19:40:24
Nie używa się dużych liter w nazwach znaczników, artybutów itp.
dawhol
5.08.2006, 19:48:33
moj blad a czemu nie dziala jezeli robie za pomoca tego id ? bo chyba powinno sie wyswietlic.
MagnuM
5.08.2006, 19:54:20
Powinno działać. Musisz dodać plik .css ze stylem w którym będzie taka 'class' ;p z parametrem background-image: url(plik); Czyli bardzo podobnie.
dawhol
5.08.2006, 20:08:29
no i tak mam ale nie działało ;/ niewiem czemu ;/ ale zreszta to juz nie wazne winksmiley.jpg dziala tamto to moze byc smile.gif
MagnuM
5.08.2006, 20:17:09
Spróbuj w css tak:

td.className {
background-image: url(plik);
}

I wtedy className dalej do atrybutu id
dawhol
5.08.2006, 20:53:13
tez tak próbowałem i nie dzialalo ale to juz nie wazne smile.gif wazne ze tamto juz działa smile.gif a tez moze byc smile.gif
MagnuM
5.08.2006, 20:59:12
Nie ma czegoś takiego, że 'nie działa'. Jak nie działa to znaczy, że coś jest źle. Zdaje mi się że źle dołączasz plik stylu. Proponowałbym posprawdzać, bo mnie irytuje jak coś 'nie działa'. Ciebie nie?
dawhol
5.08.2006, 21:22:10
no moze troche tzn styl laduje dobrze bo reszta strony takze sie na nim opiera i wszystko działa
w htmlu do znacznika td dodawałem

[HTML] pobierz, plaintext 
  1. <td id="td_1"></td>
[HTML] pobierz, plaintext


a w CSSie mialem
[HTML] pobierz, plaintext 
  1. td#td_01 {background-image: url(images/01.gif)}
[HTML] pobierz, plaintext

lub
[HTML] pobierz, plaintext 
  1. #td_01 {background-image: url(images/01.gif)}
[HTML] pobierz, plaintext


I ani tak ani tak nie działało
MagnuM
5.08.2006, 21:23:40
Zamiast 'td#td_01' czy '#td_01' daj 'td.td_01'.
mike
5.08.2006, 21:26:36
~MagnuM tak obserwuje Twoje podpowiedzi i ... wiesz co naucz się CSS zanim zaczniesz ludzi w błąd wprowadzać.

Klasa to klasa, a identyfikator to identyfikator.
Nie można mieszać i mylić.

[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2. #identyfikator {
  3.     /**/
  4. }
  5.  
  6. .klasa {
  7.     /**/
  8. }
  9. </style>
  10.  
  11. <element id="identyfikator" />
  12.  
  13. <element_x class="klasa" />
  14. <element_y class="klasa" />
[HTML] pobierz, plaintext
dawhol
5.08.2006, 21:29:23
tez mnie to troche dziwilo smile.gif ale jestem poczatkujacy to mowie moze mi sie cos pomieszało z tym nazewnictwem smile.gif ale dzieki mike_mech za sprostowanie winksmiley.jpg

Magnum ale wtedy powstanie klasa a ja jej niechce ja chce poprsotu identyfikator winksmiley.jpg a tam powinno byc wlasnie #nazwa {} a to mi nie dzial niewiem czemu tzn nie wyswietla obrazka ;/
mike
5.08.2006, 21:36:27
Chyba wiem w czym problem.

Sedno tkwi w ścieżkach.
Jak dajesz w pliku .html w atrybucie style to działa bo masz od razu folder images.
A jak dajesz w pliku .css to nie działa, bo ... wnioskje że plik .html i .css nie są w jednym folderze i stąd różnica.

Możesz podać jak masz zorganizowaną strukturę plików?
MagnuM
5.08.2006, 21:37:46
Przepraszam, mój błąd. Chciałem dobrze :/
dawhol
5.08.2006, 21:50:21
index.php a plik style.css w katalogu css jednak zmienilame tam na ../images/01.gif i tez ani rusz niewiem ale w sumie dla mnie to juz nie wazne smile.gif wazne ze juz zlikwidowałem problem z wyswietleniem tej graficzki za pomoca style i ze W3C wykazuje ze wszystko jest ok smile.gif
mike
5.08.2006, 21:57:48
Dziwne jak masz:
Kod
+ css
   - style.css
+ images
   - 01.gif
- index.php

I dasz w pliku style.css:
[HTML] pobierz, plaintext 
  1. #td {
  2.     background-image: url( '../images/01.gif' );
  3. }
[HTML] pobierz, plaintext

to powinno działać.


~MagnuM przepraszam, nie chciałem by to zabrzmiało tak brutalnie sad.gif
dawhol
6.08.2006, 09:56:02
no powinno moze cos u mnie z serweem apacha ale to mniejsza z tym pozniej zrobie mu reinstall moze pomoze smile.gif mozna zamknac temat winksmiley.jpg

Wracajac do identyfikatorół to rroche dziwne bo jezeli sa w wewnetrznym akruszu stylów tzn w pliku index.php to dzialaja a jezeli sa w pliku style.css to nie działają i nie jest to zalezne od sciezki bo podawałem nawet cały adres do pliku http:\\.... i tez nie zadziałąło ;/ troche to dziwne bo classy dzialaja ;/
mike
6.08.2006, 09:57:37
Daj linka, bo mi się wierzyć nie chce.
No chyba, że kod nie jest bardzo duży to wklej całość.
dawhol
6.08.2006, 12:29:32
Plik CSS
[HTML] pobierz, plaintext 
  1. #td1 
  2. { background-image: url(../images/01.gif); width: 22px; height: 242px; border: 0;}
  3. #td2 
  4. { background-image: url(../images/02.gif); width: 192px; height: 242px; border: 0;}
  5. #td3 
  6. { background-image: url(../images/03.gif); width: 9px; height: 242px; border: 0;}
  7. #td4 
  8. { background-image: url(../images/04.gif); width: 657px; height: 63px; border: 0;}
  9.  
  10. body
  11.  
  12. {
  13.  
  14. 	font-family: Geneva, Arial, Helvetica, sans-serif;
  15.  
  16. 	font-size: 8pt;
  17.  
  18. 	color: #000000;
  19.  
  20. 	background-image: url(http://www.dawhol.host7.pl/images/bg.gif);
  21. 	margin-bottom: 0;
  22. 	margin-top: 0;
  23. 	margin: 0;
  24. }
  25.  
  26. .td {
  27. 	font-family: Geneva, Arial, Helvetica, sans-serif;
  28.  
  29. 	font-size: 8pt;
  30. }
  31.  
  32. img {border: 0;}
[HTML] pobierz, plaintext


Tak wczytuje:
[HTML] pobierz, plaintext 
  1. <link type="text/css" rel="stylesheet" href="css/blue.css" />
[HTML] pobierz, plaintext


A tak wyglada Tabelka:
[HTML] pobierz, plaintext 
  1. <table width="900" border="0" cellspacing="0" cellpadding="0">
  2.  
  3.     <tr>
  4.  
  5.       <td id="td1"></td>
  6.  
  7.       <td id="td2"><table width="100%" border="0" cellpadding="0" cellspacing="0">
  8.  
  9.         <tr>
  10.  
  11.           <td height="30" class="menu">&nbsp;</td>
  12.  
  13.         </tr>
  14.  
  15.         <tr>
  16.  
  17.           <td valign="top" class="menu"><img src="images/logowanie.gif" alt="logowanie"/><br />{panel}<br /><center><a href="teksty/2/"><img src="images/prosiak.gif" alt="Prosiaczek" /></a></center></td>
  18.  
  19.         </tr>
  20.  
  21.       </table>
[HTML] pobierz, plaintext


Jak #Identyfikatory sa w pliku css to nie dziala a jak w indexie to dziala.

Co do stylu to próbowałem nastepujace adresy do obrazka:
- http://adresstrony.pl/images/01.gif
- ../images/01.gif
- ./images/01.gif - to by nie mialo prawa i tak dzialac
- /images/01.gif
- images/01.gif

www
-index.php
+ CSS (małymi)
- blue.css
+ IMAGES (małymi)
- 01.gif ..
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.