PDA

View Full Version : Problema

x-Riccardo-x
02-10-2002, 15:42
Ho finito il layout con photoshop
Ho fatto l'ho slicing con imageready
Adesso ho una pagina html e una cartella con le immagini

http://digilander.libero.it/keydog/home.jpg

Questo č il codice html:

<HTML>
<HEAD>
<TITLE>Untitled-4</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (Untitled-4.psd) -->
<SCRIPT TYPE="text/javascript">
<!--

function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}

function changeImagesArray(array) {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<array.length; i+=2) {
document[array[i]].src = array[i+1];
}
}
}

function changeImages() {
changeImagesArray(changeImages.arguments);
}

function toggleImages() {
for (var i=0; i<toggleImages.arguments.length; i+=2) {
if (selected == toggleImages.arguments[i]) changeImagesArray(toggleImages.arguments[i+1]);
}
}

var selected = '';
var preloadFlag = false;
function preloadImages() {
if (document.images) {
id1_ImageMap_01_sel = newImage("images/1-ImageMap_01_sel.jpg");
id1_ImageMap_02_sel = newImage("images/1-ImageMap_02_sel.jpg");
id1_ImageMap_03_sel = newImage("images/1-ImageMap_03_sel.jpg");
id6_ImageMap_01_sel = newImage("images/6-ImageMap_01_sel.jpg");
id6_ImageMap_02_sel = newImage("images/6-ImageMap_02_sel.jpg");
id6_ImageMap_03_sel = newImage("images/6-ImageMap_03_sel.jpg");
preloadFlag = true;
}
}

// -->
</SCRIPT>
<!-- End Preload Script -->
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<!-- ImageReady Slices (Untitled-4.psd) -->
<TABLE WIDTH=1024 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/5.jpg" WIDTH=130 HEIGHT=65 ALT=""></TD>
<TD COLSPAN=3 ROWSPAN=5>
<IMG NAME="id1" SRC="images/1.jpg" WIDTH=391 HEIGHT=392 BORDER=0 ALT="" USEMAP="#id1_Map"></TD>
<TD COLSPAN=5 ROWSPAN=2>
<IMG NAME="id6" SRC="images/6.jpg" WIDTH=503 HEIGHT=135 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=65 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=6>
<IMG SRC="images/4.jpg" WIDTH=17 HEIGHT=523 ALT=""></TD>
<TD ROWSPAN=6>
<IMG SRC="images/Link.jpg" WIDTH=113 HEIGHT=523 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=70 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/Info.jpg" WIDTH=123 HEIGHT=69 ALT=""></TD>
<TD ROWSPAN=2>
<IMG SRC="images/8.jpg" WIDTH=105 HEIGHT=69 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/9.jpg" WIDTH=196 HEIGHT=33 ALT=""></TD>
<TD ROWSPAN=8>
<IMG SRC="images/7.jpg" WIDTH=79 HEIGHT=633 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=33 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/Ecc.....jpg" WIDTH=196 HEIGHT=36 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=36 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4 ROWSPAN=2>
<IMG SRC="images/Main.jpg" WIDTH=424 HEIGHT=331 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=188 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/3.jpg" WIDTH=172 HEIGHT=196 ALT=""></TD>
<TD ROWSPAN=3>
<IMG SRC="images/Tag.jpg" WIDTH=126 HEIGHT=246 ALT=""></TD>
<TD>
<IMG SRC="images/13.jpg" WIDTH=93 HEIGHT=143 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=143 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4 ROWSPAN=4>
<IMG SRC="images/10.jpg" WIDTH=342 HEIGHT=233 ALT=""></TD>
<TD ROWSPAN=3>
<IMG SRC="images/Form.jpg" WIDTH=175 HEIGHT=139 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=53 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3 ROWSPAN=3>
<IMG SRC="images/2.jpg" WIDTH=302 HEIGHT=180 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=50 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/11.jpg" WIDTH=126 HEIGHT=130 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=36 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/12.jpg" WIDTH=175 HEIGHT=94 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=94 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=17 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=113 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=172 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=126 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=93 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=123 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=105 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=21 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=175 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=79 HEIGHT=1 ALT=""></TD>
<TD></TD>
</TR>
</TABLE>
<MAP NAME="id1_Map">
<AREA SHAPE="rect" ALT="" COORDS="338,221,377,260" HREF="#"
ONMOUSEOUT="toggleImages('ImageMap_01', new Array('id1', 'images/1-ImageMap_01_sel.jpg', 'id6', 'images/6-ImageMap_01_sel.jpg'), 'ImageMap_02', new Array('id1', 'images/1-ImageMap_02_sel.jpg', 'id6', 'images/6-ImageMap_02_sel.jpg'), 'ImageMap_03', new Array('id1', 'images/1-ImageMap_03_sel.jpg', 'id6', 'images/6-ImageMap_03_sel.jpg'),
); return true;"
ONMOUSEUP="selected='ImageMap_03'; changeImages('id1', 'images/1-ImageMap_03_sel.jpg', 'id6', 'images/6-ImageMap_03_sel.jpg'); return true;">
<AREA SHAPE="rect" ALT="" COORDS="338,175,377,214" HREF="#"
ONMOUSEOUT="toggleImages('ImageMap_01', new Array('id1', 'images/1-ImageMap_01_sel.jpg', 'id6', 'images/6-ImageMap_01_sel.jpg'), 'ImageMap_02', new Array('id1', 'images/1-ImageMap_02_sel.jpg', 'id6', 'images/6-ImageMap_02_sel.jpg'), 'ImageMap_03', new Array('id1', 'images/1-ImageMap_03_sel.jpg', 'id6', 'images/6-ImageMap_03_sel.jpg'),
); return true;"
ONMOUSEUP="selected='ImageMap_02'; changeImages('id1', 'images/1-ImageMap_02_sel.jpg', 'id6', 'images/6-ImageMap_02_sel.jpg'); return true;">
<AREA SHAPE="rect" ALT="" COORDS="338,127,377,166" HREF="#"
ONMOUSEOUT="toggleImages('ImageMap_01', new Array('id1', 'images/1-ImageMap_01_sel.jpg', 'id6', 'images/6-ImageMap_01_sel.jpg'), 'ImageMap_02', new Array('id1', 'images/1-ImageMap_02_sel.jpg', 'id6', 'images/6-ImageMap_02_sel.jpg'), 'ImageMap_03', new Array('id1', 'images/1-ImageMap_03_sel.jpg', 'id6', 'images/6-ImageMap_03_sel.jpg'),
); return true;"
ONMOUSEUP="selected='ImageMap_01'; changeImages('id1', 'images/1-ImageMap_01_sel.jpg', 'id6', 'images/6-ImageMap_01_sel.jpg'); return true;">
</MAP>
<!-- End ImageReady Slices -->
</BODY>
</HTML>

Adesso come faccio per inserire un iframe esattamente nelle 3 parti piu chiare dell'immagine?
Tipo questo:

http://www.just-dreaming.com/frames.htm
x-Riccardo-x
02-10-2002, 17:14
Ho provato questo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0039)http://www.just-dreaming.com/index2.htm -->
<HTML><HEAD><TITLE>{ just dreaming ____ version 10 }</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<STYLE type=text/css>BODY {
FONT-WEIGHT: bold; FONT-SIZE: 7.5pt; COLOR: #dbd3c8; LINE-HEIGHT: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; align: justify
}
TD {
FONT-WEIGHT: bold; FONT-SIZE: 7.5pt; COLOR: #dbd3c8; LINE-HEIGHT: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; align: justify
}
TR {
FONT-WEIGHT: bold; FONT-SIZE: 7.5pt; COLOR: #dbd3c8; LINE-HEIGHT: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; align: justify
}
A:link {
BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; FONT-SIZE: 7.5pt; BORDER-LEFT: black 0px solid; CURSOR: default; COLOR: #ffffff; BORDER-BOTTOM: #c0b7ac 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:visited {
BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; FONT-SIZE: 7.5pt; BORDER-LEFT: black 0px solid; CURSOR: default; COLOR: #ffffff; BORDER-BOTTOM: #c0b7ac 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:active {
BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; FONT-SIZE: 7.5pt; BORDER-LEFT: black 0px solid; CURSOR: default; COLOR: #ffffff; BORDER-BOTTOM: #c0b7ac 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:hover {
BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; FONT-SIZE: 7.5pt; BORDER-LEFT: #ffffff 0px solid; CURSOR: default; COLOR: #c0b7ac; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.opaco {
FILTER: Alpha(Opacity=80)
}
.testo {
FILTER: DropShadow(Color=#201914, OffX=1, OffY=1, Positive=1)
}
.titolo {
BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; FONT-WEIGHT: bold; FONT-SIZE: 12px; BORDER-LEFT: black 0px solid; COLOR: #ffffff; BORDER-BOTTOM: #c0b7ac 1px solid; FONT-STYLE: italic; FONT-FAMILY: Georgia, "Times New Roman", Times, serif
}
</STYLE>

<SCRIPT language=JavaScript>
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</SCRIPT>

<META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD>
<BODY text=#dbd3c8 bgProperties=fixed bgColor=#201914 leftMargin=0
background=Home.jpg topMargin=0>
<DIV id=Layer1
style="z-index: 1; left: 19; width: 111; position: absolute; top: 66; height: 523"><iframe name=link src="C:\Windows\Desktop\Html Page\Link.html" height=523 width=123 frameborder=0><img src="C:\Windows\Desktop\Nuova Cartella (4)\images\Link.jpg></iframe>
</div>
</body>

</html>

Ho messo una pagina html nel iframe perņ l'ho sfondo diventa bianco e a me nn serve bianco

http://digilander.libero.it/keydog/fj9irwe.jpg
x-Riccardo-x
02-10-2002, 17:15
Doppio post