niechciany obrys linków + tabela w ie

**Posty:** 286 · przez **Jabol121** 28 Lis 2007, 14:30

Witam, mam takie 2 problemy:

Problem 1:

Gdy wyświetlam stronę w IE pojawia się poziomy pasek o kolorze tła tabeli w miejscu gdzie górna część loga łączy się z częściami znajdującym się poniżej. Problem NIE występuje w Firefoxie ani w Operze.

Problem 2:

W IE i Mozilli pojawiają mi się dziwne obrysy obrazków będących odnośnikami . Problem nie występuje w operze. Jest to bardzo frustrujące a ja nie wiem jak to usunąć.

Dla ilustracji obu problemów zamieszczam zrzut ekranu:

Paczkę obrazki + kod
http://www.daemonic.yoyo.pl/index.rar

Oraz cały kod www

Kod: Zaznacz wszystko: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2"> <meta name="Description" content=" [wstaw tu opis strony] "> <meta name="Keywords" content=" [wstaw tu slowa kluczowe] "> <meta name="Author" content=" [dane autora] "> <meta name="Generator" content="kED2"><title>[tytuł strony]</title> <link rel="stylesheet" href="%20%5Bnazwa_arkusza_stylow.css%5D%20" type="text/css"></head><body cellpadding="0" cellspacing="0" topmargin="0" bgcolor="#ffffff" marginheight="0" marginwidth="0"> <table align="center" bgcolor="#9cbe4c" border="0" cellpadding="0" cellspacing="0" width="800"> <tbody>  <tr><td colspan="3" border="0" cellpadding="0" cellspacing="0"> <img src="index/logo1.jpg" alt="" height="159" width="800"> </td></tr> <tr> <td><img src="index/logo2.jpg" alt="" height="60" width="312"></td>  <td><img src="index/banner.jpg" alt="" height="60" width="468"></td> <td><img src="index/logo3.jpg" alt="" height="60" width="20"></td></tr> <tr><td colspan="10"> <img src="index/logo4.jpg" alt="" height="21" width="800"></td></tr> </tbody></table>  <table align="center" bgcolor="#9cbe4c" border="0" cellpadding="0" cellspacing="0" width="800"><tbody> <tr> <td><a href="#"><img src="index/home.jpg" alt="" height="63" width="97"></a></td> <td><a href="#"><img src="index/konto.jpg" alt="" height="63" width="111"></a></td> <td><a href="#"><img src="index/reklama.jpg" alt="" height="63" width="131"></a></td> <td><a href="#"><img src="index/regulamin.jpg" alt="" height="63" width="160"></a></td> <td><a href="#"><img src="index/forum.jpg" alt="" height="63" width="103"></a></td> <td><a href="#"><img src="index/kontakt.jpg" alt="" height="63" width="155"></a></td> <td><img src="index/menu.jpg" alt="" height="63" width="43"></td> </tr><tr> </tr></tbody></table> <table align="center" bgcolor="#9cbe4c" border="0" cellpadding="0" cellspacing="0" width="800"> <tbody><tr>  <td width="400">1</td>  <td width="400">2</td></tr>  <tr> <td colspan="2" align="center" width="800">dasda</td></tr> </tbody></table> <a href="#"><img src="index/statystyki.jpg" alt="" height="47" width="181"></a> </body></html>

Będę wdzięczny za każdą pomoc.

**Posty:** 2296 · przez **@Marcin** 28 Lis 2007, 15:24

Jak dasz tak:

Kod: Zaznacz wszystko: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2"> <meta name="Description" content=" [wstaw tu opis strony] "> <meta name="Keywords" content=" [wstaw tu slowa kluczowe] "> <meta name="Author" content=" [dane autora] "> <title>[tytuł strony]</title> </head> <body> <table align="center" border="0" cellpadding="0" cellspacing="0" width="800">  <tr> <td colspan="0" border="0" cellpadding="0" cellspacing="0"> <img src="index/logo1.jpg" alt="" height="159" width="800"></td> </tr>  <tr> <td><img src="index/logo2.jpg" alt="" height="60" width="312"></td> <td><img src="index/banner.jpg" alt="" height="60" width="468"></td> <td><img src="index/logo3.jpg" alt="" height="60" width="20"></td> </tr> <tr> <td colspan="0"> <img src="index/logo4.jpg" alt="" height="21" width="800"></td> </tr> </table>  <table align="center" border="0" cellpadding="0" cellspacing="0" width="800"> <tr> <td colspan="0" background="index/menu.jpg" height="63" width="43"> <span class="gensmall"> <a href="#" class="gensmall"><img src="index/home.jpg" height="63" width="97"></a> <a href="#" class="gensmall"><img src="index/konto.jpg" alt="" height="63" width="111"></a> <a href="#" class="gensmall"><img src="index/reklama.jpg" alt="" height="63" width="131"></a> <a href="#" class="gensmall"><img src="index/regulamin.jpg" alt="" height="63" width="150"></a> <a href="#" class="gensmall"><img src="index/forum.jpg" alt="" height="63" width="103"></a> <a href="#" class="gensmall"><img src="index/kontakt.jpg" alt="" height="63" width="153"></a> </span> </td> </tr> </table>

to w FF wyglada OK ale w IE okropnie ;] pod operą nie sprawdzałem

**Posty:** 286 · przez **Jabol121** 28 Lis 2007, 15:34

Fajnie, że się zainteresowałeś moją sprawą ale twoja rada niestety nie pomogła, co prawda teraz menu pasuje na szerokość ale obrysowania nadal są.

Zarówno w IE jak i w operze wygląda różnie ale w obu przypadkach tragicznie.

**Posty:** 436 · przez **raiylo** 28 Lis 2007, 15:36

Nie wiem czy sam zrobiles sama szate graficzna czy jak, ale w kazdym badz razie lepiej jest w takich przypadkach skorzystac z programu ktory odpowiedniemu elementowi obrazka przypisze linka. Podobna sytuacja ma miejsce w ImageReady dolaczonym do photoshopa gdzie po zaznaczeniu okreslonego pola ktore ma nas przenosic pod dany adres mozemy mu przypisac dowolny adres:

Programami ktore przypisza link do fragmentu obrazu moga byc ImageReady wspomniany powyzej czy tez Microsoft Fireworks, Website PRO. Jezeli jest to zlozony gotowy szablon ktory zakupiles lub skads sciagnales topoczytaj to i sie dostosuj.

Autor postu otrzymał pochwałę

**Posty:** 2296 · przez **@Marcin** 28 Lis 2007, 15:39

oooooooj zajełem sie nie tyle tymi ramkami co ogółem

juz poprawiam

znajdź

Kod: Zaznacz wszystko: <table align="center" border="0" cellpadding="0" cellspacing="0" width="800"> <tr> <td colspan="0" background="index/menu.jpg" height="63" width="43"> <span class="gensmall"> <a href="#" class="gensmall"><img src="index/home.jpg" height="63" width="97"></a> <a href="#" class="gensmall"><img src="index/konto.jpg" alt="" height="63" width="111"></a> <a href="#" class="gensmall"><img src="index/reklama.jpg" alt="" height="63" width="131"></a> <a href="#" class="gensmall"><img src="index/regulamin.jpg" alt="" height="63" width="150"></a> <a href="#" class="gensmall"><img src="index/forum.jpg" alt="" height="63" width="103"></a> <a href="#" class="gensmall"><img src="index/kontakt.jpg" alt="" height="63" width="153"></a> </span> </td> </tr> </table>

zmień na

Kod: Zaznacz wszystko: <table align="center" border="0" cellpadding="0" cellspacing="0" width="800"> <tr> <td colspan="0" background="index/menu.jpg" height="63" width="43" border="0"> <a href="#"><img src="index/home.jpg" height="63" width="97" border="0"></a> <a href="#"><img src="index/konto.jpg" alt="" height="63" width="111" border="0"></a> <a href="#"><img src="index/reklama.jpg" alt="" height="63" width="131" border="0"></a> <a href="#"><img src="index/regulamin.jpg" alt="" height="63" width="150" border="0"></a> <a href="#"><img src="index/forum.jpg" alt="" height="63" width="103" border="0"></a> <a href="#"><img src="index/kontakt.jpg" alt="" height="63" width="153" border="0"></a> </td> </tr> </table>

powinno być OK zarówno w IE jak i FF

(nie sprawdzałem)

Autor postu otrzymał pochwałę

**Posty:** 286 · przez **Jabol121** 28 Lis 2007, 18:00

Pod FF wygląda nieźle, ramki zniknęły, ale niestety porobiły się odstępy między buttonami:
http://i15.tinypic.com/8amm68w.png
Pod IE sypie się po całej linii:
http://i10.tinypic.com/6us0jza.png
Pod operą tez się sypie i zrobiły się odstępy podobnie jak w firefoksie:
http://i8.tinypic.com/6olpqxe.png

Co może być istotne, problem pojawia się tylko przy moich własnych stronach, natomiast wszystkie te z internetu wyświetlają się normalnie. Shostowałem stronę ale nic to nie zmieniło i dalej wyświetlało sie tak jak z dysku. Choć wydaje mi się to absurdalne sprawdziłem czy to przypadkiem mój program (KED) coś nie miesza i zrobiłem prosta stronkę w notatniku. Oczywiście buttonik miał otoczkę

@Marcin doceniam, że starsz mi się pomóc
Jaki twoją radę potraktuję jako ostateczność, bo wole stronę oprzeć na swoim kodzie a nie na tym od IR

**Posty:** 1925 · przez **Puma** 28 Lis 2007, 19:10

html

Kod: Zaznacz wszystko: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2"> <meta name="Description" content=" [wstaw tu opis strony] "> <meta name="Keywords" content=" [wstaw tu slowa kluczowe] "> <meta name="Author" content=" [dane autora] "> <meta name="Generator" content="kED2"><title>[tytuł strony]</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <table align="center" bgcolor="#9cbe4c" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody>  <tr><td colspan="3" border="0" cellpadding="0" cellspacing="0"> <img src="index/logo1.jpg" alt="" height="159" width="800"> </td></tr> <tr> <td><img src="index/logo2.jpg" alt="" height="60" width="312"></td>  <td><img src="index/banner.jpg" alt="" height="60" width="468"></td> <td><img src="index/logo3.jpg" alt="" height="60" width="20"></td></tr> <tr><td colspan="10"> <img src="index/logo4.jpg" alt="" height="21" width="800"></td></tr> </tbody></table>  <table align="center" bgcolor="#9cbe4c" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody> <tr> <td><a href="#"><img src="index/home.jpg" alt="" height="63" width="97"></a></td> <td><a href="#"><img src="index/konto.jpg" alt="" height="63" width="111"></a></td> <td><a href="#"><img src="index/reklama.jpg" alt="" height="63" width="131"></a></td> <td><a href="#"><img src="index/regulamin.jpg" alt="" height="63" width="160"></a></td> <td><a href="#"><img src="index/forum.jpg" alt="" height="63" width="103"></a></td> <td><a href="#"><img src="index/kontakt.jpg" alt="" height="63" width="155"></a></td> <td><img src="index/menu.jpg" alt="" height="63" width="43"></td> </tr><tr> </tr></tbody></table> <table align="center" bgcolor="#9cbe4c" border="0" cellpadding="0" cellspacing="0" width="800"> <tbody><tr>  <td width="400">1</td>  <td width="400">2</td></tr>  <tr> <td colspan="2" align="center" width="800">dasda</td></tr> </tbody></table> <a href="#"><img src="index/statystyki.jpg" alt="" height="47" width="181"></a> </body></html>

css

Kod: Zaznacz wszystko: * { margin: 0; padding: 0; } body { width: 800px; margin: 0 auto; background: #ffffff; } img { display: block; border: 0; }

ps. Jeżeli powiesz że nie wiesz co to css...to się naucz go wstawiać i używać gdyż bez css nie zrobisz dobrze strony.

Autor postu otrzymał pochwałę

niechciany obrys linków + tabela w ie

Niechciany obrys linków + tabela w IE

Kto jest na forum