Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Problem z odstępami
Forum PHP.pl > Forum > Przedszkole
Michael65
21.08.2010, 15:29:18
Mam problem z kodem poniżej, nie wiem dlaczego między obrazkami jest przerwa, pozioma linia czerwona.

Proszę o pomoc.

link do mojej strony z problemem : http://www.malgorzatawysocka.pl/ggg.htm


Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>strona mniejsze menu2010</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />

<!-- ImageReady Styles (strona mniejsze menu2010.psd) -->
<style type="text/css">
<!--

#main {

    
    width:950px;
    background-color: black;
    
    display:block;
}

#bh-01_ {
  float:left;
    
    left:0px;
    top:0px;
    display:block;
    width:950px;
    height:14px;
}

/*1 czę?ć*/

#okno1 {
      float:left;
      left:0px;
      width:428px;
      height:200px;
      display:block;
      background-color: red;
}


#bh-02_ {
    float:left;
    left:0px;
    top:14px;
    width:277px;
    height:40px;
}

#bh-03_ {
      float:left;
    border: none;
    width:116px;
    height:31px;
    float:left;
    left:277px;
    top:14px;
    padding: 0px;
    
}

#bh-03_ a {
  float:left;
    display: block;
    width:116px;
    height:31px;
    background: url(http://www.malgorzatawysocka.pl/a/images/bh_03.jpg) repeat-x;
    text-align: center;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}



#bh-03_ a:hover {
  float:left;
    width:116px;
    height:31px;
    text-decoration: underline;
    background: url(http://www.malgorzatawysocka.pl/a/buttons/over/bh_03.jpg);
}




#bh-04_ {
    float:left;

    width:35px;
    height:31px;
}

#bh-07_ {
  
    float:left;

    width:428px;
    height:9px;
}

#bh-08_ {
    float:left;
    
    
    width:267px;
    height:31px;
}

#bh-09_ {
    float:left;

    width:113px;
    height:31px;
}

#bh-09_ a {
  float:left;
    display: block;
    width:113px;
    height:31px;
    background: url(http://www.malgorzatawysocka.pl/a/images/bh_09.jpg) repeat-x;
    text-align: center;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}



#bh-09_ a:hover {
  float:left;
    width:113px;
    height:31px;
    text-decoration: underline;
    background: url(http://www.malgorzatawysocka.pl/a/buttons/over/bh_09.jpg);
}

#bh-10_ {
    float:left;

    width:48px;
    height:31px;
}

#bh-11_ {
    float:left;

    width:428px;
    height:8px;
}

#bh-12_ {
    float:left;

    width:257px;
    height:31px;
}

#bh-13_ {
    float:left;

    width:114px;
    height:31px;
}

#bh-13_ a {
  float:left;
    display: block;
    width:114px;
    height:31px;
    background: url(http://www.malgorzatawysocka.pl/a/images/bh_13.jpg) repeat-x;
    text-align: center;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}



#bh-13_ a:hover {
  float:left;
    width:114px;
    height:31px;
    text-decoration: underline;
    background: url(http://www.malgorzatawysocka.pl/a/buttons/over/bh_13.jpg);
}


#bh-14_ {
    float:left;
    left:371px;
    top:93px;
    width:57px;
    height:31px;
}

#bh-15_ {
    float:left;

    width:428px;
    height:10px;
}

#bh-16_ {
    float:left;

    width:235px;
    height:31px;
}

#bh-17_ {
    float:left;

    width:117px;
    height:31px;
}

#bh-17_ a {
  float:left;
    display: block;
    width:117px;
    height:31px;
    background: url(http://www.malgorzatawysocka.pl/a/images/bh_17.jpg) repeat-x;
    text-align: center;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}



#bh-17_ a:hover {
  float:left;
    width:117px;
    height:31px;
    text-decoration: underline;
    background: url(http://www.malgorzatawysocka.pl/a/buttons/over/bh_17.jpg);
}


#bh-18_ {
    float:left;

    width:76px;
    height:31px;
}

#bh-19_ {
    float:left;

    width:428px;
    height:10px;
}

#bh-20_ {
    float:left;

    width:211px;
    height:31px;
}

#bh-21_ {
    float:left;

    width:117px;
    height:31px;
}

#bh-21_ a {
  float:left;
    display: block;
    width:117px;
    height:31px;
    background: url(http://www.malgorzatawysocka.pl/a/images/bh_21.jpg) repeat-x;
    text-align: center;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}



#bh-21_ a:hover {
  float:left;
    width:117px;
    height:31px;
    text-decoration: underline;
    background: url(http://www.malgorzatawysocka.pl/a/buttons/over/bh_21.jpg);
}


#bh-22_ {
    float:left;

    width:100px;
    height:31px;
}

#bh-25_ {
    float:left;

    width:428px;
    height:8px;
}

/*2 czę?ć*/




#blok1 {
  display:block;
      width:950px;
      
}

-->
</style>
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#FFFFFF;">
<center>
<!-- ImageReady Slices (strona mniejsze menu2010.psd) -->
<div  id="main">
    <div  id="blok1">
    
    
        <div id="bh-01_">
            <img  src="http://www.malgorzatawysocka.pl/a/images/bh_01.jpg" width="950" height="14" alt="" />
        </div>
    
        <div  id="okno1">
        
        
        
        
            <div id="bh-02_">
                <img  src="http://www.malgorzatawysocka.pl/a/images/bh_02.jpg" width="277" height="31" alt="" />
            </div>
            <div id="bh-03_">
                <a href=""></a>
            </div>
            <div id="bh-04_">
                <img  src="http://www.malgorzatawysocka.pl/a/images/bh_04.jpg" width="35" height="31" alt="" />
            </div>
            <div id="bh-07_">
                <img  src="http://www.malgorzatawysocka.pl/a/images/bh_07.jpg" width="428px" height="9px" alt="" />
            </div>        
            <div id="bh-08_">
                <img  src="http://www.malgorzatawysocka.pl/a/images/bh_08.jpg" width="267" height="31" alt="" />
            </div>    
            <div id="bh-09_">
                <img  src="http://www.malgorzatawysocka.pl/a/images/bh_09.jpg" width="113" height="31" alt="" />
            </div>                            
            <div id="bh-10_">
                <img  src="http://www.malgorzatawysocka.pl/a/images/bh_10.jpg" width="48" height="31" alt="" />
            </div>            
            <div id="bh-11_">
                <img  src="http://www.malgorzatawysocka.pl/a/images/bh_11.jpg" width="428" height="8" alt="" />
            </div>            
            <div id="bh-12_">
                <img  src="http://www.malgorzatawysocka.pl/a/images/bh_12.jpg" width="257" height="31" alt="" />
            </div>            
            <div id="bh-13_">
                <img  src="http://www.malgorzatawysocka.pl/a/images/bh_13.jpg" width="114" height="31" alt="" />
            </div>            
            <div id="bh-14_">
                <img  src="http://www.malgorzatawysocka.pl/a/images/bh_14.jpg" width="57" height="31" alt="" />
            </div>            
            <div id="bh-15_">
                <img  src="http://www.malgorzatawysocka.pl/a/images/bh_15.jpg" width="428" height="10" alt="" />
            </div>                                    
            <div id="bh-16_">
                <img  src="http://www.malgorzatawysocka.pl/a/images/bh_16.jpg" width="235" height="31" alt="" />
            </div>                                    
            <div id="bh-17_">
                <img  src="http://www.malgorzatawysocka.pl/a/images/bh_17.jpg" width="117" height="31" alt="" />
            </div>                                    
            <div id="bh-18_">
                <img  src="http://www.malgorzatawysocka.pl/a/images/bh_18.jpg" width="76" height="31" alt="" />
            </div>                                    
            <div id="bh-19_">
                <img  src="http://www.malgorzatawysocka.pl/a/images/bh_19.jpg" width="428" height="10" alt="" />
            </div>                                    
            <div id="bh-20_">
                <img  src="http://www.malgorzatawysocka.pl/a/images/bh_20.jpg" width="211" height="31" alt="" />
            </div>            
            <div id="bh-21_">
                <img  src="http://www.malgorzatawysocka.pl/a/images/bh_21.jpg" width="117" height="31"  alt="" />
            </div>    
            <div id="bh-22_">
                <img  src="http://www.malgorzatawysocka.pl/a/images/bh_22.jpg" width="100" height="31" alt="" />
            </div>                
            <div id="bh-25_">
                <img  src="http://www.malgorzatawysocka.pl/a/images/bh_25.jpg" width="428" height="8" alt="" />
            </div>                
            
            
            
                
        </div>
    


    

    
</div>    
    
<!-- End ImageReady Slices -->
</body>
</html>
erix
21.08.2010, 15:31:29
Tytuł wątku ma mówić o problemie.

Zamykam. Otworzę po PW z linkiem i nowym, sensownym tytułem.
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.