малак проблем със изместване ..

ickofinci · 12 Декември 2011

здравеите,
опитвам да тренирам HTML със CSS в комбинация,..разработвам едно саитче, засега е добре, но ми излезна малко проблемче което немога да чатна откаде ми е..
значи ще опитам да обясна..имам 1горен див(като за картинка за саита),един 2ри див(където съм поместил мениуто) и един 3ти див, в които съм разположил още 3 хоризонтални дива(2 малки в краищата и 1 в средата за поместване на информация в него), проблема е следния, .. когато напиша примерно ПОВЕЧЕ от 20 реда в централния див, и 3та (горен,среден и долен фактически кадето слагам информацията в него) се изместват заедно няколко пиксела в ляво,..някои може ли да ми подскаже каде може да е проблемчето?!?!

Много ви благодаря предварително!![/html]

odyssey · 12 Декември 2011

ами най-добре дай скрийншот да видим? може и код също

ickofinci · 13 Декември 2011

ок, ето код ше сложа на HTML и CSS-a:

<html>

<head>
<title> Таекуон-до клуб "Фолкън" </title>

<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<meta name="description" content=" Таекуон-до клуб "Фолкън", Благоевград. За малки и големи" />
<meta name="keywords" content=" TKD, taekwon-do, martial art, fight club, falcon " />

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

</style>

</head>

<body>

<div align="center">
<div id="box1">

</div>
</div>

<div align="center">
<div id="box2">
<div class="menu">
<a href="nachalo.html">Начало</a>
<a href="zanas.html"><font color="white">За нас</font></a>
<a href="novini.html">Новини</a>
<a href="taekwondo.html">Таекуон-До</a>
<a href="grafik.html">График</a>
<a href="instruktori.html">Инструктори</a>
<a href="uspehi.html">Успехи</a>
<a href="sustezateli.html">Състезатели</a>
<a href="galeriq.html">Галерия</a>
</div>
</div>
</div>

<div align="center">
<div id="box3">
<div class="out-table">
<div class="inside-block inside-block-width-left">
<div class="news-left">
<br>
<br>
<br>
<br>
</div>
</div>
<div class="inside-block inside-block-width-center">
<div class="news-center">

</div>
</div>
<div class="inside-block">
<div class="news-right">
<br>
<br>
<br>
<br>
</div>
</div>
</div>
<div align="center">
<div class="out-table-bottom">
B A N N E R
</div>
</div>
</div>
</div>

<div align="center">
<div class="reserve">
© 2011 Таекуон-До Клуб "Фолкън" Благоевград
</div>
</div>

</body>

</html>

ЗНАЧИ ТОВА МИ Е ЦЕЛИА css ЗА САИТА, КАЛПАВО И НЕРАЗБИРАЕМО Е ПРЕДПОЛАГАМ.. ТА ПРОБЛЕМА МИ Е ГОРЕ В html ГОРЕ КАДЕTO E:

<div class="inside-block inside-block-width-center">
<div class="news-center">

</div>
</div>

КАТО СЛОЖА ПРИМЕРНО ПОВЕ4Е РЕДОВЕ(ПРИМЕРНО <BR>) НЯКОЛКО ОТ ТЕЗИ,..И ВСИ4КО СЕ МЕСТИ НАЛЯВО?!?!ДОСТАТЪЧНО ЛИ Е ТОВА КОЕТО СЪМ СЛОЖИЛ ЗА ДА ПОЯСНА ОТНОСНО ПРОБЛЕМА...РАЗБИРАЕМО ЛИ Е ?!?!?

/* Begin Page */
/* Created by Veruci */

body
{
background: #cfcfcf;
font-family: Times New Roman;
font-size: 18px;
text-align: ;
padding: 0;
margin: 15;
}

#box1
{
width: 1000px;
height: 200px;
background: url('banner.png');
border: 1px solid grey;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
}

#box2
{
width: 1000px;
height: 30px;
background: url('grad.png');
border: 1px solid grey;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-radius: 20px;
margin-top: 5px;
}

div.menu
{
margin-top: 4px;
margin-bottom: 5px;
}

div.menu a
{
background: url('grad.png') ;
font: 15px tahoma;
color: black;
border: 1px solid grey;
text-decoration: none;
padding: 1px 8px;
}

div.menu a:visited
{
color: ;
}

div.menu a:hover
{
background: grey;
}

#box3
{
width: 1000px;
border: 2px solid grey;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-bottom-colors: cfcfcf;
-moz-border-top-colors: cfcfcf;
margin-top: 15px;
margin-bottom: 15px;
text-align: left;
}

.reserve
{
width: 1000px;
height: 20px;
background: grey;
border: 1px solid grey;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
padding: 2 2 2;
}

.out-table
{
display: table;
position: ;
table-layout: fixed;
border-collapse: collapse;
background-color: ;
border: ;
width: 989px;
margin-left: 3px;
margin-top: 2px;
margin-right: 2px;
}

.out-table-bottom
{
width: 800px;
background-color: ;
border: 1px solid grey;
-moz-border-radius-bottomright: 20px;
margin-top: 5px;
margin-bottom: 5px;
}

.inside-block
{
background-color: transparent;
vertical-align: top;
text-align: left;
border: ;
display: table-cell;
padding: 2 2 2;
}

.inside-block-width-left { width: 165px;}
.inside-block-width-center { width: 624px;}

.news-left
{
width: 160px;
position: relative;
background-color: #cfcfcf;
border: 1px solid grey;
-moz-border-radius-topleft: 20px;
}

.news-left1
{
width: 160px;
margin-top: 5px;
border: 1px solid grey;
}

.news-center
{
width: 619px;
background-color: ;
border: ;
}

.news-right
{
width: 189px;
background-color: ;
border: 2px inset grey;
}

.forus
{
display: list-item;
color: black;
text-align: center;
font-size: 20px;
text-shadow: 3px 3px 3px grey;
margin: 20 20 20;
}

p
{
font-family: georgia, arial, verdena;
text-align: left;
font-size: 17px;
margin: 20 10 10;
background: ;
text-indent: 30px;
}

p1
{
font-family: georgia, arial, verdena;
color: black;
text-shadow: 3px 3px 3px white;
font-size: 18px;
margin: 10 10 10;
}

p2
{
font-family: georgia, arial, verdena;
color: black;
font-size: 14px;
margin: 10 10 10;
}

#grafik-row
{
width: px;
margin-left: 15px;
}

.day
{
width: 90px;
color: black;
display: table-cell;
padding-left: 4px;
background: ;
font-size: 17px;
}

.dayy
{
width: 90px;
color: black;
display: table-cell;
padding-left: 4px;
background: ;
font-size: 17px;
}

.day1
{
width: 160px;
color: black;
display: table-cell;
font-size: 17px;
text-align: center;
background: ;
}

.day11
{
width: 160px;
color: black;
display: table-cell;
font-size: 17px;
text-align: center;
background: ;
}

.line
{
width: 500px;
border: 1px solid grey;
margin-left: 10px;
margin-top: 7px;
}

.deca-names
{
padding: 3 3 3;
background: grey;
font-size: 14px;
color: black;
}

.deca-names1
{
padding: 3 3 3;
background: #cfcfcf;
font-size: 14px;
color: black;
}

.deca-names2
{
padding: 3 3 3;
background: grey;
font-size: 14px;
color: black;
-moz-border-radius-topleft: 20px;
}

div.deca-names a:hover
{
color: white;
}

div.deca-names1 a:hover
{
color: white;
}

div.deca-names2 a:hover
{
color: white;
}

.falldown
{
font-family:arial,tahoma,verdana,helvetica;
font-size: 13px;
}

ul,li
{
display:block;
margin:0;
padding-left: 5;
border:0;
}

li
{
position:relative;
padding:1px;
padding-left:26px;
background:url('pointdown.png') no-repeat;
}

a
{
paddingx;
border: ;
text-decoration:none;
color:black;
font-weight:bold;
width:100%;
}

div.falldown a:hover
{
border-color:gray;
background-color:#bbb7c7;
color:black;
}

ul ul, li:hover ul ul
{
display:none;
}

li:hover ul, li:hover li:hover ul
{
display:block;
}

.novini-pic
{
width: 100px;
height: 100px;
border: 1px solid red;
}

БЛАГОДАРЯ!!!1

малак проблем със изместване ..

ickofinci

Registered

odyssey

Registered

ickofinci

Registered