Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Niekończący się blok? - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Niekończący się blok? (/thread-niekonczacy-sie-blok)

Niekończący się blok? - hunt3r - 11-11-2009

Hejka, jak zauwazycie jestem 'lame'
Robie mala stronke... jednak z kodem cos mi nie wyszlo, mianowicie tekst nie zqawija sie w bloku, tzn nie schodzi na nastepna linie pop przekroczeniu okreslonej szerokosci bloku.. prosze o porada, najlepiej wskazujaca jak slepemu...
Luknac mozna tutaj: http://serv4u.pl/
Ew. moze Ktos pomoze dokonczyc, za niewygorowana oplata, poniewaz zalezy mi na czasie... WYdaje mi sie ze czesc gorsza juz zostala wykonana... zostalo wstawic 2 el. na srodek, boczne menu + okienko i footer... moje GG: 2271662
HTML
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"/>
<title></title>
<link href="serv4u.css" rel="stylesheet" type="text/css" />


</head>
<body>

<div id="ramagora"></div>
<div id="menu">

<ul>
<li><a href="">Home</a></li>
<li><a href="">O nas</a></li>
<li class="active"><a>Cennik</a></li>
<li><a href="">Zamow</a></li>
<li><a href="">Pomoc</a></li>
<li><a href="">Kontakt</a></li>
</ul>
<li class="zaloguj"><a href="">Zaloguj</a></li>
<label>Login:</label> <input class="login" type="text" name="login" id="login" value="nazwa uzytkownika" />

</div>
<div id="ramasrodek">
<div id="srodek">
<div id="lewa">
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
</div>
<div id="prawa">
<div id="menu1">

<label>Hasło:</label> <input class="haslo" type="password" name="haslo" id="haslo" value="***************" />
</div>
fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
</div>
</div>
</div>

<div id="ramastopa"></div>

</body>
</html>
CSS
Kod:
body {
    background: url(images/tlo.png) repeat-x #dfdfdf;

}

#ramagora {
    background: url(images/srodek1.png) no-repeat;
    text-align: left;
    width: 1024px;
       height: 20px;
    margin: auto;
}
#ramasrodek {
    background: url(images/srodek2.png) repeat-y;
    position: relative;
    width: 1024px;
    margin: auto;
}
#ramastopa {
    background: url(images/srodek3.png) no-repeat;
    text-align: left;
    width: 1024px;
       height: 61px;
    margin: auto;
}
#menu {
    background: url(images/menu.png) no-repeat;
    text-align: left;
    width: 1024px;
       height: 52px;
    margin: auto;
}


#menu ul {
    margin: 0;
    padding: 10px 0 0 45px;
    list-style: none;
    line-height: normal;
}

#menu li {
    display: inline;
}

#menu a {
    width: 64px;
       height: 19px;
    display: block;
    float: left;

    margin: 0 0 0 15px;
    padding: 0 0 0 0;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
}

#menu a:hover {
    width: 64px;
       height: 19px;
       background: url(images/button.png) no-repeat;
       color: #000000;

}

#menu .active a {
    width: 64px;
       height: 19px;
       background: url(images/button.png) no-repeat;
       color: #000000;
}

#menu .zaloguj a {
    margin: 0 0 0 110px;
}
#menu input.login {
    width: 178px;
       height: 25px;
       background: url(images/input.png) no-repeat;
       border: 0;
       padding: 4px 0 0 10px;
       color: #a6a3a3;
    font-size: 13px;
    margin: 17px 0 0 10px;
}
#menu label {
       color: #fff;
    font-size: 15px;
    margin: 0 0 0 50px;
}

#srodek {
     width : 1024px;
     height : 400px;
     margin : 0 auto;
    display: block;

}


#lewa {
    float: left;
    width: 650px;

    padding-left: 28px;
       padding-top: 0px;
}

#prawa {
    float: left;
    width: 294px;
    padding-left: 40px;
       font: 13px times;
       color: #F8F8F8;
}
#menu1 {
    width: 306px;
       height: 58px;
       background: url(images/menu1.png) no-repeat;
}
#menu1 input.haslo {
    width: 178px;

       height: 25px;
       background: url(images/input.png) no-repeat;
       border: 0;
       padding: 4px 0 0 10px;
       color: #a6a3a3;
    font-size: 13px;
    margin: 17px 0 0 10px;
}
#menu1 label {
       color: #fff;
    font-size: 15px;
    margin: 0 0 0 25px;
}


RE: Niekończący się blok? - dziamber - 11-11-2009