Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][HTML] Szerokość komórki
ambitny
post 3.03.2011, 21:12:08
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 3.03.2011

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


Witam Wszystkich forumowiczów. wink.gif
Jestem nowym użytkownikiem więc proszę o wyrozumiałość.
Dopiero raczkuję w temacie HTML/CSS o PHP nie wspomnę.
Do rzeczy.
Od kilku dni nie mogę ustalić szerokości komórki. W FF jest wszystko OK, natomiast w IE nic nie jest dobrze z moja tabelka.

HTML:

  1.  
  2. <tr><td rowspan="6" class="nazwa" style="width: 170">Nazwa</td></tr>
  3. <tr><td class="twocolumn">Adres:</td><td colspan="2">Ulica, Miasto</td></tr>
  4. <tr><td class="twocolumn">Czynne:</td><td>pn-pt: 8.00-18.00</td><td>so: 9.00-14.00</td></tr>
  5. <tr><td class="twocolumn">Telefon:</td><td>000 000 00 00</td><td>011 111 11 1</td></tr>
  6. <tr><td class="twocolumn">Email:</td><td colspan="2">email@email.email</tr>
  7. <tr><td class="twocolumn">WWW:<td colspan="2"><a href="http://</a></td></tr>
  8. <tr><td colspan="4" class="ost"></td></tr>
  9.  

CSS:
  1. table{
  2. margin:10px 0 0 0;
  3. padding:10px;
  4. color:#FFFFFF;
  5. border-left:0.5px solid #009900;
  6. border-bottom:0.5px solid #009900;
  7. border-spacing: 10px 20px;
  8. font-size:0.8em;
  9. }
  10.  
  11. table td.nazwa{
  12. width:170px;
  13. border: 1px solid white;
  14. }
  15. table td.twocolumn{
  16. width:80px;
  17. border-right:1px solid #009900;
  18. }
  19. table td.ost{
  20. width:700px;
  21. }


Może mi ktoś wyjaśnić łopatologicznie dlaczego NAZWA jest źle wyświetlana w IE.

Pozdrawiam.
Go to the top of the page
+Quote Post
d3ut3r
post 3.03.2011, 21:28:55
Post #2





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

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


problemem jest border-spacing. W IE 8 już powinno być ok w IE 7 coś takiego może pomóc (daj to w stylach dla table)

  1. *border-collapse: expression('separate', cellSpacing = '20px');


--------------------
http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
Go to the top of the page
+Quote Post
adasiu
post 3.03.2011, 21:32:05
Post #3





Grupa: Zarejestrowani
Postów: 65
Pomógł: 7
Dołączył: 18.01.2007
Skąd: Tychy

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


W stylach zawsze muszą być podane jednostki czyli 170px a szerokość jaką deklarujesz bezpośrednio w komórce tabeli tak nie ma.
Kolejnym problemem jest niedomknięty znacznik td w piątym wierszu tabli oraz problem z deklaracją odsyłacza.

Pozdrawiam i życzę szybkiej i skutecznej nauki.
Go to the top of the page
+Quote Post
XP'ek
post 3.03.2011, 21:33:54
Post #4





Grupa: Zarejestrowani
Postów: 263
Pomógł: 9
Dołączył: 3.05.2009
Skąd: Wroc

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


rowspan="6" class="nazwa" style="width: 170"

po co zostaw sam class
Go to the top of the page
+Quote Post
ambitny
post 3.03.2011, 21:49:31
Post #5





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 3.03.2011

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


XP'ek - style="width:170px" - zapomniałem wywalić. W oryginale tego nie ma (próbuję już wszystkiego)
adasiu - znacznik został domknięty - Dziękuję. Nie do końca rozumiem
Cytat
problem z deklaracją odsyłacza
. Wiadomo - POCZĄTKUJĄCY
d3ut3r -
Cytat
problemem jest border-spacing
- problem spacing rozwiązany, wygląda lepiej ale to jeszcze nie to.

Tracę wiarę w IE aaevil.gif
Go to the top of the page
+Quote Post
d3ut3r
post 3.03.2011, 22:07:41
Post #6





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

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


pewnie dlatego, że ten spacing to taki hack i możesz ustalić tylko jedną liczbę. A ty masz 10px 20px czyli w IE takiego spacingu nie osiągniesz :/.

  1. <a href="http://</a></td></tr>


tutaj masz problem z odsyłaczem zamknij tag <a>


--------------------
http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
Go to the top of the page
+Quote Post
ambitny
post 3.03.2011, 22:21:17
Post #7





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 3.03.2011

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


OK, poprawiłem spacing na 1 wartość. Domknięty został a. Wszystko to jednak nie rozwiązuje głównego problemu jakim jest szerokość poszczególnych (głównie 1 komórki).

Zauważyłem też że w IE nie działa to:
CSS
  1. border-left: 1px solid #009900;
  2. border-bottom:1px solid #009900


Ten post edytował ambitny 3.03.2011, 22:24:56
Go to the top of the page
+Quote Post
d3ut3r
post 3.03.2011, 22:25:49
Post #8





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

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


wrzuć to gdzieś i daj link to może bardziej pomogę.


--------------------
http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
Go to the top of the page
+Quote Post
ambitny
post 3.03.2011, 22:40:18
Post #9





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 3.03.2011

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


ok, jutro postaram się wrzucić linka smile.gif
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: 12.07.2025 - 19:45