Web Site Stuff...

Dai the Socket · March 7, 2005

Help me change my website's CSS kinda layout thing.

It's come up with this for my Index.html doc in dreamweaver

And in Mozilla the background comes up bright yellow, and in IE which it's meant to come up right, it comes up in grey.

I'm stuck.

Any suggestions?

Can get any chocolate bar(s) of your choice with the value of upto £1.00 plus £0.30 postage :)

:lol:

Nick

Dai the Socket · March 7, 2005

The Style Sheet:

**Danny** · March 7, 2005

Try removing 'body' from the second css element see what happens.

Edit: All the other warnings are html based :sick:

Dai the Socket · March 7, 2005


<html>


<head>

<title>....WYT....</title>

</head>

<body bgcolor="#DEDED6">

<div align="center"> 

  <table width="95%" height="95%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#DEDED6" bordercolordark="#DEDED6">

    <tr>

      <td align="center" width="100%" valign="middle" height="100%"> 

        <center><IFRAME NAME="frame" SRC="body.html" allowtransparency="true" frameborder="0" ALIGN="top" HEIGHT="501" 

WIDTH="701" HSPACE="10" VSPACE="10"></center> <font face="Arial" size="1">sorry, your browser does not support iframes</font></IFRAME></td>

    </tr>

  </table>

  

</div>

</body>

</html>

That's to make the page in a table and centre in the middle of the page both vertically and horizontally, a kind of short cut that might not of worked out! Then there's the 'body' which has all the links and info etc in...


  <html>

<head>

<title>WYTT</title>

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

<script type="text/javascript">

<!--

<!--


function newImage(arg) {

	if (document.images) {

  rslt = new Image();

  rslt.src = arg;

  return rslt;

	}

}


function changeImages() {

	if (document.images && (preloadFlag == true)) {

  for (var i=0; i<changeImages.arguments.length; i+=2) {

  	document[changeImages.arguments[i]].src = changeImages.arguments[i+1];

  }

	}

}


var preloadFlag = false;

function preloadImages() {

	if (document.images) {

  bikes_over = newImage("images/bikes-over.png");

  extras_over = newImage("images/extras-over.png");

  links_over = newImage("images/links-over.png");

  home_over = newImage("images/home-over.png");

  team_over = newImage("images/team-over.png");

  media_over = newImage("images/media-over.png");

  preloadFlag = true;

	}

}


// -->


function MM_swapImgRestore() { //v3.0

  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}


function MM_preloadImages() { //v3.0

  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}


function MM_findObj(n, d) { //v4.01

  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

  if(!x && d.getElementById) x=d.getElementById(n); return x;

}


function MM_swapImage() { //v3.0

  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

//-->

</script>

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

</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();MM_preloadImages('images/links-over.png')">

<center>

<table id="Table_01" width="701" height="501" border="0" cellpadding="0" cellspacing="0">

	<tr>

  <td colspan="15">

  	<img src="images/index_01.png" width="700" height="69" alt=""></td>

  <td>

  	<img src="images/spacer.gif" width="1" height="69" alt=""></td>

	</tr>

	<tr>

  <td colspan="6">

  	<img src="images/index_02.png" width="267" height="1" alt=""></td>

  <td rowspan="3">

  	<a href="bikes.html" target="iframe"

    onmouseover="changeImages('bikes', 'images/bikes-over.png'); return true;"

    onmouseout="changeImages('bikes', 'images/bikes.png'); return true;"

    onmousedown="changeImages('bikes', 'images/bikes-over.png'); return true;"

    onmouseup="changeImages('bikes', 'images/bikes-over.png'); return true;">

    <img name="bikes" src="images/bikes.png" width="68" height="30" border="0" alt=""></a></td>

  <td colspan="3">

  	<img src="images/index_04.png" width="93" height="1" alt=""></td>

  <td rowspan="3">

  	<a href="extras.html" target="iframe"

    onmouseover="changeImages('extras', 'images/extras-over.png'); return true;"

    onmouseout="changeImages('extras', 'images/extras.png'); return true;"

    onmousedown="changeImages('extras', 'images/extras-over.png'); return true;"

    onmouseup="changeImages('extras', 'images/extras-over.png'); return true;">

    <img name="extras" src="images/extras.png" width="89" height="30" border="0" alt=""></a></td>

  <td rowspan="4">

  	<img src="images/index_06.png" width="11" height="52" alt=""></td>

  <td rowspan="3">

  	<a href="links.html" target="iframe"

    onmouseover="changeImages('links', 'images/links-over.png'); return true;"

    onmouseout="changeImages('links', 'images/links.png'); return true;"

    onmousedown="changeImages('links', 'images/links-over.png'); return true;"

    onmouseup="changeImages('links', 'images/links-over.png'); return true;">

    </a><a href="Links.html" target="iframe" onMouseOver="MM_swapImage('Image47','','images/links-over.png',1)" onMouseOut="MM_swapImgRestore()"><img src="images/links.png" name="Image47" width="69" height="30" border="0"></a></td>

  <td colspan="2" rowspan="4">

  	<img src="images/index_08.png" width="103" height="52" alt=""></td>

  <td>

  	<img src="images/spacer.gif" width="1" height="1" alt=""></td>

	</tr>

	<tr>

  <td colspan="2" rowspan="3">

  	<img src="images/index_09.png" width="110" height="51" alt=""></td>

  <td>

  	<a href="home.html" target="iframe"

    onmouseover="changeImages('home', 'images/home-over.png'); return true;"

    onmouseout="changeImages('home', 'images/home.png'); return true;"

    onmousedown="changeImages('home', 'images/home-over.png'); return true;"

    onmouseup="changeImages('home', 'images/home-over.png'); return true;">

    <img name="home" src="images/home.png" width="68" height="28" border="0" alt=""></a></td>

  <td rowspan="3">

  	<img src="images/index_11.png" width="12" height="51" alt=""></td>

  <td>

  	<a href="team.html" target="iframe"

    onmouseover="changeImages('team', 'images/team-over.png'); return true;"

    onmouseout="changeImages('team', 'images/team.png'); return true;"

    onmousedown="changeImages('team', 'images/team-over.png'); return true;"

    onmouseup="changeImages('team', 'images/team-over.png'); return true;">

    <img name="team" src="images/team.png" width="66" height="28" border="0" alt=""></a></td>

  <td rowspan="3">

  	<img src="images/index_13.png" width="11" height="51" alt=""></td>

  <td rowspan="3">

  	<img src="images/index_14.png" width="10" height="51" alt=""></td>

  <td>

  	<a href="media.html" target="iframe"

    onmouseover="changeImages('media', 'images/media-over.png'); return true;"

    onmouseout="changeImages('media', 'images/media.png'); return true;"

    onmousedown="changeImages('media', 'images/media-over.png'); return true;"

    onmouseup="changeImages('media', 'images/media-over.png'); return true;">

    <img name="media" src="images/media.png" width="71" height="28" border="0" alt=""></a></td>

  <td rowspan="3">

  	<img src="images/index_16.png" width="12" height="51" alt=""></td>

  <td>

  	<img src="images/spacer.gif" width="1" height="28" alt=""></td>

	</tr>

	<tr>

  <td rowspan="2">

  	<img src="images/index_17.png" width="68" height="23" alt=""></td>

  <td rowspan="2">

  	<img src="images/index_18.png" width="66" height="23" alt=""></td>

  <td rowspan="2">

  	<img src="images/index_19.png" width="71" height="23" alt=""></td>

  <td>

  	<img src="images/spacer.gif" width="1" height="1" alt=""></td>

	</tr>

	<tr>

  <td>

  	<img src="images/index_20.png" width="68" height="22" alt=""></td>

  <td>

  	<img src="images/index_21.png" width="89" height="22" alt=""></td>

  <td>

  	<img src="images/index_22.png" width="69" height="22" alt=""></td>

  <td>

  	<img src="images/spacer.gif" width="1" height="22" alt=""></td>

	</tr>

	<tr>

  <td rowspan="2">

  	<img src="images/index_23.png" width="1" height="379" alt=""></td>

  <td colspan="13" background="images/Body.png" width="698" height="314" alt="">

  	<iframe src="home.html" width="698" height="314" name="iframe">

  	</iframe>

   </td>

  <td rowspan="2">

  	<img src="images/index_25.png" width="1" height="379" alt=""></td>

  <td>

  	<img src="images/spacer.gif" width="1" height="314" alt=""></td>

	</tr>

	<tr>

  <td colspan="13">

  	<img src="images/index_26.png" width="698" height="65" border="0" usemap="#Map"></td>

  <td>

  	<img src="images/spacer.gif" width="1" height="65" alt=""></td>

	</tr>

	<tr>

  <td>

  	<img src="images/spacer.gif" width="1" height="1" alt=""></td>

  <td>

  	<img src="images/spacer.gif" width="109" height="1" alt=""></td>

  <td>

  	<img src="images/spacer.gif" width="68" height="1" alt=""></td>

  <td>

  	<img src="images/spacer.gif" width="12" height="1" alt=""></td>

  <td>

  	<img src="images/spacer.gif" width="66" height="1" alt=""></td>

  <td>

  	<img src="images/spacer.gif" width="11" height="1" alt=""></td>

  <td>

  	<img src="images/spacer.gif" width="68" height="1" alt=""></td>

  <td>

  	<img src="images/spacer.gif" width="10" height="1" alt=""></td>

  <td>

  	<img src="images/spacer.gif" width="71" height="1" alt=""></td>

  <td>

  	<img src="images/spacer.gif" width="12" height="1" alt=""></td>

  <td>

  	<img src="images/spacer.gif" width="89" height="1" alt=""></td>

  <td>

  	<img src="images/spacer.gif" width="11" height="1" alt=""></td>

  <td>

  	<img src="images/spacer.gif" width="69" height="1" alt=""></td>

  <td>

  	<img src="images/spacer.gif" width="102" height="1" alt=""></td>

  <td>

  	<img src="images/spacer.gif" width="1" height="1" alt=""></td>

  <td></td>

	</tr>

</table>

</center>

<map name="Map">

  <area shape="rect" coords="281,47,407,62" href="mailto:admin@wytrails.co.uk" target="_blank">

</map>

</body>

</html>

Cheers Danny...

Edited March 7, 2005 by mod661

**Danny** · March 7, 2005

Hummmmmmmmmmmmm

Id scrap

bordercolorlight="#DEDED6" bordercolordark="#DEDED6"

for starters :sick: and just replace it with

border: 1px solid #DEDED6;

in the css for TABLE.

Dai the Socket · March 7, 2005

Oh my god you've actually sorted it, how little do I know about CSS!! :lol:

Pick your chocolates.....

:sick:

**Danny** · March 7, 2005

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"

Loose the bg color and replace the margin stuff with

margin: 0px;

in the css :sick:

Dai the Socket · March 7, 2005

:lol:

You know for my Photos page, i'm wanting to make the pictures open into 400 x 400 pages so they fit the pic perfectly. They look much sharper and more professional.

Got any idea how I can do it?

I picked up:


    <td width="64" height="48" valign="top" align="left" xpos="288"><a href="javascript:void(0)" onclick="window.open('http://www.craigleescott.co.uk/image/photos/Picture010.jpg', 'MyPopUp',

From Craig's site but can't make much sense of it onto mine unfortunatly (Y)

Cheers again :sick: Nick

JonMack · March 7, 2005

Done it you gimp.

EDIT: :sick:

I put a smilie in to show im joking, and i know Nick and help him lots.

Edited March 7, 2005 by MonsterJ

Dai the Socket · March 7, 2005

and i know Nick and help him lots.

←

Understatement.

Lol.

Thanks Jon :sick::lol:

br3n · March 7, 2005

lose the tables and do it all css.... tables = the devil.

JonMack · March 7, 2005

Nick doesnt know CSS :lol: .

**Danny** · March 7, 2005

But im sure nick could pick it up extremeally quickly :lol:

JonMack · March 7, 2005

I beg to differ :lol: .

Just kidding Nick, love you really.

Dai the Socket · March 7, 2005

I beg to differ :lol: .

Just kidding Nick, love you really.

←

Gimme a book about CSS and i'll learn it :lol:

I might get a html and CSS book or something actually.

I love Engageclothin to be honest! It's an awsome site, really well done.

Thanks Dan.

Everything's sorted.

Also if you gimme a TF banner i'll wack it on :lol:

Tomm · March 7, 2005

Do you know you've got a picture of a semi-naked Jon Mac adorning your "trials" website? If so, why? :lol:

**Danny** · March 7, 2005

Do you know you've got a picture of a semi-naked Jon Mac adorning your "trials" website? If so, why? :lol:

←

I noticed that too :lol:

simply delete index.html and rename index1.html to index.html and it will be gone forever :lol:

Dai the Socket · March 14, 2005

Yeah I knew it was on (Y)

I was using it for a template to see weather the auto re-directing code would work.

Was only up for a couple of days (Y)

Got a big sidehop and stuff up now...

Cheers

Sign In

Web Site Stuff...

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Recently Browsing 0 members