[html] zle wyswietaljacy cie obrazek Opcje

[Sebastian003]

czemu tak sie rozjeżdża obrazek pocięty i do div -ow zkodowaniy mozeliwe ze cos zwalilem w kodzie nie jestesm ekspertem !

(IMG:http://img296.imageshack.us/img296/4156/dsmn0.jpg)

[HTML] pobierz, plaintext 
<div class="p"></div>
</td>
<div class="l">&nbsp;</div>
</td>
<div class="m">
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
.p
{
	height:6px;
    width:727px;
	background:url(images/p.png);
	float:center;
}
 
.l
{
	height:94px;
    width:727px;
	background:url(images/l.png);
	float:center;
}
 
.m
{
	height:6px;
    width:727px;
	background:url(images/m.png);
	float:center;
}
[HTML] pobierz, plaintext 

Ten post edytował Sebastian003 27.12.2007, 17:54:39

[sniezny_wilk]

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]

NIe to napewno kod tylko nie wiem jak to rozwiazac

[xbigos]

@sebastian003 sproboj dac jakies linki do tych obrazków to zaraz sie cos wymysli.

[Sebastian003]

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]

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 (IMG:http://forum.php.pl/style_emoticons/default/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.

Ten post edytował sniezny_wilk 27.12.2007, 18:36:50

[xbigos]

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.

Ten post edytował xbigos 27.12.2007, 18:53:50

[sniezny_wilk]

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 ? (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) raczej nie. To zerknij (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

EDIT: ale masz rację nie jest to chyba wina PNG, tak czy inaczej nie polecam ich.

Ten post edytował sniezny_wilk 27.12.2007, 18:45:34

[xbigos]

A oglądałeś to co zrobiłeś pod IE6 np ? (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) raczej nie. To zerknij (IMG:http://forum.php.pl/style_emoticons/default/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]

@xbigos: spoko (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

rozwiązanie, daj w stylach coś takiego:

[HTML] pobierz, plaintext 
.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;
}
[HTML] pobierz, plaintext 

EDIT: a html, oczywiście z tymi zmianami co xbigos podał, czyli:

[HTML] pobierz, plaintext 
<div class="p"></div>
<div class="l"></div>
<div class="m"></div>
[HTML] pobierz, plaintext 

Ten post edytował sniezny_wilk 27.12.2007, 18:56:42

[Sebastian003]

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

Ten post edytował Sebastian003 27.12.2007, 19:54:29

[xbigos]

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]

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

luknij i powiedz co ja zle robie

[xbigos]

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!!!

Ten post edytował xbigos 27.12.2007, 20:04:28

[Sebastian003]

luknij sobie jescze raz na

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

i css

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

NIE Działa /? (IMG:http://forum.php.pl/style_emoticons/default/blink.gif)

[xbigos]

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

Ten post edytował xbigos 27.12.2007, 20:19:38

[Sebastian003]

No fakt działa to zanczy ze css caly powoduje blad ale czemu ?

[xbigos]

czytaj post wyżej.
poprostu
dodaj do .p, .l, .m linijkę w css margin:0px;

[sniezny_wilk]

To zobacz sobie na zapis w swoim CSS:

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

wiesz co to znaczy? że elementom p, div, input itp, rozdajesz automatycznie margines 6px.. usuń div i zostaw

[HTML] pobierz, plaintext 
p,img.para,input,form {
 
margin: 0 0 6px 0;
 
}
[HTML] pobierz, plaintext 

a zobaczysz, że działa.

[Sebastian003]

Działa dzieki chłopaki nalezy wam się piwko

[xbigos]

@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ć.