Avatar billede webbygger Nybegynder
08. januar 2004 - 14:51 Der er 8 kommentarer og
1 løsning

Problem med Gallery !

På den side http://web-byggeren.dk/gallerytext.asp har jeg følgende problem :

Jeg har 14 billeder på denne side, men den kan ikke vise dem alle sammen i f.eks 1024x768.
Det er ligesom siden ikke vil blive større og derfor er der ikke plads til dem. Nu har jeg siddet i et par dage og kikket på det, men lige lidt hjælper det. Der er i for sig ikke meget kode på siden, men jeg kan desværre ikke "se" løsningen !

mvh
Web-byggeren
Avatar billede webbygger Nybegynder
08. januar 2004 - 14:52 #1
UPS - for at se problemet så kik > http://web-byggeren.dk/ >Gallery>Text Effekt
Avatar billede webbygger Nybegynder
08. januar 2004 - 14:54 #2
Koden se således ud :

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<html>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>Gallery</title>

<style type="text/css">
body,html {
scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #000000;
scrollbar-dark-shadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #ffffff;

}
</style>
<SCRIPT>
<!--
function displayWindow(url, width, height)
{
var Win = window.open(url,"displayWindow",'width=' + width + ',height=' + height + ',resizable=no,scrollbars=no,menubar=no,status=no' );
}
//-->
</SCRIPT>


</head>

<body bgcolor="#000000"><p>&aelig;</p>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>
<%
Set Conn = Server.CreateObject("ADODB.Connection")
Conn.Open "DRIVER={Microsoft Access Driver (*.mdb)}; DBQ=" & Server.MapPath ("/database/textgallery.mdb")
strSQL = "Select * From Images"
Set RS = Conn.Execute(strSQL)

countSQL = "Select Count(ID) As Count From Images"
RS2 = Conn.Execute(countSQL)
%>
<table border="0" cellpadding="0" cellspacing="0" width="25%">
  <tr>
       
    <td width="100%" align="center"><font size="1" face="Verdana"><strong><%= RS2("Count")%> </strong>images in database</font></td>
    </tr>
</table>
<br>

<table>
      <%
i = 0
While Not rs.EOF
if i mod 3 = 0 then
response.write "<tr>"
end if
%>
      <td> <table width="25%" height="100" border="0" cellpadding="0" cellspacing="4" bgcolor="#000000">
          <tr>
            <td rowspan="3" width="25%"> <A HREF="java script:displayWindow('showimgtext.asp?id=<%=RS("ID")%>',<%=RS("Width")%>,<%=RS("Height")%>)">
              <img src="images/<%=RS("Images")%>.<%=RS("Filtype")%>" height=70 width=100 border=0></a></td>
            <td width="75%"><font size="1" face="Tahoma">Filtype: <strong><%= RS("Filtype")%></strong></font></td>
          </tr>
          <tr>
            <td width="75%"><font size="1" face="Tahoma">Højde: <strong><%= RS("Height")%></strong>px Bredde: <strong><%= RS("Width")%></strong>px</font></td>
          </tr>
          <tr>
            <td width="75%">&nbsp;</td>
          </tr>
          <tr>
            <td colspan="2"><font color="#FFFFFF" size="1" face="Tahoma"><strong><%= RS("Description")%></strong> </font></td>
          </tr>
        </table></td>
      <%
i = i+1
if i mod 3 = 0 then
response.write "</tr>"
end if
RS.MoveNext
wend
Conn.Close
Set Conn = Nothing
%>
      </tr>
    </table>
    <p>&aelig;</p>
    </body>
</html>
Avatar billede webbygger Nybegynder
08. januar 2004 - 19:49 #3
Sikke en bommert - glem hele den overstående kode, da jeg tro problemet ligger her :

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<html>
<head>
<title>Bannergalleri</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-variant: small-caps;
    color: #FFFFFF;
    scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #000000;
scrollbar-dark-shadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #ffffff;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    color: #FF0000;
    text-decoration: none;
}
a:active {
    text-decoration: none;
}
td {
    font-variant: small-caps;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-left: 3px;
}

-->
</style>
<style type="text/css">
<!--
iframe {
    background-color: #000000;
    width: 500px;
    float: right;
    height: 400%;
    top: 20px;
    padding-top: 20px;
}
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
floatX=10;
floatY=100;
layerwidth=100;
layerheight=130;
halign="left";
valign="center";
delayspeed=3;

// This script is copyright (c) Henrik Petersen, NetKontoret
// Feel free to use this script on your own pages as long as you do not change it.
// It is illegal to distribute the script as part of a tutorial / script archive.
// Updated version available at: http://www.echoecho.com/toolfloatinglayer.htm
// This comment and the 4 lines above may not be removed from the code.

NS6=false;
IE4=(document.all);
if (!IE4) {NS6=(document.getElementById);}
NS4=(document.layers);

function adjust() {
if ((NS4) || (NS6)) {
if (lastX==-1 || delayspeed==0)
{
lastX=window.pageXOffset + floatX;
lastY=window.pageYOffset + floatY;
}
else
{
var dx=Math.abs(window.pageXOffset+floatX-lastX);
var dy=Math.abs(window.pageYOffset+floatY-lastY);
var d=Math.sqrt(dx*dx+dy*dy);
var c=Math.round(d/10);
if (window.pageXOffset+floatX>lastX) {lastX=lastX+delayspeed+c;}
if (window.pageXOffset+floatX<lastX) {lastX=lastX-delayspeed-c;}
if (window.pageYOffset+floatY>lastY) {lastY=lastY+delayspeed+c;}
if (window.pageYOffset+floatY<lastY) {lastY=lastY-delayspeed-c;}
}
if (NS4){
document.layers['floatlayer'].pageX = lastX;
document.layers['floatlayer'].pageY = lastY;
}
if (NS6){
document.getElementById('floatlayer').style.left=lastX;
document.getElementById('floatlayer').style.top=lastY;
}
}
else if (IE4){
if (lastX==-1 || delayspeed==0)
{
lastX=document.body.scrollLeft + floatX;
lastY=document.body.scrollTop + floatY;
}
else
{
var dx=Math.abs(document.body.scrollLeft+floatX-lastX);
var dy=Math.abs(document.body.scrollTop+floatY-lastY);
var d=Math.sqrt(dx*dx+dy*dy);
var c=Math.round(d/10);
if (document.body.scrollLeft+floatX>lastX) {lastX=lastX+delayspeed+c;}
if (document.body.scrollLeft+floatX<lastX) {lastX=lastX-delayspeed-c;}
if (document.body.scrollTop+floatY>lastY) {lastY=lastY+delayspeed+c;}
if (document.body.scrollTop+floatY<lastY) {lastY=lastY-delayspeed-c;}
}
document.all['floatlayer'].style.posLeft = lastX;
document.all['floatlayer'].style.posTop = lastY;
}
setTimeout('adjust()',50);
}

function define()
{
if ((NS4) || (NS6))
{
if (halign=="left") {floatX=ifloatX};
if (halign=="right") {floatX=window.innerWidth-ifloatX-layerwidth-20};
if (halign=="center") {floatX=Math.round((window.innerWidth-20)/2)-Math.round(layerwidth/2)};
if (valign=="top") {floatY=ifloatY};
if (valign=="bottom") {floatY=window.innerHeight-ifloatY-layerheight};
if (valign=="center") {floatY=Math.round((window.innerHeight-20)/2)-Math.round(layerheight/2)};
}
if (IE4)
{
if (halign=="left") {floatX=ifloatX};
if (halign=="right") {floatX=document.body.offsetWidth-ifloatX-layerwidth-20}
if (halign=="center") {floatX=Math.round((document.body.offsetWidth-20)/2)-Math.round(layerwidth/2)}
if (valign=="top") {floatY=ifloatY};
if (valign=="bottom") {floatY=document.body.offsetHeight-ifloatY-layerheight}
if (valign=="center") {floatY=Math.round((document.body.offsetHeight-20)/2)-Math.round(layerheight/2)}
}
}
//-->
</script>
</head>

<body bgcolor="#000000" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
<br>
<br>
<script>
if (NS4) {document.write('<LAYER NAME="floatlayer" LEFT="'+floatX+'" TOP="'+floatY+'">');}
if ((IE4) || (NS6)) {document.write('<div id="floatlayer" style="position:absolute; left:'+floatX+'; top:'+floatY+';">');}
</script>
<!--EDIT BELOW CODE TO YOUR OWN MENU-->
<table width="120" border="1" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
  <tr>
    <td width="100%" bgcolor="#3366FF">
      <p align="center"><b><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif">V&aelig;lg
        Kategori </font></b></td>
  </tr>
  <tr>
    <td width="100%" bgcolor="#000000">
      <p align="left"> <a href="/gallerytext.asp" target="main">Text Effekt</a><br>
        <a href="/galleryphoto.asp" target="main">Photo/Texture</a><br>
        <a href="/gallerybanner.asp" target="main">Banner</a> <br>
     
    </td>
  </tr>
</table>
<!--END OF EDIT-->
<script>
if (NS4)
{
document.write('</LAYER>');
}
if ((IE4) || (NS6))
{
document.write('</DIV>');
}
ifloatX=floatX;
ifloatY=floatY;
define();
window.onresize=define;
lastX=-1;
lastY=-1;
adjust();
</script>





</layer>

<table valign="top" width="465" height="150%" border="0" align="right" cellpadding="0" cellspacing="0">
  <tr>
    <td width="500" height="150%" bgcolor="#000000" valign="top">
      <div align="left">
        <iframe name="main" width="465"  src="/bannergalleri.asp" scrolling="no" frameborder="0">
        </iframe>
      </div></td>
  </tr>
</table>
</body>
</html>
Avatar billede tzag_dk Nybegynder
08. januar 2004 - 19:55 #4
Prøv evt at fjerne height alle de steder hvor du har defineret det.
Og de steder hvor du SKAL have en fast højde bruger duex. 400 px til at definere height med.

/ Rene
Avatar billede webbygger Nybegynder
08. januar 2004 - 19:59 #5
HMm jeg har måske selv fundet fejlen - i Iframe har jeg sat scrolling =no, men hvordan er det nu man fjerne scroll på den den siden iframet ligger ?
Avatar billede tzag_dk Nybegynder
08. januar 2004 - 22:44 #6
Her er ex på det:

<iframe name="main" src="/bannergalleri.asp" frameborder="0" width="100%" height="100%" align="center" scrolling="auto"></iframe>


// Rene
Avatar billede tzag_dk Nybegynder
08. januar 2004 - 22:45 #7
eller scrolling="no"
Avatar billede webbygger Nybegynder
09. januar 2004 - 13:00 #8
Rene > Som du ser har jeg løst problem og som du skrev tidliger, fjernet jeg alle height og derefter tilføjet jeg height på iframe til 80% OG SÅ VAR DEN DER !

Ligge venligst et svar - så du kan få dine point
Avatar billede tzag_dk Nybegynder
10. januar 2004 - 14:46 #9
oki... :-)
Det var godt at du fandt ud af det :-)

// Rene
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

IT-JOB