Ga naar inhoud


firefox scrollen staan de foto's stil ????

mapi

Door mapi
in Off topic

 Delen

Aanbevolen berichten

mapi Mentor

mapi

Geplaatst:
Geplaatst:

Ben ik een paginaatje aan het maken met dreamweaver en wil ik ze testen in firefox. In eerste instantie ziet het goed uit maar omdat de gebruikte jpg groter is dan het scherm scroll ik naar beneden en wat schets mijn verbazing: de tekst gaat omhoog maar de foto blijft zweven in het midden van het beeld???

 

test ik dezelfde pagina in IE 6 dan gaat het goed ??

 

iemand een ideetje ?

Op naar de 2000 .....duurt nog even :-)

Link naar reactie
Delen op andere sites

mapi Mentor

mapi

Geplaatst:
  • Auteur
Geplaatst:

gewoon ingevoegd..

 

Moet wel zeggen dat deze uit layers bestaat en in een van die layers zijn fotos ingevoegd, die blijven dus lekker staan op ale pagina's

 

Terwijl menu's en zo wel moooi op de plaats blijven.

 

denk zelf dat ik het moet zoeken in de css styles <img src="/forums/images/graemlins/kweetniet.gif" alt="" />

Op naar de 2000 .....duurt nog even :-)

Link naar reactie
Delen op andere sites
Puch Superster

Puch

Geplaatst:
Geplaatst:

via css style kan je instellen of je achtergrond mee wil laten scrollen maar afbeeldingen die meescrollen is wel heel eigenaardig <img src="/forums/images/graemlins/confused.gif" alt="" />

 

heb je een link naar die pagina

iMac 27" macOS Sierra
iPhone 5s iOS 10

Link naar reactie
Delen op andere sites
mapi Mentor

mapi

Geplaatst:
  • Auteur
Geplaatst:

Nee, die is bedoeld voor intern gebruik ( intranet )..

 

Daar maakt het niet uit want daar gebruiken ze gewoon standaard IE , dus geen probleem maar bij mij ( firefox ) doet hij het dus fout.

 

Dus geen groot probleem voor het project maar wel een vraag voor mijzelf.

Op naar de 2000 .....duurt nog even :-)

Link naar reactie
Delen op andere sites
mapi Mentor

mapi

Geplaatst:
  • Auteur
Geplaatst:

nou daar komt ie dan, bijlage lukt me niet dus hieronder staat het :

 

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<!-- DW6 -->

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

 

<title>Rocla Optimalisering</title>

 

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

<script type="text/javascript">

<!--

var time = 3000;

var numofitems = 7;

 

//menu constructor

function menu(allitems,thisitem,startstate){

callname= "gl"+thisitem;

divname="subglobal"+thisitem;

this.numberofmenuitems = allitems;

this.caller = document.getElementById(callname);

this.thediv = document.getElementById(divname);

this.thediv.style.visibility = startstate;

}

 

//menu methods

function ehandler(event,theobj){

for (var i=1; i<= theobj.numberofmenuitems; i++){

var shutdiv =eval( "menuitem"+i+".thediv");

shutdiv.style.visibility="hidden";

}

theobj.thediv.style.visibility="visible";

}

 

function closesubnav(event){

if ((event.clientY <48)||(event.clientY > 107)){

for (var i=1; i<= numofitems; i++){

var shutdiv =eval('menuitem'+i+'.thediv');

shutdiv.style.visibility='hidden';

}

}

}

// -->

</script>

<style type="text/css">

<!--

.style1 {

color: #0066CC;

font-family: "Courier New", Courier, monospace;

}

#Layer1 {

position:absolute;

width:358px;

height:313px;

z-index:1;

left: 544px;

top: 53px;

}

.style4 {color: #0033CC; font-weight: bold; }

.style5 {color: #0033CC}

-->

</style>

</head>

<body onmousemove="closesubnav(event);">

<div class="skipLinks">skip to: <a href="#content">page content</a> | <a href="#pageNav">links on this page</a> | <a href="#globalNav">site navigation</a> | <a href="#siteInfo">footer (site information)</a> </div>

<div id="masthead">

<h1 align="center" id="siteName"> Rocla Optimaliserings project 2005 / 2006 </h1>

<div id="globalNav">

<div align="center"><img alt="" src="gblnav_left.gif" height="32" width="4" id="gnl" /> <img alt="" src="glbnav_right.gif" height="32" width="4" id="gnr" /><!--end globalLinks-->

</div>

</div>

<!-- end globalNav -->

</div>

<!-- end masthead -->

<div id="pagecell1">

<!--pagecell1-->

<img alt="" src="tl_curve_white.gif" height="6" width="6" id="tl" /> <img alt="" src="tr_curve_white.gif" height="6" width="6" id="tr" />

<div id="pageName">

<h2 class="style1">SAPPI</h2>

</div>

<div id="pageNav">

<div id="sectionLinks"> <a href="index.html">Begin Pagina </a> <a href="reflectorpagina.html">Reflectors </a> <a href="documentatie.html">Documentatie</a> <a href="techniek pagina.html">Techniek</a> <a href="file:///C|/Documents%20and%20Settings/allusers/Mijn%20documenten/Rocla/rocla2/segmentzoeker.html">Segmentzoeker</a><a href="#"></a> <a href="#"></a> </div>

<div class="relatedLinks">

<h3> </h3>

</div>

<div id="advert"></div>

</div>

<div id="content">

<div class="feature">

<div id="Layer1">

<h3>Doel Project : </h3>

<p class="style5">Dit project is opgezet om het automatische rollen opslag systeem aanwezig in ..... te optimaliseren cq te verbeteren. </p>

<p class="style5">Het beoogde doel hierbij is het aantal (ver)storingen te reduceren en ook optimalisaties uit te voeren. Dit alles om de stilstandstijd zo kort mogelijk te houden en een eventuele verhoging van het aanbod aan rollen in de toekomst aan te kunnen.</p>

<p align="justify" class="style4"> </p>

</div>

<h3><img src="hoofdfoto.jpg" width="349" height="244" /></h3>

</div>

<div class="story">

<h3> </h3>

</div>

<div class="story"></div>

</div>

<div id="siteInfo">©2005 Tech. Dept.</div>

</div>

<!--end pagecell1-->

<br />

<script type="text/javascript">

<!--

var menuitem1 = new menu(7,1,"hidden");

var menuitem2 = new menu(7,2,"hidden");

var menuitem3 = new menu(7,3,"hidden");

var menuitem4 = new menu(7,4,"hidden");

var menuitem5 = new menu(7,5,"hidden");

var menuitem6 = new menu(7,6,"hidden");

var menuitem7 = new menu(7,7,"hidden");

// -->

</script>

</body>

</html> [color:"blue"] [/color]

Op naar de 2000 .....duurt nog even :-)

Link naar reactie
Delen op andere sites
mapi Mentor

mapi

Geplaatst:
  • Auteur
Geplaatst:

Het onderstaande is datgene wat niet meescrolt

 

 

</div>

<div id="advert"></div>

</div>

<div id="content">

<div class="feature">

<div id="Layer1">

<h3>Doel Project : </h3>

<p class="style5">Dit project is opgezet om het automatische rollen opslag systeem aanwezig in ..... te optimaliseren cq te verbeteren. </p>

<p class="style5">Het beoogde doel hierbij is het aantal (ver)storingen te reduceren en ook optimalisaties uit te voeren. Dit alles om de stilstandstijd zo kort mogelijk te houden en een eventuele verhoging van het aanbod aan rollen in de toekomst aan te kunnen.</p>

<p align="justify" class="style4"> </p>

</div>

<h3><img src="hoofdfoto.jpg" width="349" height="244" /></h3>

</div>

<div class="story">

Op naar de 2000 .....duurt nog even :-)

Link naar reactie
Delen op andere sites
Duwgati Superster

Duwgati

Geplaatst:
Geplaatst:

Zo even uit de losse pols, want ik heb het hier verder niet getest, maar je hebt Layer1 als absoluut gepositioneerd:

#Layer1 {

position:absolute;

width:358px;

height:313px;

z-index:1;

left: 544px;

top: 53px;

}

 

Dus ik neem aan dat die tekst in Layer1 ook netjes op die aangewezen plek op het scherm blijft staan?

 

En je hebt neem ik aan de style-definities van de andere div's:

<div id="content">

<div class="feature">

in je externe style sheet staan?

Post die style sheet ook eens even.

Link naar reactie
Delen op andere sites

Maak een account aan of log in om te reageren

Je moet een lid zijn om een reactie te kunnen achterlaten

Account aanmaken

Registreer voor een nieuwe account in onze community. Het is erg gemakkelijk!

Registreer een nieuwe account

Inloggen

Heb je reeds een account? Log hier in.

Nu inloggen
 Delen
Ga naar onderwerp-overzicht

  • Wie is er online   0 leden

    • Er zijn geen geregistreerde gebruikers deze pagina aan het bekijken
×
×
  • Nieuwe aanmaken...