Проблем с хоризонтален скруул

lam3r4370 · 1 Февруари 2009

Ето вижте как ми излиза

ето цсс:

Код:

table {
position:relative;
top:-720px;
right:-335px;
background:url(images/novini.gif) no-repeat;
width:472px;
height:200px;
margin-top:0px;



}

+1

shterev · 1 Февруари 2009

Я си дай целия код, само с това нищо не можем ти кажем

lam3r4370 · 1 Февруари 2009

Код:

table {
position:relative;
top:-720px;
right:-335px;
background:url(images/novini.gif) no-repeat;
width:472px;
height:200px;
margin-top:0px;



}

#kazan {
	position:absolute;
	background: url(head2.jpg) no-repeat;
	width:1006px;
	height:248px;
	left:0px;
}



#idnss {
	position:relative;
	width:374px;
	height:472px;
	top:497px;
	left:0px;
}
#idnsss {
	position:absolute;
	width:472px;
	height:200px;
	top:320px;
	right:120px;
}



#button {
	position:absolute;
	width:980px;
	height:80px;
	top:645px;
	left:400px;
}
#idn {
	position:relative;
	width:591px;
	height:354px;
	top:239px;
	left:0px;
}
#idns {
	position:absolute;
	width:591px;
	height:354px;
	top:315px;
	*top: 320px;
	left:0px;
}

shterev · 1 Февруари 2009

сега ако дадеш и хтмл-то ще е супер

lam3r4370 · 1 Февруари 2009

.php

хтмл нямам

Код:

	echo '<table  border="0">';
echo '<tr><td>Име на новина: <b>'.$name.'</b> кат:'.$r['kategoria'].'<br>
Новината: '.bbcode($bbco).'</td> <td> </td></tr>
<br>
<br /><hr>';

а и ако добавя 3 новина пространството между изображенията е много голямо!

shterev · 1 Февруари 2009

ами тя тая таблица няма </table>
Виз пробвай да изложиш един width:1000px; overflow:hidden;

овината: '.bbcode($bbco).'</td> <td> </td></tr>

Това е празна клетка , може заради нея да имаш толкова място между новините , махни я .

lam3r4370 · 1 Февруари 2009

Виж как го направих ,но няма промяна table {
position:relative;
top:-720px;
right:-335px;
background:url(images/novini.gif) no-repeat;
width:1000px;
height:200px;
overflow:hidden;
margin-top:-10px;

}

shterev · 1 Февруари 2009

top:-720px;
right:-335px;

За какво са ти тези?

lam3r4370 · 1 Февруари 2009

shterev каза:
top:-720px;
right:-335px;

За какво са ти тези?

Позициониране.с абсолют стават една зад друга новините

shterev · 2 Февруари 2009

ама за какво ти е това позициониране , не мога да те разбера

примерно имаш така
<div>новина</div>
<div>новина</div>
<div>новина</div>
<div>новина</div>

ще са една под друга новините .Ако добавим на всеки див float:left; и някаква широчина , ще се изреждат една след друга .Много те бъркат тези позишъни.

lam3r4370 · 2 Февруари 2009

Еми искам да са под хедъра ако няма позициониране как ще са под хедъра?

shterev · 2 Февруари 2009

Там ти е именно проблема. Ако си ги направил с floating и изчистването му , ще е мног по добре . С тези позишъни малко кофти работата при динамичен сайт.Имаш ли сайта някаде качен из нета, да го видя.

lam3r4370 · 2 Февруари 2009

Не на локалхоста е ,но нямам реално айпи.Снимка става ли да дам? Искам да е 120 px отдясно и 315 px отгоре как ще стане?
Успях да ги сложа отдясно с float и после clear,защото едно отиваше наляво ,обаче как да ги сложа до хедъра?

shterev · 2 Февруари 2009

я както ти е на локал , като отвириш сайта през браузъра ,дай на view page source или т.е. да отвориш хтмл кода и ми го пейстни тука.

lam3r4370 · 2 Февруари 2009

Код:

<meta http-equiv="content-type" content="text/html; charset=windows-1251"> 
<head><LINK href="neshto.css" rel="stylesheet" type="text/css"></head>
<body>
<div id = "kazan">

</div>
<div id = "idn">
<img id="up_menu" src="images/up-menu.gif" width="990" height="80" alt="" />
</div>
<div id="idns">
<img id="menu2" src="images/menu2.gif" width="354" height="591" alt="" />
</div>
<div id="idnss">
<img id="menu_kvadrat" src="images/menu-kvadrat.gif" width="374" height="472" alt="" />
</div>

<meta http-equiv="content-type" content="text/html; charset=windows-1251"> 

<br />
<b>Notice</b>:  Undefined index:  admin in <b>D:\Programi\wamp\wamp\www\server.php</b> on line <b>60</b><br />
<br />
<b>Notice</b>:  Undefined index:  mod in <b>D:\Programi\wamp\wamp\www\server.php</b> on line <b>60</b><br />

<table  border="0">

<tr><td>Име на новина: <b>dsadas</b> кат:Sport<br>
Новината: <i>sda das d </i>[<a href="view.php?id=135">...</a>]</td></tr>
<br>
<br /><hr></table><br />
<b>Notice</b>:  Undefined index:  admin in <b>D:\Programi\wamp\wamp\www\server.php</b> on line <b>60</b><br />

<br />
<b>Notice</b>:  Undefined index:  mod in <b>D:\Programi\wamp\wamp\www\server.php</b> on line <b>60</b><br />

<table  border="0">

<tr><td>Име на новина: <b>sasasasasasadasd</b> кат:Sport<br>
Новината: dhnuysadnuashygdbnasuydbvyas b hbsdayh ...[<a href="view.php?id=133">...</a>]</td></tr>

<br>
<br /><hr></table><br />
<b>Notice</b>:  Undefined index:  admin in <b>D:\Programi\wamp\wamp\www\server.php</b> on line <b>83</b><br />
<br />
<b>Notice</b>:  Undefined index:  mod in <b>D:\Programi\wamp\wamp\www\server.php</b> on line <b>83</b><br />

<table  border="0"><tr><td>Име на новина: <b>sasasa</b> кат:Sport<br>
Новината: sa sa sa sa</td> <td> </td></tr>
<br>
<br /><hr></table></body>

shterev · 2 Февруари 2009

Какво да ти кажа , трагедия. Значи първо , вземи прочети какво е ХТМЛ и ЦСС, поне основите, защото не можеш да работиш с ПХП , ако не знаеш как да изкарва ХТМЛ-а. По твоя код има много грешки, затова ти и казвам да прочетеш за хтмл. Ето нещо на бързо , което направих по тжоя код , добавих един див id="container " и стила към него #container { width:1000px; overflow:hidden;}, така не излзиа скрол , но е адски грешно да се прави така, просто кода ти не е структуриран правилни , незатворени табли и т.н. Та ето какво направи аз с добавянвто на тоя див

<html>
<head>

<meta http-equiv="content-type" content="text/html; charset=windows-1251">

<style>

#container{
width:1000px;
overflow:hidden;
}

table {
position:relative;
top:-720px;
right:-335px;
background:url(images/novini.gif) no-repeat;
width:472px;
height:200px;
margin-top:0px;

}

#kazan {
position:absolute;
background: url(head2.jpg) no-repeat;
width:1006px;
height:248px;
left:0px;
}

#idnss {
position:relative;
width:374px;
height:472px;
top:497px;
left:0px;
}
#idnsss {
position:absolute;
width:472px;
height:200px;
top:320px;
right:120px;
}

#button {
position:absolute;
width:980px;
height:80px;
top:645px;
left:400px;
}
#idn {
position:relative;
width:591px;
height:354px;
top:239px;
left:0px;
}
#idns {
position:absolute;
width:591px;
height:354px;
top:315px;
*top: 320px;
left:0px;
}
</style>

</head>
<body>
<div id="container">
<div id = "kazan">

</div>
<div id = "idn">
<img id="up_menu" src="images/up-menu.gif" width="990" height="80" alt="" />
</div>
<div id="idns">
<img id="menu2" src="images/menu2.gif" width="354" height="591" alt="" />
</div>
<div id="idnss">
<img id="menu_kvadrat" src="images/menu-kvadrat.gif" width="374" height="472" alt="" />
</div>

<br />
<b>Notice</b>: Undefined index: admin in <b>D:\Programi\wamp\wamp\www\server.php</b> on line <b>60</b><br />
<br />
<b>Notice</b>: Undefined index: mod in <b>D:\Programi\wamp\wamp\www\server.php</b> on line <b>60</b><br />

<table border="0">

<tr><td>Име на новина: <b>dsadas</b> кат:Sport<br>
Новината: <i>sda das d </i>[<a href="view.php?id=135">...</a>]</td></tr>
<br>
<br /><hr></table><br />
<b>Notice</b>: Undefined index: admin in <b>D:\Programi\wamp\wamp\www\server.php</b> on line <b>60</b><br />

<br />
<b>Notice</b>: Undefined index: mod in <b>D:\Programi\wamp\wamp\www\server.php</b> on line <b>60</b><br />

<table border="0">

<tr><td>Име на новина: <b>sasasasasasadasd</b> кат:Sport<br>
Новината: dhnuysadnuashygdbnasuydbvyas b hbsdayh ...[<a href="view.php?id=133">...</a>]</td></tr>

<br>
<br /><hr></table><br />
<b>Notice</b>: Undefined index: admin in <b>D:\Programi\wamp\wamp\www\server.php</b> on line <b>83</b><br />
<br />
<b>Notice</b>: Undefined index: mod in <b>D:\Programi\wamp\wamp\www\server.php</b> on line <b>83</b><br />

<table border="0">
<tr>
<td>
Име на новина: <b>sasasa</b> кат:Sport<br>
Новината: sa sa sa sa
</td>
<tr>
<td><hr/> </td>
</tr>
</tr>

</table>
</div>
</body>
</html>

lam3r4370 · 2 Февруари 2009

Да ти каже чесно по-лесно ми е ПХП-то!Също оправих се така:

Код:

table {
position:relative;
top:-655px;
float:right;
background:url(images/novini.gif) no-repeat;
width:472px;
height:200px;
clear:right;


}

,но не можах да направя ,така че текста да не е по средата на изображението ,ами в в горния десен ъгъл?

shterev · 2 Февруари 2009

Я прочети малко хтмл , че да видим дали ще ти е по-лесно пхп-то.Ами вече не мога да ти помогна , трябва да си напишеш правилно хтмл-то, няма какво да ти казвам, всичко ти е грешно, даже нямаш <html> отварящ таг.

lam3r4370 · 2 Февруари 2009

Много ти благодаря shterev

shterev · 2 Февруари 2009

Проблем с хоризонтален скруул

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered