Forum PHP.pl > [css]Przy float brak grafiki....

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [css]Przy float brak grafiki....

Squealer

17.09.2007, 13:47:42

Witam mam problem mianowicie:
jak daje float: left; to dostaje efekt:
http://img300.imageshack.us/img300/8919/11624566qp8.gif
lecz jak skasuje float: left to:
http://img153.imageshack.us/img153/5310/70691325sk3.gif
:| a jak dam z 20 <br>

i bez float to:
http://img156.imageshack.us/img156/1848/90905146xt6.gif
i czy idze jakos zrobic nie dajac tych 20 <br> bo to w kodzie naprawde glupio wyglada i wogole...

chico

17.09.2007, 14:18:27

Wklej chociaż część kodu, może wystarczy margines w dive ustawić?

Squealer

17.09.2007, 14:32:12

index.php

Kod

<html>
<head>
<link rel="Shortcut icon" href="http://squealer.yoyo.pl/3c/button2.gif" />
<link rel="Stylesheet" type="text/css" href="lol.css">
</head>
<body style="background: black;">
<br>
<div style="background: url(pas.gif); background-repeat: repeat-x;"><br><br></div>

<div id="lewa_kol">

<div id="l">
  <div id="pasek_m_o_1">
<br/>
    <div id="pasek_m_o_pasek">
     <div id="pasek_m_o_text"><b>SETTINGS</b> </div>
      </div>
<br>
<?php
include('link.php');
?>

       </div>
        </div></div>
            <div id="pasek_m_o_2">
              </div>

            <div id="pasek_m_o_3">
               </div></div>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<div id="ld">
  <div id="pasek_m_od_1">
<br/>
    <div id="pasek_m_od_pasek">
     <div id="pasek_m_od_text"><b>Reklama</b> </div>

<br>
<span style="color: gray; text-align: center;"><h5>Wymien sie buttonem</h5></span>
<span style="margin-left: 10px;">
<input type="text" size="22" value='<a href="http://squealer.yoyo.pl/3c/" target="self_"><img src="http://squealer.yoyo.pl/3c/button.gif" alt="Squealer - Site"></a>'>
</span>
<div style="margin-left: 35px; margin-top: 13px;">
<a href="http://www.uw-team.org/" target="self_">
<img src="http://www.uw-team.org/ban01.gif" alt="Linux, hacking i security"
width="105" heigth="60" border="0"></a>
</div>
<div style="margin-left: 45px; margin-top: 5px;">
<a href="http://wt-site.yoyo.pl" target="self_"><img src="http://wt-site.yoyo.pl/pics/button3.png" width="90" heigth="50" border="0" alt="WT Site"></a>

</div>

       </div>
        </div>
            <div id="pasek_m_od_2">
              </div>

            <div id="pasek_m_od_3">
               </div></div>


</div>

</body>
</html>

lol.css

Kod

#lewa_kol {
z-index: 4;
float: left;
margin-left: 5px;
}
#ld {
width: 215px;
height: 10px;
display:block;
margin-top: 12px;
margin-left: 5px;
}
#pasek_m_o_1 {
        background: url(1.gif);
        background-repeat: no-repeat;
        height: 130px;
        }
    #pasek_m_o_pasek {
        margin-left: 15px;
        background: url(pasek_m.gif);
        background-repeat: no-repeat;
        height: 30px;
        }
    #pasek_m_o_text {
        text-align: center;
        color: #c6c6c6;
        padding-top: 5px;
        }
    #pasek_m_o_2 {
        background: url(2.gif);
        background-repeat: repeat-y;
        height: 170px;
        }
    #pasek_m_o_3 {
        background: url(3.gif);
        background-repeat: no-repeat;
        height: 130px;
        }
                  #pasek_m_od_1 {
        background: url(1.gif);
        background-repeat: no-repeat;
        height: 130px;
        }
    #pasek_m_od_pasek {
        margin-left: 15px;
        background: url(pasek_m.gif);
        background-repeat: no-repeat;
        height: 30px;
        }
    #pasek_m_od_text {
        text-align: center;
        color: #c6c6c6;
         padding: 7px 5 5 0px;
        }
    #pasek_m_od_2 {
        background: url(2.gif);
        background-repeat: repeat-y;
        height: 75px;
        }
    #pasek_m_od_3 {
        background: url(3.gif);
        background-repeat: no-repeat;
        height: 130px;
        }

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.