Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html] zle wyswietaljacy cie obrazek
Forum PHP.pl > Forum > Przedszkole
Sebastian003
27.12.2007, 17:51:04
czemu tak sie rozjeżdża obrazek pocięty i do div -ow zkodowaniy mozeliwe ze cos zwalilem w kodzie nie jestesm ekspertem !



[HTML] pobierz, plaintext 
  1. <div class="p"></div>
  2. </td>
  3. <div class="l">&nbsp;</div>
  4. </td>
  5. <div class="m">
  6. </div>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. .p
  2. {
  3. 	height:6px;
  4.     width:727px;
  5. 	background:url(images/p.png);
  6. 	float:center;
  7. }
  8.  
  9. .l
  10. {
  11. 	height:94px;
  12.     width:727px;
  13. 	background:url(images/l.png);
  14. 	float:center;
  15. }
  16.  
  17. .m
  18. {
  19. 	height:6px;
  20.     width:727px;
  21. 	background:url(images/m.png);
  22. 	float:center;
  23. }
[HTML] pobierz, plaintext
sniezny_wilk
27.12.2007, 18:00:31
Pewnie masz tak w IE, a sprawdzałeś jak wygląda w FF ? jak w FF wygląda dobrze to znaczy, że nie masz nałożonego filtru na IE - ogólnie IE ma problemy z odczytywaniem PNG, nie potrzeba Tobie wielokanałowej przezroczystości, więc zastosuj GIF'a i zobacz czy jest okej. Jeśli nie to pewnie masz coś źle w kodzie. Spróbuj zamienić...
Sebastian003
27.12.2007, 18:02:14
NIe to napewno kod tylko nie wiem jak to rozwiazac
xbigos
27.12.2007, 18:05:32
@sebastian003 sproboj dac jakies linki do tych obrazków to zaraz sie cos wymysli.
Sebastian003
27.12.2007, 18:17:04
http://www.web-pc.pl/nowy/images/m.png

http://www.web-pc.pl/nowy/images/l.png

http://www.web-pc.pl/nowy/images/p.png
sniezny_wilk
27.12.2007, 18:34:07
Ehh.. mówię Tobie, że to wina PNG, zmień na GIF i zobacz sobie. Mówię, że to NIE wina kodu, zobacz proszę jak wygląda w FF smile.gif (wkleiłem Twój kod, opdaliłem pod FF i wygląda bardzo dobrze) mogę podesłać screena z FireFoxa jeśli chcesz.

EDIT: nie ma czegoś takiego jak: float:center; dostępne atrybuty dla float to: left, right, none i inherit.
xbigos
27.12.2007, 18:34:09
lol ale sie zgapiłem:) po co Ci znaczniki zamknięcia tabeli?
wywal te </td>
Kod
<div class="p"></div>

<div class="l">&nbsp;</div>

<div class="m">
</div>

@sniezny_wilk jednak nie wina rozszerzenia.
sniezny_wilk
27.12.2007, 18:40:41
Cytat(xbigos @ 27.12.2007, 18:34:09 ) *
lol ale sie zgapiłem:) po co Ci znaczniki zamknięcia tabeli?
wywal te </td>
Kod
<div class="p"></div>

<div class="l">&nbsp;</div>

<div class="m">
</div>

@sniezny_wilk jednak nie wina rozszerzenia


A oglądałeś to co zrobiłeś pod IE6 np ? smile.gif raczej nie. To zerknij smile.gif

EDIT: ale masz rację nie jest to chyba wina PNG, tak czy inaczej nie polecam ich.
xbigos
27.12.2007, 18:45:30
Cytat(sniezny_wilk @ 27.12.2007, 18:40:41 ) *
A oglądałeś to co zrobiłeś pod IE6 np ? smile.gif raczej nie. To zerknij smile.gif


Rzeczywiście. Zwracam honor. nie sprawdzilem na IE. Ale to i tak nie bylo rozwiazanie problemu bo i tak to </td> wadziło.
Jeszcze raz sory i pozdro.
sniezny_wilk
27.12.2007, 18:54:01
@xbigos: spoko smile.gif

rozwiązanie, daj w stylach coś takiego:
[HTML] pobierz, plaintext 
  1. .p
  2. {
  3. height:6px;
  4. width:727px;
  5. background:url(p.png);
  6. background-repeat: no-repeat;
  7. background-position:bottom;
  8. }
  9.  
  10. .l
  11. {
  12. height:94px;
  13. width:727px;
  14. background:url(l.png);
  15. }
  16.  
  17. .m
  18. {
  19. height:6px;
  20. width:727px;
  21. background:url(m.png);
  22. background-repeat: no-repeat;
  23. background-position: top;
  24. }
[HTML] pobierz, plaintext


EDIT: a html, oczywiście z tymi zmianami co xbigos podał, czyli:
[HTML] pobierz, plaintext 
  1. <div class="p"></div>
  2. <div class="l"></div>
  3. <div class="m"></div>
[HTML] pobierz, plaintext
Sebastian003
27.12.2007, 19:51:38
Sprawdzałem wasze propozycje i moge stwierdzić ze problem nadal tkwi

zmieniłem na gif to samo używałem klas tych co podałeś to samo !

HELP ~!

ps

http://kameleon.web-pc.pl/linki.php
xbigos
27.12.2007, 19:55:40
Kod
<style>
.p
{
height:6px;
width:727px;
background:url(p.png);
background-repeat: no-repeat;
background-position:bottom;
}

.l
{
height:94px;
width:727px;
background:url(l.png);
}

.m
{
height:6px;
width:727px;
background:url(m.png);
background-repeat: no-repeat;
background-position: top;
}
</style>
<div class="p"></div>
<div class="l"></div>
<div class="m"></div>


daj takie coś na bank działa na operze firefoxie i IE.
Jak CI nie działa to podaj całe źródło.
Sebastian003
27.12.2007, 19:57:44
http://kameleon.web-pc.pl/linki.php

luknij i powiedz co ja zle robie
xbigos
27.12.2007, 20:00:16
jak zmieniles pliki z png na gif to w style.css zmien rozszerzenia. wklej to co ja Ci podałem do pliku linki.php i zobaczysz co jest z tym. Pamiętaj o rozszerzeniu!!!
Sebastian003
27.12.2007, 20:12:19
luknij sobie jescze raz na

http://kameleon.web-pc.pl/linki.php

i css

http://kameleon.web-pc.pl/style.css

NIE Działa /? blink.gif
xbigos
27.12.2007, 20:17:36
Usuń wszystko z pliku linki.php ale wszystko.
i wklej to
Kod
<style>
.p
{
height:6px;
width:727px;
background:url(images/p.gif);
background-repeat: no-repeat;
background-position:bottom;
}

.l
{
height:94px;
width:727px;
background:url(images/l.gif);
}

.m
{
height:6px;
width:727px;
background:url(images/m.gif);
background-repeat: no-repeat;
background-position: top;
}
</style>
<div class="p"></div>
<div class="l"></div>
<div class="m"></div>

Zadziała.
aha wczesniej nie działało bo w style.css masz
Kod
p,div,img.para,input,form {

margin: 0 0 6px 0;

ustawiasz margines do szystkich znaczników p, div img.para, input, form
Sebastian003
27.12.2007, 20:19:06
No fakt działa to zanczy ze css caly powoduje blad ale czemu ?
xbigos
27.12.2007, 20:21:31
czytaj post wyżej.
poprostu
dodaj do .p, .l, .m linijkę w css margin:0px;
sniezny_wilk
27.12.2007, 20:21:37
To zobacz sobie na zapis w swoim CSS:

[HTML] pobierz, plaintext 
  1. p,div,img.para,input,form {
  2.  
  3. margin: 0 0 6px 0;
  4.  
  5. }
[HTML] pobierz, plaintext


wiesz co to znaczy? że elementom p, div, input itp, rozdajesz automatycznie margines 6px.. usuń div i zostaw
[HTML] pobierz, plaintext 
  1. p,img.para,input,form {
  2.  
  3. margin: 0 0 6px 0;
  4.  
  5. }
[HTML] pobierz, plaintext


a zobaczysz, że działa.
Sebastian003
27.12.2007, 20:24:12
Działa dzieki chłopaki nalezy wam się piwko
xbigos
27.12.2007, 20:27:11
@sniezny_wilk byłem szybciej:)

@Sebastian003: http://kurs.browsehappy.pl/ poczytaj to nic trudnego. zwróć uwagę na doawanie tła. po co za kazdym razem dodawać plik tła przez url(http://www/plik.gif) jak mozesz url(./images/plik.gif) poza tym jak przyjmiesz jedną konwencję to sie jej trzymaj. Bo potem można bardzo łatwo się pogubić.
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.