Żle wyswietlane zdjęcia w ie i operze

Wszystko o HTML, XHTML, XML, CSS.
mat22
Posty: 5
Rejestracja: 22 kwie 2010, 20:11:13
Płeć: Niewybrana
User Agent: Firefox Windows 1440x900

Żle wyswietlane zdjęcia w ie i operze

Post autor: mat22 »

Mój problem polega na tym że żle wyswietlaja mi się zdjęcia w ie i operze(są na siebie nałożone)Dopiero jak wszystkie powiększę to układają sie tak jak ma być. Zdjecia mam w formacie jpg i jedno w bmp. Link do galerii:http://www.rafmetluban.cba.pl/uslugi.html
Awatar użytkownika
fuma
Przyjaciel CBA
Posty: 11168
Rejestracja: 01 sie 2005, 14:57:56
Lokalizacja: z jajka niespodzianki :P
Płeć: Mężczyzna
User Agent: Opera Windows 1440x900

Re: Żle wyswietlane zdjęcia w ie i operze

Post autor: fuma »

Pomoc CBA.PL

Zgłaszanie problemów dotyczących hostingu CBA.PL (www, ftp, poczta, panel itp.).
czy twoj problem jest zwiazany z kontem na cba.pl czy serwerem? Nie sadze. Na drugi raz prosze uwazniej wybierac dzial.
eider
Posty: 1276
Rejestracja: 12 cze 2009, 08:09:47
Płeć: Mężczyzna
User Agent: Safari Windows 1280x1024
Kontakt:

Re: Żle wyswietlane zdjęcia w ie i operze

Post autor: eider »

Dodaj <br/> po każdym, bo jak widzę tylko FF dobrze otwiera stronę.
mat22
Posty: 5
Rejestracja: 22 kwie 2010, 20:11:13
Płeć: Niewybrana
User Agent: Firefox Windows 1440x900

Re: Żle wyswietlane zdjęcia w ie i operze

Post autor: mat22 »

jak dodałem br to jest to samo zdjecia są jedno po drugim ale dalej nachodza na siebie
Awatar użytkownika
fuma
Przyjaciel CBA
Posty: 11168
Rejestracja: 01 sie 2005, 14:57:56
Lokalizacja: z jajka niespodzianki :P
Płeć: Mężczyzna
User Agent: Opera Windows 1440x900

Re: Żle wyswietlane zdjęcia w ie i operze

Post autor: fuma »

mat22 w kodzie nie widac zebys dodal po kazdym zdjeciu <br> aczkolwiek mozesz tez dodac w pliku touching.css nastepujacy kod:

Kod: Zaznacz cały

.Body img
{
display:block;
} 
rowniez powinno zadzialac.
bosopopiasq
Płeć: Niewybrana
User Agent: Firefox Windows 1024x768

Re: Żle wyswietlane zdjęcia w ie i operze

Post autor: bosopopiasq »

http://www.kurshtml.[regulamin forum: punkt 2.13]/
znajdziesz wszystko co Ci potrzebne do prawidłowego osadzenia ilustracji
ale zawsze możesz też coś zrobić z tym mój stary poczciwy kod jeszcze mi sie zachował na dysku w Archiwum heh :)To co masz na stronie -mowa o kodzie to...darujmy sobie jego osadzenie-Okay ?
Weżmy np tak,oczywiście po odpowiednim zmodyfikowaniu parametrów,które dostosujemy do naszej WWW:

Kod: Zaznacz cały

<div align="center"  style="color:#A52A2A; font-weight:700; display:block; line-height:1.3em">
<p style="letter-spacing:2.4px; font-size:10pt;">Tytuł obrazka</p><p style="display:block; text-align:center;">
<a href="http://www.adresstrony.pl ">
<img src="http://www.adresstrony.pl/photos/image.jpg" width="140" height="120" border="0" /></a>
<br /><br /><a href="http://www.adresstrony.pl ">tytul</a><br />
<a href="http://www.adresstrony.pl">Zobacz</a></p></div> 
Pozmieniaj align="center" na własne np: left; szerokości ;wysokości;lettery;tytuły, itp itd wytnij co nie potrzebne np "color" i metodą prób i błędów poosadzaj ,bedzie ładnie wyglądać pod IE,Opera itp,jak widać kod zawiera stosowne odstępy i fotki nie włażą na siebie,ustawiając parametry np dla każdej fotki und dodając-zmieniając, center right czy left od siebie uzyska sie ładny efekt,ale i jak podpowiada @Fuma można taki efekt też uzyskać w CSS-ach,ale to już jest więcej modyfikowania w plikach,aczkolwiek tak powinno właśnie być-Odwołanie się do plików css,położenie fonty i kolory itp...aby strona wyglądała efektownie i przyciągała gości-Powodzenia

PS.są gotowe szablony HTML w necie do tworzenia stron pod Allegro
Awatar użytkownika
fuma
Przyjaciel CBA
Posty: 11168
Rejestracja: 01 sie 2005, 14:57:56
Lokalizacja: z jajka niespodzianki :P
Płeć: Mężczyzna
User Agent: Opera Windows 1440x900

Re: Żle wyswietlane zdjęcia w ie i operze

Post autor: fuma »

bosopopiasq twoj kod zapewne dziala, ale niestety z wielu powodow nie jest dobry. Najwazniejszy to atrybuty takie jak width, height, border czy align, tego sie nie uzywa, od tego jest css i koniec kropka. Powoli w zycie wchodzi html 5 w ktorym takie cos nawet nie dziala. Ponadto zle wykorzystanie paragrafow, do kazdego zdjecia dwa paragrafy a do tego po dwa <br>? Zly pomysl. Jak juz to zamiast diva paragraf (<p>) oplatajacy cala tresc, lub dla mniej wtajemniczonych div jako kontener dla body i w nim jeden paragraf, tytuly zdjec jako hx (3,4 lub 5) a zdjecie po prostu jak jest (<a><img></a>), wszak anchor, badz zdjecie mozna wykorzystac jako element blokowy i elegancko ustawic pod hx. Jak poprawiac to warto zadbac o poprawnosc semantyczna kodu.
bosopopiasq
Płeć: Niewybrana
User Agent: Firefox Windows 1024x768

Re: Żle wyswietlane zdjęcia w ie i operze

Post autor: bosopopiasq »

Prosze zauważyć ::::::::::@Fuma ,że napisałam wyrażnie
http://www.kurshtml.[regulamin forum: punkt 2.13]/
znajdziesz wszystko co Ci potrzebne do prawidłowego osadzenia ilustracji oraz pozmieniaj ,poosadzaj i itp
.więc daruj sobie okay? czytaj logicznie(nie tylko jest to i.. moja uwaga), a co do kodu to jest to przykład CO widać czarno na białym
Awatar użytkownika
fuma
Przyjaciel CBA
Posty: 11168
Rejestracja: 01 sie 2005, 14:57:56
Lokalizacja: z jajka niespodzianki :P
Płeć: Mężczyzna
User Agent: Opera Windows 1440x900

Re: Żle wyswietlane zdjęcia w ie i operze

Post autor: fuma »

bosopopiasq nie unos sie tak, bo nie byl to zaden atak na twoja osobe. Co z tego, ze kierujesz na kurshtml.[regulamin forum: punkt 2.13] jak podalas przyklad, ktory jest sprzeczny ze wskazowkami tam zawartymi... Jak juz komus cos doradzac to mozliwie najpoprawniej
mat22
Posty: 5
Rejestracja: 22 kwie 2010, 20:11:13
Płeć: Niewybrana
User Agent: Firefox Windows 1440x900

Re: Żle wyswietlane zdjęcia w ie i operze

Post autor: mat22 »

Witam
Nie miałem czasu sprawdzić czy to co napisaliście pomoze bo miałem szkołe ale dzisiaj wieczorem znajde chwile i napisze czy cos pomogło. Dziwne jest to że sprawdam teraz jak strona działa w operze i ie i okazuje sie że wszystko jest ok! Tylko nie wiem czy to tylko u mnie czy naprawde jest dobrze . Jak możecie sprawdzcie jak wyswietla u Was i napiszcie mi.

---- EDIT ----

Wkleiłem ten Kod:
.Body img
{
display:block;
}

ale dalej nie wyglada to dobrze


Możecie mi napisać jak u Was sie wyświetla?Czy zdjecia dalej nachodza na siebie?
ODPOWIEDZ