Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css]Przy float brak grafiki....
Squealer
post 17.09.2007, 13:47:42
Post #1





Grupa: Zarejestrowani
Postów: 44
Pomógł: 0
Dołączył: 21.07.2007
Skąd: Kozmin

Ostrzeżenie: (0%)
-----


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> blinksmiley.gif 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...
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
chico
post 17.09.2007, 14:18:27
Post #2





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 11.09.2007
Skąd: KrK

Ostrzeżenie: (0%)
-----


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

Ten post edytował chico 17.09.2007, 14:20:23
Go to the top of the page
+Quote Post
Squealer
post 17.09.2007, 14:32:12
Post #3





Grupa: Zarejestrowani
Postów: 44
Pomógł: 0
Dołączył: 21.07.2007
Skąd: Kozmin

Ostrzeżenie: (0%)
-----


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;
        }
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 05:27