Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html/css]obrazek w naglowku tabelki
Yard
post
Post #1





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 17.06.2006

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

witam
mam pewnie problem z odpowiednim wyswietleniem obrazka w tle naglowka tabelki.
mam taki kod:
[HTML] pobierz, plaintext 
  1. <tr class="thHead">
  2. 	<th colspan="2" class="thTop">pole1</th>
  3.         <th class="thTop">pole2</th>
  4.         <th class="thTop">pole3</th>
  5.         <th class="thTop">pole4</th>
  6.   </tr>
[HTML] pobierz, plaintext

i chce, zeby caly ten rzad (tr) mial w swoim tle jeden obrazek (w sensie jeden obrazek na dlugosc czterech kolumn)
probowalem kombinowac: jesli dam ten obrazek jako tlo w thHead, to w poszczegolnych komorkach sie nie wyswietla, znalazlem atrybut "background-image: inherit", ale wtedy w kazdej z osobna wysiwetla sie ten obrazek od poczatku.
ten naglowek wystepuje w kilku miejscach w roznych proporcjach, wiec nie moge obrazka podzielic,
czy takie cos da sie w ogole jakos zrobic?

z gory dziekuje za odpowiedz
pzdr

Ten post edytował Yard 1.10.2006, 17:01:53
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 10)
-Wieviór-
post
Post #2





Goście
A co to jest th? Może błąd wynika z braku zamknięca colspan="2...?
Go to the top of the page
+Quote Post
Yard
post
Post #3





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 17.06.2006

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

<th> - tag naglowka tabeli
a colspana niedomknalem tutaj przez przypadek, w kodzie mam dobrze, nie chodzi o to, ze mam blad, tylko nie wiem jak sie do tego zabrac smile.gif
Go to the top of the page
+Quote Post
s_w_ir
post
Post #4





Grupa: Zarejestrowani
Postów: 315
Pomógł: 1
Dołączył: 6.08.2003
Skąd: Kielce

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

css

Kod
tr.tlo
{
background: url(tlo.png);
}



[HTML] pobierz, plaintext 
  1. <tr class="tlo">
[HTML] pobierz, plaintext


próbowałeś tak?

Dla th daj tlo transparent.

Ten post edytował s_w_ir 1.10.2006, 22:08:03
Go to the top of the page
+Quote Post
Yard
post
Post #5





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 17.06.2006

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

dzieki, ladnie dziala pod Fx, ale nIEstety nie pod IE...
obrazek sie tam w ogole nie wyswietla

bylaby dla IE jakas alternatywa?
Go to the top of the page
+Quote Post
s_w_ir
post
Post #6





Grupa: Zarejestrowani
Postów: 315
Pomógł: 1
Dołączył: 6.08.2003
Skąd: Kielce

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

Kod
tr.tlo
{
background: url(logo.gif);
}
th.thTop
{
background-color: transparent;
}


Teraz działa smile.gif Zawsze sie czegoś człowiek nauczy na problemach innych smile.gif okazało się że IE olało mój transparent w samym background, ale zrozumiało go w background-color smile.gif
Go to the top of the page
+Quote Post
Yard
post
Post #7





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 17.06.2006

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

dzieki, zrobilem tak jak napisales, ale IE znowu jakos nielogicznie to zinterpretowalo...

tak to wyglada teraz:

Firefox:


IE:


jak widac kazdej komorce osobno przypisuje ten sam obrazek od poczatku, tak jak przy background: inherit, co jest troche dziwne...
jakies sugestie? winksmiley.jpg
Go to the top of the page
+Quote Post
s_w_ir
post
Post #8





Grupa: Zarejestrowani
Postów: 315
Pomógł: 1
Dołączył: 6.08.2003
Skąd: Kielce

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

Kurde rzeczywiscie IE robi inherit, i nie moge tego obejść :/ Jeszcze pokombinuje ale coś czarno to widze :/
Jak coś to zrobie edit...
Go to the top of the page
+Quote Post
-Wieviór-
post
Post #9





Goście
W CSS zapisz sobie:

[HTML] pobierz, plaintext 
  1. .thHead { BACKGROUND-IMAGE: url(plik.jpg); }
[HTML] pobierz, plaintext


Kod zrób taki:
[HTML] pobierz, plaintext 
  1. <head>
  2. <link href="style.css" type=text/css rel="stylesheet">
  3. </head>
  4.  
  5. <table cellspacing="0">
  6. <tr class="thHead">
  7. <th colspan="2">pole1</th>
  8. <th>pole2</th>
  9. <th>pole3</th>
  10. <th>pole4</th>
  11. </tr>
  12. </table>
[HTML] pobierz, plaintext


Pod FF normalnie działa, bez żadnych komplikacji.

EDIT: Niedoczytałem, sorry.

Ten post edytował Wieviór 3.10.2006, 14:28:45
Go to the top of the page
+Quote Post
s_w_ir
post
Post #10





Grupa: Zarejestrowani
Postów: 315
Pomógł: 1
Dołączył: 6.08.2003
Skąd: Kielce

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

Wieviór, czytasz w ogóle? Pod FF to działa od dłużeszgo czasu problem jest że IE dziedziczy niepotrzebnie. Sprawdź kody co my podaliśmy, są takie same dry.gif

Ten post edytował s_w_ir 3.10.2006, 11:40:09
Go to the top of the page
+Quote Post
Yard
post
Post #11





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 17.06.2006

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

dzisiaj wrocilem do tego i udalo mi sie wreszcie rozwiazac ten problem smile.gif
pisze, bo moze komus sie to kiedys przyda winksmiley.jpg

w IE trzeba to niestety na okolo robic, ale znalazlem atrybut CSS background-position
dzieki niemu jest wiecej pisania, ale ustala sie pozycje obrazka tla dla kazdej komorki i IE wreszcie to dobrze interpretuje smile.gif

kod html teraz:
[HTML] pobierz, plaintext 
  1. <tr class="thHead">
  2. <th colspan="2" class="thLeft">pole1</th>
  3. <th class="thTop">pole2</th>
  4. <th class="thTop">pole3</th>
  5. <th class="thRight">pole4</th>
  6. </tr>
[HTML] pobierz, plaintext


css:
[HTML] pobierz, plaintext 
  1. th.thLeft
  2. {
  3. background: url(plik.jpg) bottom left;
  4. }
  5.  
  6. th.thRight
  7. {
  8. background: url(plik.jpg) bottom right;
  9. }
  10.  
  11. th.thTop
  12. {
  13. background: url(plik.jpg) bottom center;
  14. }
[HTML] pobierz, plaintext


IE should be banned.

pzdr
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 17:44
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn