Anyway im transferring this site over to Umbraco at the moment. I've got it all pretty much working except for my "Design and Build" hover over image is not displaying.
Here is the code that worked fine before transferring over to Dreamweaver. As you'll notice my "Design & Build" hover over image is a bit different to the other hover over images in that it is a hyperlink to another site rather than bringing up a lightbox with more information.
<div style="display:none"><div id="idesign"> <img src="/media/441/interior-design.png" width="195" height="31" alt="Interior Design" /> <p style="padding:0px 0px 5px 0px; width:500px;">Innex
Design’s Interior and brand development designers are experts in
spatial design, brand development and awareness, signage and menu design
all of which is complimented with the interior design package
delivered.</p> </div></div> <div style="display:none"><div id="pmanage"> <img src="/media/727/project-management.png" width="195" height="31" alt="Project Management" /> <p style="padding:0px 0px 5px 0px; width:500px;">Many
of our architectural and interior design developments are project
managed ensuring the brief and end aim is delivered on time and on
budget. Only with project management can we ensure our clients that the
specification and quality is to the highest standard.</p> </div></div>
<div style="display:none"><div id="planning"> <img src="/media/709/Planning.png" width="195" height="31" alt="Planning" /> <p style="padding:0px 0px 5px 0px; width:500px;">Innex
Design undertake all planning application submissions from residential,
commercial, listed and conservation area consents, national park along
with Display of Advertisement applications. We also work with planning
consultants to add value for developers and lenders by assessing land
and building use potential.</p> </div></div> <div style="display:none"><div id="surveying"> <img src="/media/917/Surveying.png" width="195" height="31" alt="Surveying" /> <p style="padding:0px 0px 5px 0px; width:500px;">Innex
Design can provide a wide variety of surveys from measured and
condition surveys of buildings, Topographical surveys, Structural
surveys, Party Wall surveys, and provide assistance with Asbestos
surveys, Land/Probate surveys, certification and many more.</p> </div></div> <div style="display:none"><div id="energy"> <img src="/media/328/energy-assessments.png" width="195" height="31" alt="Energy Assessments" /> <p style="padding:0px 0px 5px 0px; width:500px;">Innex
Design can assist with providing full building services design and
energy consultancy, and through one of our partners BREEAM assessment,
Commercial EPC, Domestic EPC, Display energy certificates, New Build SAP
or SBEM reports and Sustainability statements.</p> </div></div> <div style="display:none"><div id="cost"> <img src="/media/248/cost-management.png" width="195" height="31" alt="Cost Management" /> <p style="padding:0px 0px 5px 0px; width:500px;">Innex Design offer all clients a comprehensive service that removes the burden of day to day costs-related issues.</p> </div></div> <div style="display:none"><div id="land"> <img src="/media/501/Landscape-Architecture.png" width="195" height="31" alt="Landscape Architecture" /> <p style="padding:0px 0px 5px 0px; width:500px;">We
undertake all aspects of landscape architecture, from landscape master
planning, conceptual design through to detailed planting schemes. We
adopt a fresh approach to the design of each project where a high degree
of design flair and innovation comes as standard. </p> </div></div> <div style="display:none"><div id="build"> <img src="/media/283/Design-&-Build.png" width="195" height="31" alt="Design & Build" /> <p style="padding:0px 0px 5px 0px; width:500px;">In
today’s industry and marketplace some clients prefer a one point of
contact approach to projects, with this in mind we have developed a
nationwide network of partnering contractors to enable clients to have
the one point contact, whilst ensuring delivery of excellent quality and
standards of workmanship.</p> </div></div> </div>
It appears okay for me - if I rollover then it turns to black. Is this not correct? There are no console errors indicating not found images, or anything like that.
Hi Grant. Thanks for the reply. Well as i said ive got most of the site working just as it did in Dreamweaver. The only things that arent working is the "Design and Build" button does not display on the homepage. I want it to appear firstly and roll over to black as the rest of the images do.
Secondly if you look at the current site htp://www.innexdesign.co.uk then you'll see on the homepage, if we actually press one of these words when the roll over to black, a lightbox would appear wih a description of that service that the company provides. However, since transferring to Umbraco if i click on one of the rollover images on the homepage, nothing happens.
I've wrote similar code in the other pages and they work fine. For example if you go into the Designs page and click on Designs For Drinking and any pub, a lightbox will successfully appear with a description of that pub.
Im just wondering why no lightboxes will appear in the same fashion when pressing any of these rollover words on the homepage?
Help with image not displaying.
Hi guys,please see my current project at: http://www.innexdesign.co.uk/index.html
Anyway im transferring this site over to Umbraco at the moment. I've got it all pretty much working except for my "Design and Build" hover over image is not displaying.
Here is the code that worked fine before transferring over to Dreamweaver. As you'll notice my "Design & Build" hover over image is a bit different to the other hover over images in that it is a hyperlink to another site rather than bringing up a lightbox with more information.
Here is my code for it:
<div id="homeright">
<a class="various1" href="#architecture" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Architecture','','images/architectureBLACK.png',1)"><img src="images/architecture.png" alt="Architecture" width="195" height="31" id="Architecture" style="padding:0px 20px;float:left;"/></a>
<a class="various1" href="#idesign" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('interiordesign','','images/interior-designBLACK.png',1)"><img src="images/interior-design.png" alt="Interior Design" width="195" height="31" id="interiordesign" style="padding:0px 0px 5px 20px; float:right;"/></a>
<a class="various1" href="#pmanage" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Projman','','images/project-managementBLACK.png',1)"><img src="images/project-management.png" alt="Project Managment" width="195" height="31" id="Projman" style="padding:20px 42px 5px 20px;float:left;"/></a>
<a class="various1" href="#planning" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Planning','','images/PlanningBLACK.png',1)"><img src="images/Planning.png" alt="Planning" width="195" height="31" id="Planning" style="padding:10px 12px 5px 0px;float:right;"/></a>
<a class="various1" href="#energy" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Energy Assessment','','images/energy-assessmentsBLACK.png',1)"><img src="images/energy-assessments.png" alt="Energy Assessments" width="195" height="31" id="EnergyAssessment" style="padding:0px 42px 0px 20px;float:right;"/></a>
<a class="various1" href="#surveying" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Surveying','','images/SurveyingBLACK.png',1)"><img src="images/Surveying.png" alt="Surveying" width="195" height="31" id="Surveying" style="padding:10px;float:left;" /></a>
<a class="various1" href="#cost" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('CostManagement','','images/cost-managementBLACK.png',1)"><img src="images/cost-management.png" alt="Cost Management" width="195" height="31" id="CostManagement" style="padding:0px 12px 0px 20px; float:left;"/></a>
<a class="various1" href="#land" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('landscape','','images/landscape-architectureBLACK.png',1)"><img src="images/Landscape-Architecture.png" alt="Landscape Architecture" width="195" height="31" id="landscape" style="padding:20px 0px 0px 20px; float:right;" /></a>
<div id="various1"> <a href="http://www.innexdevelopments.co.uk" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('DesignBuild','','images/Design-&-BuildBLACK.png',1)"><img src="images/Design-&-Build.png" alt="Design & Build" width="195" height="31" id="DesignBuild" style="padding:10px 0 0 0px;float:left;"/></a>
</div>
<div style="display:none"><div id="architecture">
<img src="/media/52/architecture.png" width="195" height="31" alt="Architecture" />
<p style="padding:0px 0px 5px 0px; width:500px;">From a house extension or housing estate, to commercial warehouses’, leisure centres and bars, Innex Design can help develop any idea into a practical, ethical, sustainable reality.</p>
</div></div>
<div style="display:none"><div id="idesign">
<img src="/media/441/interior-design.png" width="195" height="31" alt="Interior Design" />
<p style="padding:0px 0px 5px 0px; width:500px;">Innex Design’s Interior and brand development designers are experts in spatial design, brand development and awareness, signage and menu design all of which is complimented with the interior design package delivered.</p>
</div></div>
<div style="display:none"><div id="pmanage">
<img src="/media/727/project-management.png" width="195" height="31" alt="Project Management" />
<p style="padding:0px 0px 5px 0px; width:500px;">Many of our architectural and interior design developments are project managed ensuring the brief and end aim is delivered on time and on budget. Only with project management can we ensure our clients that the specification and quality is to the highest standard.</p>
</div></div>
<div style="display:none"><div id="planning">
<img src="/media/709/Planning.png" width="195" height="31" alt="Planning" />
<p style="padding:0px 0px 5px 0px; width:500px;">Innex Design undertake all planning application submissions from residential, commercial, listed and conservation area consents, national park along with Display of Advertisement applications. We also work with planning consultants to add value for developers and lenders by assessing land and building use potential.</p>
</div></div>
<div style="display:none"><div id="surveying">
<img src="/media/917/Surveying.png" width="195" height="31" alt="Surveying" />
<p style="padding:0px 0px 5px 0px; width:500px;">Innex Design can provide a wide variety of surveys from measured and condition surveys of buildings, Topographical surveys, Structural surveys, Party Wall surveys, and provide assistance with Asbestos surveys, Land/Probate surveys, certification and many more.</p>
</div></div>
<div style="display:none"><div id="energy">
<img src="/media/328/energy-assessments.png" width="195" height="31" alt="Energy Assessments" />
<p style="padding:0px 0px 5px 0px; width:500px;">Innex Design can assist with providing full building services design and energy consultancy, and through one of our partners BREEAM assessment, Commercial EPC, Domestic EPC, Display energy certificates, New Build SAP or SBEM reports and Sustainability statements.</p>
</div></div>
<div style="display:none"><div id="cost">
<img src="/media/248/cost-management.png" width="195" height="31" alt="Cost Management" />
<p style="padding:0px 0px 5px 0px; width:500px;">Innex Design offer all clients a comprehensive service that removes the burden of day to day costs-related issues.</p>
</div></div>
<div style="display:none"><div id="land">
<img src="/media/501/Landscape-Architecture.png" width="195" height="31" alt="Landscape Architecture" />
<p style="padding:0px 0px 5px 0px; width:500px;">We undertake all aspects of landscape architecture, from landscape master planning, conceptual design through to detailed planting schemes. We adopt a fresh approach to the design of each project where a high degree of design flair and innovation comes as standard. </p>
</div></div>
<div style="display:none"><div id="build">
<img src="/media/283/Design-&-Build.png" width="195" height="31" alt="Design & Build" />
<p style="padding:0px 0px 5px 0px; width:500px;">In today’s industry and marketplace some clients prefer a one point of contact approach to projects, with this in mind we have developed a nationwide network of partnering contractors to enable clients to have the one point contact, whilst ensuring delivery of excellent quality and standards of workmanship.</p>
</div></div>
</div>
In Umbraco page displays like this:
Sorry, i meant since transfering over to Umbraco from Dreamweaver....
It appears okay for me - if I rollover then it turns to black. Is this not correct? There are no console errors indicating not found images, or anything like that.
Hi Grant. Thanks for the reply. Well as i said ive got most of the site working just as it did in Dreamweaver. The only things that arent working is the "Design and Build" button does not display on the homepage. I want it to appear firstly and roll over to black as the rest of the images do.
Secondly if you look at the current site htp://www.innexdesign.co.uk then you'll see on the homepage, if we actually press one of these words when the roll over to black, a lightbox would appear wih a description of that service that the company provides. However, since transferring to Umbraco if i click on one of the rollover images on the homepage, nothing happens.
I've wrote similar code in the other pages and they work fine. For example if you go into the Designs page and click on Designs For Drinking and any pub, a lightbox will successfully appear with a description of that pub.
Im just wondering why no lightboxes will appear in the same fashion when pressing any of these rollover words on the homepage?
Any thoughts on it would be appreciated.
Cheers
Anyone understand why the highlighted code or my code in general is causing this problem in Umraco 4?
is working on a reply...