позициониране 2

P

propaganja

Registered
значи използвах тази галерия :arrow: http://web-tourist.net/login/login/view.php?st=918 обаче нещо ми куца позиционирането искам скролера с малките картинки да ми застане отдясно а голямата картинка посредата стигам дотам че ги докарвам и двете посредата и нъц неще
 
Смени там където пише left с right.Трябва да инсталирам и да пробвам че така незнам как ще стане
 
Просто промени елементите float. Ето така трябва да стане:

.left{
margin-left: 10px;
width:110px;
height:500px;
float: right;
background-color: #E4F7F6;
border: 0px solid red;
}
.large {
float: left;
margin-top: 10px;
padding-right: 40px;
border: 0px solid #000;
background-color: #E4F7F6;
font-size: 14px;
font-family: Verdana, serif;
}
 
ами как мога да ги позиционирам да не са залепени от двете крайща на страницата защото сега са така пробвах да сменя margin-left: но нестава
 
Премести този код:
Код: 
<div class="large">

<iframe src="pic/pic1.html" name="if3" width="400" height="400" frameborder="0" scrolling="no"></iframe>
</div>
точно над реда:
Код: 
<div class="left">

След това промени CSS-a така:
Код: 
.left{
margin-left: 10px;
width:110px;
height:500px;
float: left; /* <------------------------------*/
background-color: #E4F7F6;
border: 0px solid red;
}
.large {
float:left; /* <------------------------------*/
margin-top: 10px;
padding-right: 40px;
border: 0px solid #000;
background-color: #E4F7F6;
font-size: 14px;
font-family: Verdana, serif;
}
При мен така се получи. Успех!
 
при мен застанаха и двете отляво едно под друго мисълта ми е на този теплейт


<html>
<head>
<title>Bistro Effect Gallery.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<link rel="stylesheet" href="album.css" type="text/css" />



<meta http-equiv=Content-Type content="text/html; charset=windows-1251">
<script language=javascript>
Slovo="www.bistroeffect.com"
L=Slovo.length
i=-1
function doit(){
i++
if(i<L){
A=Slovo.substring(-1, i)
B=Slovo.charAt(i)
C=Slovo.substring((i+1),L)
D="<span style=\"font-size:18px\"><font color=#FFFFFF>"+A+"</font><font color=white>"+B+"</font><font color=#119911>"+C+"</font></span>"
if(navigator.appName=="Netscape"){
document.layers.obbect.document.write(D)
document.layers.obbect.document.close()
}
else{
obbect.innerHTML=D
}
}
else{
i=-1
}
setTimeout("doit()", 100)
}
</script>
<body bgcolor=#FF0000 onload="doit()">
<div style="position:absolute" id="obbect">
</div>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<style type="text/css">

</style>
</HEAD>
<BODY BGCOLOR=#cc0000 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<TABLE WIDTH=750 BORDER=0 CELLPADDING=0 CELLSPACING=0 align="center">
<TR>
<TD>
<IMG SRC="images/top.jpg" WIDTH=750 HEIGHT=122 ALT=""></TD>
</TR>
<TR>

<TD valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="24%" valign="top" bgcolor="#F9C37C"><img src="images/plate.jpg" width="113" height="64"><br>
<img src="images/plate.jpg" width="113" height="64"> </td>
<td width="56%" valign="top" bgcolor="#FFCC99">
<table width="100%" border="0" cellspacing="0" cellpadding="4">
<tr>
<td valign="top">



<div style="position:absolute;right:15px;top:530px";><img height=220 src="http://ipz.hit.bg/images/food-waitor.gif" width=200 border="0" title="Free Image Hostin"></a></div>

<br><div style="position:absolute;left:275px;top:265px;">
<a href="Bistro Effect Gallery.html"><font color="#CC9900"><h4>Галерия</h4></font></a>
<a href="Bistro Effect Gallery.html"><img height=35 src="http://i202.photobucket.com/albums/aa257/pr0paganja/images20copy.png" width=35 border=0></a>
<a href="Bistro Effect Chef.html"><h4><font color="#CC9900">Готвач</font></h4></a>
<a href="Bistro Effect Chef.html"><img height=35 src="http://i202.photobucket.com/albums/aa257/pr0paganja/chef-hat-clipart-1mini.gif" width=35 border=0></a>
<br><a href="Bistro Effect Contacts.html"><h4><font color="#CC9900">Контакти</font></h4></a>
<a href="Bistro Effect Contacts.html"><img height=35 src="http://i202.photobucket.com/albums/aa257/pr0paganja/contacts.gif" width=35 border=0></a>
<br><a href="Bistro Effect Menu.html"><h4><font color="#CC9900">Меню</font></h4></a>
<a href="Bistro Effect Menu.html"><img height=35 src="http://i202.photobucket.com/albums/aa257/pr0paganja/menu_research.gif" width=35 border=0></a></br>
<a href="Bistro Effect About Us"><h4><font color="#CC9900">За Нас</font></h4></a>
<a href="Bistro Effect About Us.html"><img height=35 src="http://i202.photobucket.com/albums/aa257/pr0paganja/chef.gif" width=35 border=0</a>
<a href="Bistro Effect.php"><h4><font color="#CC9900">Начало</font></h4></a>
</div>
</td>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</tr>
</table>
</td>

<td width="20%" valign="top" bgcolor="#F9C37C">
<table width="100%" border="0" cellspacing="0" cellpadding="4">
<tr>
<td valign="top">

</p>
</td>
</tr>
</table>
<p> </p>
</td>
</tr>
</table>
</TD>
</TR>
</TABLE>


искам голямата снимка да застане посредата там в розовичкото а скролера със малките снемки да застане в лентата отляво тази светло оранжевичката
 
успях да позиционирам голямата снимка като сложих div пред
Код: 
<div class="large"> 
 
<iframe src="pic/pic1.html" name="if3" width="400" height="400" frameborder="0" scrolling="no"></iframe> 
</div>
а сега остана скролера с малките снимки
 
справих се и със скролера като сложих див пред
Код: 
<div class="center"> 
<div class="left"> 
<div class="holder" id="holder"> 
<div class="content" id="content"> 

<div class="pic"><a href="pic/pic1.html" target="if3"><img src="pic/smallpic/sn1_350.bmp" width="90" height="68" border="0" alt="pic1" title="pic"/></a></div> 

<div class="pic"><a href="pic/pic2.html" target="if3"><img src="pic/smallpic/sn3_350.bmp" width="90" height="68" border="0" alt="pic2" title="pic"/></a></div> 

<div class="pic"><a href="pic/pic3.html" target="if3"><img src="pic/smallpic/sn4_350.bmp" width="90" height="68" border="0" alt="pic3" title="pic"/></a></div> 

<div class="pic"><a href="pic/pic4.html" target="if3"><img src="pic/smallpic/sn5_350.bmp" width="90" height="68" border="0" alt="pic4" title="pic"/></a></div> 

<div class="pic"><a href="pic/pic5.html" target="if3"><img src="pic/smallpic/sn6_350.bmp" width="90" height="68" border="0" alt="pic5" title="pic"/></a></div> 

<div class="pic"><a href="pic/pic6.html" target="if3"><img src="pic/smallpic/sn7_350.bmp" width="90" height="68" border="0" alt="pic6" title="pic"/></a></div> 

<div class="pic"><a href="pic/pic7.html" target="if3"><img src="pic/smallpic/sn8_350.bmp" width="90" height="68" border="0" alt="pic7" title="pic"/></a></div> 

<div class="pic"><a href="pic/pic8.html" target="if3"><img src="pic/smallpic/sn9_350.bmp" width="90" height="68" border="0" alt="pic8" title="pic"/></a></div> 

<div class="pic"><a href="pic/pic9.html" target="if3"><img src="pic/smallpic/sn10_350.bmp" width="90" height="68" border="0" alt="pic9" title="pic"/></a></div> 


</div> 

</div> 
<div class="scroller"> 
<a href="#" onmouseover="scrollDown(2);" onmouseout="stopScroll();" onmousedown="scrollDown(5);" onmouseup="stopScroll();">Надолу</a>|<a href="#" onmouseover="scrollUp(2);" onmouseout="stopScroll();" onmousedown="scrollUp(5);" onmouseup="stopScroll();">Нагоре</a> 
</div>
благодаря все пак :wink:
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе