Skocz do zawartości

[css] odstępy między obrazkami ? :/

mess_alex

Przez mess_alex
w HTML i CSS

Rekomendowane odpowiedzi

mess_alex Newbie

mess_alex

Opublikowano
Opublikowano

Witam,

mam kod html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
 <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
 <title>Opolskie Stowarzyszenie Pomocy Dzieciom z Zespołem Downa</title>
 <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
   <div id="content">
       <div id="top">
           <table>
                <tr>
                    <td align="left"><table width="131px" height="147px" cellpadding="0" cellspacing="0">
                <tr height="50px">
                    <td><a href="/fr"><img src="intro/fr.gif" /></a></td>
                </tr>
                <tr height="49px">
                    <td><a href="/de"><img src="intro/de.gif" /></a></td>
                </tr>
                <tr>
                    <td><a href="/en"><img src="intro/en.gif" /></a></td>
                </tr>
            </table></td>
                    <td width="282px"> </td>
                    <td align="right"><table width="84px" height="147px" cellpadding="0" cellspacing="0" align="right">
                <tr height="69">
                    <td><a href="/pl/sponsorzy.php?str=1"><img src="intro/1.gif" /></a></td>
                </tr>
                <tr height="78px">
                    <td><img src="intro/opp.gif" alt="Jestesmy Organizacja Pozytku Publicznego"/></td>
                </tr>
            </table></td>
                </tr>
            </table>
       </div>

       <div id="bottom"><a href="pl/index.php" id="pl"><img src="intro/pl.gif" alt="pl" /></a></div>
   </div>
</body>
</html>

Będę go oczywiście zmieniać, bo przy takich tabelach nie zostanę, ale nie wiem jak to zmienić.

CSS:

body {
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
background: #B8E556 url(intro/bg_body.gif) repeat-x;
text-align: center;
}
img {
border: 0;
margin: 0;
}
#content {
margin-top: 61px;
margin-bottom: auto;
margin-right: auto;
margin-left: auto;
background: #fff url(intro/bg_module.gif) repeat-y;
text-align: left;
width: 532px;
height: 440px;
}
#top {
padding-left: 11px;
height: 189px;
background: #fff url(intro/bg_top.jpg) no-repeat;
}
#bottom {
background: transparent url(intro/bg_bottom.jpg) no-repeat bottom;
height: 318px;
width: 532px;
}
#pl {
position: relative;
top: 209px;
left: 44px;
border: 0;
}
table {
margin-top: 17px;
}

Adres strony

W IE jest wszystko ok, ale w FF pojawiają się dziwne pionowe odstępy między obrazkami, dlaczego?

Z góry dzięki

Zespół Downa - porady, ważne informacje dla rodziców, rodzeństwa, opiekunów.
Odnośnik do komentarza
Udostępnij na innych stronach
Erbit Explorer

Erbit

Opublikowano
Opublikowano
U mnie w FF stronka wyglada normalnie :|

88756[/snapback]

Normalnie - czyli menu zawiera POZIOME biale linie...

Pod IE tego nie ma 'Synchro' i o to chodziło autorowi !

W opera jest jeszce gorzej !

[edyta]

W sekcji head zmienilem

<style type="text/css" media="all">
     @import "style.css";
 </style>

na

<link rel="stylesheet" type="text/css" href="style.css">

i u mnie wszystko wygląda OK. Jesli tu był błąd to na przyszłość proponuje podawać całe źródło storny.

p.s. Daj znać czy pomogło.

Odnośnik do komentarza
Udostępnij na innych stronach
mess_alex Newbie

mess_alex

Opublikowano
  • Autor
Opublikowano

Cześć, dopiero przyszedłem ze szkoły.

Niestety nie pomogło (nic się nie zmieniło ani pod IE ani FF) :jezyk1:

Zespół Downa - porady, ważne informacje dla rodziców, rodzeństwa, opiekunów.
Odnośnik do komentarza
Udostępnij na innych stronach
vel Newbie

vel

Opublikowano
Opublikowano

kurcze, a to nie jest kwestia tego, że obrazek zawierający ten podkład pod to menu ma między normalnym a tym wciętym 1px odstępu w pionie? i to chyba on się wyświetla powodując dziurę :jezyk1:

chyba o to się rozchodzi prawda?

Kup sobie nieruchomości Kraków albo apartamenty Zakopane. Obejrzyj też fotoblog Grzegorza Ziemiańskiego Nowa Huta na deser

Odnośnik do komentarza
Udostępnij na innych stronach
vel Newbie

vel

Opublikowano
Opublikowano

chyba znalazłem cusik

sekcja #block_menu li a arkusza

zmień height na 19px pod box model hackiem, wtedy FF pokazuje ok

Kup sobie nieruchomości Kraków albo apartamenty Zakopane. Obejrzyj też fotoblog Grzegorza Ziemiańskiego Nowa Huta na deser

Odnośnik do komentarza
Udostępnij na innych stronach
mess_alex Newbie

mess_alex

Opublikowano
  • Autor
Opublikowano

vel

"sekcja #block_menu li a arkusza"?

chyba pomyliłeś tematy :jezyk1:

arkusz z #block_menu jest pod tym adresem (https://www.ospdzd.home.pl/pl/style.css a w tym temacie omawiamy arkusz z https://www.ospdzd.home.pl/style.css),

pierwszy był w moim poprzednim temacie (ale już rozwiązałem tamten problem)

:)

Zespół Downa - porady, ważne informacje dla rodziców, rodzeństwa, opiekunów.
Odnośnik do komentarza
Udostępnij na innych stronach
Erbit Explorer

Erbit

Opublikowano
Opublikowano

Czy Twa strona jest zgodna z XHTML ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Wklej taki doctype...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

Nie wiem dlaczego, poprzednio u mnie poszło.. ale moża dlatego, że dodatkowo wyciąłem doctype... Teraz zadziałało. Mam nadzieje, że to będzie to.

[edyta]

Dobra.. poddaje sie.. 'zgupłem'.. - poszło po usunięciu doctype... i po wymianie... nie wiem...

Odnośnik do komentarza
Udostępnij na innych stronach
mess_alex Newbie

mess_alex

Opublikowano
  • Autor
Opublikowano

Wielkie dzięki,

po wycięciu DOCTYPE strona działa wszędzie.

Będzie zgodna z XHTML, ale jak będę miał kiedyś czas, żeby się tym zająć.

Narazie będzie niezgodna, ale działająca :D

Zespół Downa - porady, ważne informacje dla rodziców, rodzeństwa, opiekunów.
Odnośnik do komentarza
Udostępnij na innych stronach
  • 3 tygodnie później...
mess_alex Newbie

mess_alex

Opublikowano
  • Autor
Opublikowano

Witam,

tak na szybko.

Nie mogłem już znieść, że pod Operą strona się nie wyświetla najlepiej i spróbowałem ją jeszcze raz napisać.

kod html:

<table id="main" cellspacing="0" cellpadding="0">
           <tr>
             <td id="left">
               <ul>
                 <li><a href="/fr" id="fr"><span class="hide">Francais</span></a></li>
                 <li><a href="pl/index.php?m=de_start" id="de"><span class="hide">Deutsch</span></a></li>
                 <li><a href="pl/index.php?m=en_start" id="en"><span class="hide">English</span></a></li>
               </ul>
             </td>
             <td id="center"></td>
             <td id="right">
               <ul>
                 <li><a href="pl/index.php?m=sponsorzy_1" id="jeden"><span class="hide">Przekaż jeden procent</span></a></li>
                 <li><img src="intro/opp.gif" alt="Jesteśmy Organizacją Pożytku Publicznego [obrazek]" /></li>
               </ul>
             </td>
           </tr>
         </table>

css:

      .hide { display: none; }
      li, tr, td, ul, table { margin: 0; padding: 0; }
      td { padding-top: 37px; }
      ul { list-style-type: none; }
      #main { margin: 0; padding: 0; background: transparent; margin-left: 2px; height: 147px; cellspacing: 0; cellpadding: 0; }
      #left { width: 131px; }
      #center { width: 290px; }
      #right { height: 147px; width: 84px; }
      #left ul li a { display: block; margin: 0; padding: 0; }
      #right ul li a { display: block; margin: 0; padding: 0; }
      #fr { width: 131px; height: 50px; background: url(intro/fr.gif) no-repeat; }
      #de { width: 131px; height: 49px; background: url(intro/de.gif) no-repeat; }
      #en { width: 131px; height: 48px; background: url(intro/en.gif) no-repeat; }
      #jeden { width: 84px; height: 69px; background: url(intro/1.gif) no-repeat; }

Bardzo mi się spodobała opcja, że strona jest zgodna z xhtml, dziła poprawnie pod FF i Operą.

Włączam IE a tu 'szczeliny'... ;(

Edit//

Wersja z kodem który podałem w tym poście jest tutaj.

Zespół Downa - porady, ważne informacje dla rodziców, rodzeństwa, opiekunów.
Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności