Got it :-)
I added <br /><br /><br /> under
<img src="test3_files/header.jpg" alt="" width="730" height="118">
and found it under the banner. Adjust your CSS for class="topnavbar" and you are sorted.
I should have seen that one sooner
Edit:- this seems to do the trick
Looking back on this thread it looks like I have covered much the same ground as Sledger - Note to self - read more slowlyCode:table.topnavbar { width: 100%; margin-top: 3em; }
Last edited by Drwyd; 18 February 2010 at 06:13 PM.
Tutorials: The Basics of Web Design - Tips and Tricks - Creating a Nav Bar - Video Tutorials - Stretchy Buttons - Manual Nav Bars
he he he he you are a genius knew it would be something and nothing just couldn't get it dam thing
WELL DONE 1 million karma points 4 u
OK 1 last problem lol in IE everything is perfect but in FF and Chrome still none of the WHMCS links work?
Im getting there thank god for this forum and you and Sledger
I really hope I can return the favour sometime soon
Chris
It seems I messed soemthing up pasting the text into the original WHMCS .tpl file typical I knew it was my fault somewhere along the line.
The most frustrating part is I can usually repair most things with a little help from Dr Google this just wasn't playing at all.
Sort those links now and jobs a good en dam I am going to backup this file 10 times now!
Thanks again
Chris
sussed it well not me wish I could take credit bust saldy cannot, another very knowledgable person on the WHMCS forum found it:
PHP Code:
<div class="xr_ap" id="xr_xr" style="width: 760px; height: 700px; top:0px; left:50%; margin-left: -380px; clip: rect(0px, 760px, 700px, 0px);">
Change the
Quote:
height: 700px; and rect(0px, 760px, 700px, 0px);
to
Quote:
height: 150px; and rect(0px, 760px, 150px, 0px);
Sledger was right and even after hime telling me I still missed it god I need soem glasses!!! Seems it was all down to the way I put the header and navbar together on the XARA page ie in the middle instead of positioned at the top!!!!! I am an idiot!!
Sledger and Drywd thankyouuuuuuuuuuuu again
Chris
glad you got it all sorted
Tested it in FF, IE, Opera, Safari, and Chrome - all working OK
Time for a cool one
Tutorials: The Basics of Web Design - Tips and Tricks - Creating a Nav Bar - Video Tutorials - Stretchy Buttons - Manual Nav Bars
Actually that rings a bell, IE does not like "clip", something to do with the separating commas. Trust IE to do things different.
Something to watch out for.
Tutorials: The Basics of Web Design - Tips and Tricks - Creating a Nav Bar - Video Tutorials - Stretchy Buttons - Manual Nav Bars
dohhhhhhh same problem now with the footer it seems to be those 2 lines the "clip" thats causing all the problems what exactly do they do? Now after inserting the footer none of the links on the whole page work?
Chris
That might not be the problem, what I have seen is an extra <html> tag in your code, there should only be one on any page. Same with the <body> tag.
Code:<br /> <html> <script type="text/javascript" src="footer_htm_files/roe.js"></script> <link rel="stylesheet" type="text/css" href="footer_htm_files/default.css" /> <body style=""> <!--[if IE]><div class="xr_ap" id="xr_xr" style="bottom:0px; left:50%; margin-left: -478px; clip: rect(0px 0px);"><![endif]--> <!--[if !IE]>--><div class="xr_ap" id="xr_xr" style="bottom:0px; left:50%; margin-left: -478px; clip: rect(0px, 0px);"><!--<![endif]--> <script type="text/javascript">var xr_xr=document.getElementById("xr_xr")</script> <img class="xr_ap" src="footer_htm_files/0.png" alt="" style="left: 78px; top: 596px; width: 792px; height: 97px;"/> <img class="xr_ap" src="footer_htm_files/1.png" alt="" style="left: 360px; top: 601px; width: 253px; height: 63px;"/> <img class="xr_ap" src="footer_htm_files/2.png" alt="" style="left: 209px; top: 599px; width: 149px; height: 77px;"/> <img class="xr_ap" src="footer_htm_files/3.png" alt="" style="left: 728px; top: 600px; width: 138px; height: 90px;"/> <div style="left: 480px; position: absolute; font-size: 13px; font-family: Arial; text-align: left; top: 662px;">
Tutorials: The Basics of Web Design - Tips and Tricks - Creating a Nav Bar - Video Tutorials - Stretchy Buttons - Manual Nav Bars
OK, try this
Create a division within your code at the position that you wish it to appear (position: relative is important)
Export your Xara file and cut between the <body> tag and the last comment tag (blue code in example below)Code:<div style="position: relative"> ... your Xara code will go here ... </div>
paste it into your relative div.Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- saved from url=(0020)http://www.xara.com/ --> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=7"/> <meta name="XAR pngs" content="1"/> <title>index</title> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1252"/> <meta name="Generator" content="Xara HTML filter v.2.2.0.675"/> <script type="text/javascript" src="index_htm_files/roe.js"></script> <link rel="stylesheet" type="text/css" href="index_htm_files/default.css" /> </head> <body style=""> <!--[if IE]><div class="xr_ap" id="xr_xr" style="width: 980px; height: 660px; top:0px; left:50%; margin-left: -490px; clip: rect(0px 980px 660px 0px);"><![endif]--> <!--[if !IE]>--><div class="xr_ap" id="xr_xr" style="width: 980px; height: 660px; top:0px; left:50%; margin-left: -490px; clip: rect(0px, 980px, 660px, 0px);"><!--<![endif]--> <script type="text/javascript">var xr_xr=document.getElementById("xr_xr")</script> <img class="xr_ap" src="index_htm_files/0.png" alt="" style="left: 108px; top: 9px; width: 758px; height: 83px;"/> <div id="xr_xo0" class="xr_ap" style="left: 0; top: 0; width: 980px; height: 100px; visibility: hidden;"> <a href="" onclick="return(false);"> </a> </div> <div id="xr_xd0"></div> </div> <!--[if lt IE 7]><script type="text/javascript" src="index_htm_files/png.js"></script><![endif]--> <script type="text/javascript">xr_aeh()</script> </body> </html>
Let me know if it works for you too
EDIT:- Probably better to use everything between the <body> tags unless the last bit is already included via the header.
EDIT2:-
Oh and adjust heights marked in blue
Code:<!--[if IE]><div class="xr_ap" id="xr_xr" style="width: 980px; height: 100px; top:0px; left:50%; margin-left: -490px; clip: rect(0px 980px 100px 0px);"><![endif]--> <!--[if !IE]>--><div class="xr_ap" id="xr_xr" style="width: 980px; height: 100px; top:0px; left:50%; margin-left: -490px; clip: rect(0px, 980px, 100px, 0px);"><!--<![endif]-->
Last edited by Drwyd; 18 February 2010 at 09:32 PM.
Tutorials: The Basics of Web Design - Tips and Tricks - Creating a Nav Bar - Video Tutorials - Stretchy Buttons - Manual Nav Bars
Bookmarks