Help With CSS/Javascript for my home page!!

  • potent
  • Novice
  • Novice
  • User avatar
  • Posts: 19
  • Loc: diego

Post 3+ Months Ago

out of curiosity, why'd you choose to use xhtml?



check all of your image tags, and close them off, too.
(i closed the ones in the code i pasted)
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • Miss_Bee
  • Guru
  • Guru
  • User avatar
  • Posts: 1307
  • Loc: Eagle Vale, Sydney (Campbo Chickadee)

Post 3+ Months Ago

I saw the layout in a layouts site I was in, I didn't realise it was XHTML till I actually had it on the sever and nothing was aligned.

Have a look at it now, I added your code
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23456
  • Loc: Woodbridge VA

Post 3+ Months Ago

This is what I see currently on IE 6.1 SP1

http://atnopro.com/ozzu/screenshotparents.png
  • potent
  • Novice
  • Novice
  • User avatar
  • Posts: 19
  • Loc: diego

Post 3+ Months Ago

hmmm... you have a floating div tag in IE... check it.

http://www.potentdames.com/moi/missbee01.gif
  • potent
  • Novice
  • Novice
  • User avatar
  • Posts: 19
  • Loc: diego

Post 3+ Months Ago

oh, i see it... when you pasted the code i left, you missed the < that starts it.



(image removed)
  • Miss_Bee
  • Guru
  • Guru
  • User avatar
  • Posts: 1307
  • Loc: Eagle Vale, Sydney (Campbo Chickadee)

Post 3+ Months Ago

Ok heres what I have....

http://www.parentsretreat.com/*plum*.html

this is my current code:
Code: [ Select ]
<!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" xml:lang="en"
lang="en">
<html>
<head>
<title>.::Parents Retreat::.For Parents, Relatives & Friends Worldwide!!</title>

<style type="text/css">

body {
font:11px/1.4 Verdana, Arial, Helvetica, sans-serif;
text-align:center;
background:#F0F0F0;
margin:0px 0px 10px 0px;
padding:0px;
background-image:url(noah/bg-index.gif);
background-position:top left;background-repeat:no-repeat;
}

#frame {
width:753px;
margin:0px auto 0px auto;
padding:0px;
text-align:left;
voice-family:"\"}\"";
width:753px;
}
html>body #frame { width:753px; }

.tabtext {
padding-top:3px;
text-align:center;
}

#toptab {
background:#E8E8E8;
width:100px;
height:20px;
margin:11px 0px 0px 75px;
font-size:10px;
border-top:1px solid #000; border-left:1px solid #000;border-right:1px solid #000;
voice-family:""}"";
margin-top:10px;
}
html>body #toptab {margin-top:10px;}

#bottomtab {
clear:both;
background:#E0E8F8;
width:240px;
height:20px;
margin:0px 0px 10px 437px;
font-size:10px;
border-bottom:1px solid #000; border-left:1px solid #000;border-right:1px solid #000;
voice-family:""}"";
margin-left:435px;
}
html>body #bottomtab { margin-left:435px; }

#left {
position:absolute;
left:0px;
background:#F0F8FF;
text-align:right;
font-size:10px; line-height: 17px;
width:75px;
}

#leftlinks {
background:#F0F8FF;
padding:5px 5px 10px 5px;
border-top:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #000;
}

#center {
float:left;
background:#fff;
width:602px;
border:1px solid #000;
voice-family:""}"";
width:600px;
}
html>body #center {
width:600px;
}

#right {
float:left;
width:75px;
margin-top:125px;
padding:0px;
border-top:1px solid #000;}

#photoblog {
float:left;
width:125px;
background:#E0E8F0;
margin: 0px 10px 10px -1px;
padding-top:5px;
text-align:center;
border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;
}

p,pre {
margin:0px 10px 20px 10px;
text-align:justify;
}

.postheader {
background:#ddd;
margin:0px 0px 20px 0px;
padding:0px 10px 0px 10px;
border-top:1px solid #000;border-bottom:1px solid #000;
}
.first {border-top:0px;}

.posttitle {
font-weight:bold;
padding:5px 0px 5px 0px;
}
.postcomments {
float:right;
padding:5px 0px 5px 0px;
width:100px;
text-align:right;
}
.postcomments img {display:inline;}

#contentheader h1 {
font-size:14px;
padding:10px;
}

#contentright p {font-size:10px}

#header {border-bottom:1px solid black}

.rightimg {
border-bottom:1px solid #000;
border-right:1px solid #000;}

img {display:block;margin:auto}
</style>
<script type="text/javascript">

var frame
var left
var nav
var inited
function init() {
window.onresize=moveNav;
if (!document.createElement) return
frame=document.getElementById('frame')
left=document.getElementById('left')
nav=document.createElement("DIV")
nav.style.position="absolute";
nav.style.lineHeight=left.style.lineHeight
nav.style.fontSize=left.style.fontSize
nav.style.padding=left.style.padding
nav.style.width=left.style.width
nav.style.height=getMyProperty(left,'height')
nav.style.textAlign=left.style.textAlign

inited = true
moveNav()
nav.innerHTML=left.innerHTML;
document.body.appendChild(nav)
left.style.visibility='hidden';
watchForScroll()
}

function getMyProperty(obj,prop) {
if (document.all) {
if (prop='top') return obj.offsetTop+document.body.scrollTop+'px';
if (prop='left') return obj.offsetLeft+'px';
if (prop='height') return obj.offsetHeight+'px';
} else {
if (prop='top') return (window.pageYOffset+parseInt(document.defaultView.getComputedStyle(obj,'').getPropertyValue('top')+'px'));
if (prop='left') return document.defaultView.getComputedStyle(obj,'').getPropertyValue('left');
if (prop='height') return document.defaultView.getComputedStyle(obj,'').getPropertyValue('height');
}
}

function moveNav() {
if (!inited) return false;
newLeft=getMyProperty(frame,'left');
newTop=getMyProperty(left,'top');
if (parseInt(newTop)+parseInt(getMyProperty(left,'height') > parseInt(getMyProperty(frame,'height'))-30)){
newTop=(parseInt(getMyProperty(frame,'height')-30-parseInt(nav.style.height)+'px'
))}
nav.style.left=0;
nav.style.top=newTop;
}

lastS = 0
thisS = 0
function watchForScroll() {
thisS=(document.body.scrollTop)?document.body.scrollTop:window.pageYOffset
if (thisS!=lastS) {
lastS=thisS
moveNav()
}
setTimeout('watchForScroll()',50)
}

</script>
</head><body onload="init()">

<div id="frame" style="">
<div id="toptab"><div class="tabtext">Parents Retreat</div></div>
<div id="left" style="float:left;
text-align:right;
font-size:10px; line-height: 17px;
width:75px;"><div id="leftlinks"><b>main</b><br /><a href="" onclick="return false;" class="sidemenulink" onmouseover="window.status='parentsretreat.com';return true" onmouseout="window.status='';return true">home</a></br><a href="" onclick="return false;" class="sidemenulink" onmouseover="window.status='meet your managers';return true" onmouseout="window.status='';return true">about</a></br><a href="" onclick="return false;" class="sidemenulink" onmouseover="window.status='articles';return true" onmouseout="window.status='';return true">forum archives</a></br></br><b>talk time</b></br><a href="" onclick="return false;" class="sidemenulink" onmouseover="window.status='Parents Retreat Forum';return true" onmouseout="window.status='';return true">the forum</a></br></br><b>whats on offer</b></br><a href="" onclick="return false;" class="sidemenulink" onmouseover="window.status='Chat Time';return true" onmouseout="window.status='';return true">have a chat</a></br><a href="" onclick="return false;" class="sidemenulink" onmouseover="window.status='Articles';return true" onmouseout="window.status='';return true">parenting articles</a></br><a href="" onclick="return false;" class="sidemenulink" onmouseover="window.status='Photo Gallery';return true" onmouseout="window.status='';return true">photo gallery</a></br><a href="" onclick="return false;" class="sidemenulink" onmouseover="window.status='competitions';return true" onmouseout="window.status='';return true">competitions</a></br><a href="" onclick="return false;" class="sidemenulink" onmouseover="window.status='web journals';return true" onmouseout="window.status='';return true">web journals</a></br></br><b>etcetera</b></br><a href="" onclick="return false;" class="sidemenulink" onmouseover="window.status='e-cards';return true" onmouseout="window.status='';return true">e-cards</a></br><a href="" onmouseover="window.status='links';return true" onmouseout="window.status='';return true">links</a></br><a href="mailto:admin@parentsretreat.com" class="sidemenulink" onmouseover="window.status='admin';return true" onmouseout="window.status='';return true">e-mail</a></div></div>

div id="center">
<div id="header"><img style="" border="0" src="logoPR.jpg" alt="entry" height="200" width="600" /></div>
<div id="photoblog">
<img border="1" src="thumb1.jpg" class="photothumbnail" alt="1" height="100" width="100" /><br /><br />
<img border="1" src="thumb2.jpg" class="photothumbnail" alt="2" height="100" width="100" /><br /><br />
<img border="1" src="thumb3.jpg" class="photothumbnail" alt="3" height="100" width="100" /><br /><br />
<img border="1" src="thumb4.jpg" class="photothumbnail" alt="4" height="100" width="100" /><br /><br />
<img border="1" src="thumb5.jpg" class="photothumbnail" alt="5" height="100" width="100" /><br /><br />
<img border="1" src="thumb6.jpg" class="photothumbnail" alt="6" height="100" width="100" /><br /><br /> 

<div class="postheader first"><div class="postcomments"></div><div class="posttitle"><a href="" onclick="return false;">24.05.04 01.18am</a>.::Welcome to Parents Retreat::.</div></div>
<p>blah blah blah</p>
<p>blah blah blah</p>
<p>blah blah blah</p>
<p>blah blah blah</p>
<p>blah blah blah</p>

<div class="postheader"><div class="postcomments"></div><div class="posttitle"><a href="" onclick="return false;">24.05.04 01.19am</a>.::Why Should YOU join Parents Retreat?::.</div></div>
<p>blah blah blah</p>
<p>blah blah blah</p>
<p>blah blah blah</p>
<p>blah blah blah</p>
<p>blah blah blah</p>

<div class="postheader"><div class="postcomments"></div><div class="posttitle"><a href="" onclick="return false;">24.05.04 01.21am</a>.::What Parents Retreat has to Offer::.</div></div>
<p>blah blah blah</p>
<p>blah blah blah</p>
<p>blah blah blah</p>
<p>blah blah blah</p>
<p>blah blah blah</p>
</div>
<div id="right">
<img class="rightimg" border="0" src="pic1.gif" alt="f" height="75" width="75" />
<img class="rightimg" border="0" src="pic2.gif" alt="f" height="75" width="75" />
<img class="rightimg" border="0" src="pic3.gif" alt="f" height="75" width="75" />
<img class="rightimg" border="0" src="pic4.gif" alt="f" height="75" width="75" />
<img class="rightimg" border="0" src="pic5.jpg" alt="f" height="75" width="75" />
<img class="rightimg" border="0" src="pic6.jpg" alt="f" height="75" width="75" />
</div>
<div id="bottomtab"><div class="tabtext">©2004 Parents Retreat. All rights reserved.</div></div>
</div>

</div></body>
</html>
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
  4. lang="en">
  5. <html>
  6. <head>
  7. <title>.::Parents Retreat::.For Parents, Relatives & Friends Worldwide!!</title>
  8. <style type="text/css">
  9. body {
  10. font:11px/1.4 Verdana, Arial, Helvetica, sans-serif;
  11. text-align:center;
  12. background:#F0F0F0;
  13. margin:0px 0px 10px 0px;
  14. padding:0px;
  15. background-image:url(noah/bg-index.gif);
  16. background-position:top left;background-repeat:no-repeat;
  17. }
  18. #frame {
  19. width:753px;
  20. margin:0px auto 0px auto;
  21. padding:0px;
  22. text-align:left;
  23. voice-family:"\"}\"";
  24. width:753px;
  25. }
  26. html>body #frame { width:753px; }
  27. .tabtext {
  28. padding-top:3px;
  29. text-align:center;
  30. }
  31. #toptab {
  32. background:#E8E8E8;
  33. width:100px;
  34. height:20px;
  35. margin:11px 0px 0px 75px;
  36. font-size:10px;
  37. border-top:1px solid #000; border-left:1px solid #000;border-right:1px solid #000;
  38. voice-family:""}"";
  39. margin-top:10px;
  40. }
  41. html>body #toptab {margin-top:10px;}
  42. #bottomtab {
  43. clear:both;
  44. background:#E0E8F8;
  45. width:240px;
  46. height:20px;
  47. margin:0px 0px 10px 437px;
  48. font-size:10px;
  49. border-bottom:1px solid #000; border-left:1px solid #000;border-right:1px solid #000;
  50. voice-family:""}"";
  51. margin-left:435px;
  52. }
  53. html>body #bottomtab { margin-left:435px; }
  54. #left {
  55. position:absolute;
  56. left:0px;
  57. background:#F0F8FF;
  58. text-align:right;
  59. font-size:10px; line-height: 17px;
  60. width:75px;
  61. }
  62. #leftlinks {
  63. background:#F0F8FF;
  64. padding:5px 5px 10px 5px;
  65. border-top:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #000;
  66. }
  67. #center {
  68. float:left;
  69. background:#fff;
  70. width:602px;
  71. border:1px solid #000;
  72. voice-family:""}"";
  73. width:600px;
  74. }
  75. html>body #center {
  76. width:600px;
  77. }
  78. #right {
  79. float:left;
  80. width:75px;
  81. margin-top:125px;
  82. padding:0px;
  83. border-top:1px solid #000;}
  84. #photoblog {
  85. float:left;
  86. width:125px;
  87. background:#E0E8F0;
  88. margin: 0px 10px 10px -1px;
  89. padding-top:5px;
  90. text-align:center;
  91. border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;
  92. }
  93. p,pre {
  94. margin:0px 10px 20px 10px;
  95. text-align:justify;
  96. }
  97. .postheader {
  98. background:#ddd;
  99. margin:0px 0px 20px 0px;
  100. padding:0px 10px 0px 10px;
  101. border-top:1px solid #000;border-bottom:1px solid #000;
  102. }
  103. .first {border-top:0px;}
  104. .posttitle {
  105. font-weight:bold;
  106. padding:5px 0px 5px 0px;
  107. }
  108. .postcomments {
  109. float:right;
  110. padding:5px 0px 5px 0px;
  111. width:100px;
  112. text-align:right;
  113. }
  114. .postcomments img {display:inline;}
  115. #contentheader h1 {
  116. font-size:14px;
  117. padding:10px;
  118. }
  119. #contentright p {font-size:10px}
  120. #header {border-bottom:1px solid black}
  121. .rightimg {
  122. border-bottom:1px solid #000;
  123. border-right:1px solid #000;}
  124. img {display:block;margin:auto}
  125. </style>
  126. <script type="text/javascript">
  127. var frame
  128. var left
  129. var nav
  130. var inited
  131. function init() {
  132. window.onresize=moveNav;
  133. if (!document.createElement) return
  134. frame=document.getElementById('frame')
  135. left=document.getElementById('left')
  136. nav=document.createElement("DIV")
  137. nav.style.position="absolute";
  138. nav.style.lineHeight=left.style.lineHeight
  139. nav.style.fontSize=left.style.fontSize
  140. nav.style.padding=left.style.padding
  141. nav.style.width=left.style.width
  142. nav.style.height=getMyProperty(left,'height')
  143. nav.style.textAlign=left.style.textAlign
  144. inited = true
  145. moveNav()
  146. nav.innerHTML=left.innerHTML;
  147. document.body.appendChild(nav)
  148. left.style.visibility='hidden';
  149. watchForScroll()
  150. }
  151. function getMyProperty(obj,prop) {
  152. if (document.all) {
  153. if (prop='top') return obj.offsetTop+document.body.scrollTop+'px';
  154. if (prop='left') return obj.offsetLeft+'px';
  155. if (prop='height') return obj.offsetHeight+'px';
  156. } else {
  157. if (prop='top') return (window.pageYOffset+parseInt(document.defaultView.getComputedStyle(obj,'').getPropertyValue('top')+'px'));
  158. if (prop='left') return document.defaultView.getComputedStyle(obj,'').getPropertyValue('left');
  159. if (prop='height') return document.defaultView.getComputedStyle(obj,'').getPropertyValue('height');
  160. }
  161. }
  162. function moveNav() {
  163. if (!inited) return false;
  164. newLeft=getMyProperty(frame,'left');
  165. newTop=getMyProperty(left,'top');
  166. if (parseInt(newTop)+parseInt(getMyProperty(left,'height') > parseInt(getMyProperty(frame,'height'))-30)){
  167. newTop=(parseInt(getMyProperty(frame,'height')-30-parseInt(nav.style.height)+'px'
  168. ))}
  169. nav.style.left=0;
  170. nav.style.top=newTop;
  171. }
  172. lastS = 0
  173. thisS = 0
  174. function watchForScroll() {
  175. thisS=(document.body.scrollTop)?document.body.scrollTop:window.pageYOffset
  176. if (thisS!=lastS) {
  177. lastS=thisS
  178. moveNav()
  179. }
  180. setTimeout('watchForScroll()',50)
  181. }
  182. </script>
  183. </head><body onload="init()">
  184. <div id="frame" style="">
  185. <div id="toptab"><div class="tabtext">Parents Retreat</div></div>
  186. <div id="left" style="float:left;
  187. text-align:right;
  188. font-size:10px; line-height: 17px;
  189. width:75px;"><div id="leftlinks"><b>main</b><br /><a href="" onclick="return false;" class="sidemenulink" onmouseover="window.status='parentsretreat.com';return true" onmouseout="window.status='';return true">home</a></br><a href="" onclick="return false;" class="sidemenulink" onmouseover="window.status='meet your managers';return true" onmouseout="window.status='';return true">about</a></br><a href="" onclick="return false;" class="sidemenulink" onmouseover="window.status='articles';return true" onmouseout="window.status='';return true">forum archives</a></br></br><b>talk time</b></br><a href="" onclick="return false;" class="sidemenulink" onmouseover="window.status='Parents Retreat Forum';return true" onmouseout="window.status='';return true">the forum</a></br></br><b>whats on offer</b></br><a href="" onclick="return false;" class="sidemenulink" onmouseover="window.status='Chat Time';return true" onmouseout="window.status='';return true">have a chat</a></br><a href="" onclick="return false;" class="sidemenulink" onmouseover="window.status='Articles';return true" onmouseout="window.status='';return true">parenting articles</a></br><a href="" onclick="return false;" class="sidemenulink" onmouseover="window.status='Photo Gallery';return true" onmouseout="window.status='';return true">photo gallery</a></br><a href="" onclick="return false;" class="sidemenulink" onmouseover="window.status='competitions';return true" onmouseout="window.status='';return true">competitions</a></br><a href="" onclick="return false;" class="sidemenulink" onmouseover="window.status='web journals';return true" onmouseout="window.status='';return true">web journals</a></br></br><b>etcetera</b></br><a href="" onclick="return false;" class="sidemenulink" onmouseover="window.status='e-cards';return true" onmouseout="window.status='';return true">e-cards</a></br><a href="" onmouseover="window.status='links';return true" onmouseout="window.status='';return true">links</a></br><a href="mailto:admin@parentsretreat.com" class="sidemenulink" onmouseover="window.status='admin';return true" onmouseout="window.status='';return true">e-mail</a></div></div>
  190. div id="center">
  191. <div id="header"><img style="" border="0" src="logoPR.jpg" alt="entry" height="200" width="600" /></div>
  192. <div id="photoblog">
  193. <img border="1" src="thumb1.jpg" class="photothumbnail" alt="1" height="100" width="100" /><br /><br />
  194. <img border="1" src="thumb2.jpg" class="photothumbnail" alt="2" height="100" width="100" /><br /><br />
  195. <img border="1" src="thumb3.jpg" class="photothumbnail" alt="3" height="100" width="100" /><br /><br />
  196. <img border="1" src="thumb4.jpg" class="photothumbnail" alt="4" height="100" width="100" /><br /><br />
  197. <img border="1" src="thumb5.jpg" class="photothumbnail" alt="5" height="100" width="100" /><br /><br />
  198. <img border="1" src="thumb6.jpg" class="photothumbnail" alt="6" height="100" width="100" /><br /><br /> 
  199. <div class="postheader first"><div class="postcomments"></div><div class="posttitle"><a href="" onclick="return false;">24.05.04 01.18am</a>.::Welcome to Parents Retreat::.</div></div>
  200. <p>blah blah blah</p>
  201. <p>blah blah blah</p>
  202. <p>blah blah blah</p>
  203. <p>blah blah blah</p>
  204. <p>blah blah blah</p>
  205. <div class="postheader"><div class="postcomments"></div><div class="posttitle"><a href="" onclick="return false;">24.05.04 01.19am</a>.::Why Should YOU join Parents Retreat?::.</div></div>
  206. <p>blah blah blah</p>
  207. <p>blah blah blah</p>
  208. <p>blah blah blah</p>
  209. <p>blah blah blah</p>
  210. <p>blah blah blah</p>
  211. <div class="postheader"><div class="postcomments"></div><div class="posttitle"><a href="" onclick="return false;">24.05.04 01.21am</a>.::What Parents Retreat has to Offer::.</div></div>
  212. <p>blah blah blah</p>
  213. <p>blah blah blah</p>
  214. <p>blah blah blah</p>
  215. <p>blah blah blah</p>
  216. <p>blah blah blah</p>
  217. </div>
  218. <div id="right">
  219. <img class="rightimg" border="0" src="pic1.gif" alt="f" height="75" width="75" />
  220. <img class="rightimg" border="0" src="pic2.gif" alt="f" height="75" width="75" />
  221. <img class="rightimg" border="0" src="pic3.gif" alt="f" height="75" width="75" />
  222. <img class="rightimg" border="0" src="pic4.gif" alt="f" height="75" width="75" />
  223. <img class="rightimg" border="0" src="pic5.jpg" alt="f" height="75" width="75" />
  224. <img class="rightimg" border="0" src="pic6.jpg" alt="f" height="75" width="75" />
  225. </div>
  226. <div id="bottomtab"><div class="tabtext">©2004 Parents Retreat. All rights reserved.</div></div>
  227. </div>
  228. </div></body>
  229. </html>
  • Miss_Bee
  • Guru
  • Guru
  • User avatar
  • Posts: 1307
  • Loc: Eagle Vale, Sydney (Campbo Chickadee)

Post 3+ Months Ago

ok that div tag is fixed.....could it be in the CSS or Java bit thats not making it align?
  • potent
  • Novice
  • Novice
  • User avatar
  • Posts: 19
  • Loc: diego

Post 3+ Months Ago

what would really help, is putting your CSS in it's own .css file, and
linking it. this will clean the page up a bit, usually, if the css is huge,
it's more convienent, and then you can control tons of pages with
one source.


do you have a pic of what you are trying to do? or are you just trying
to meet the w3 standard.
  • potent
  • Novice
  • Novice
  • User avatar
  • Posts: 19
  • Loc: diego

Post 3+ Months Ago

most likely there's a clash in the css... did you say you borrowed the code?
(it's probly here in the thread but....) do you have a link to the page you
are modifying?


im looking at it, i don't know if i can help you, but im trying...
  • Miss_Bee
  • Guru
  • Guru
  • User avatar
  • Posts: 1307
  • Loc: Eagle Vale, Sydney (Campbo Chickadee)

Post 3+ Months Ago

Well no not really, I found it on another site, they were talking about the way this guy had layed out his website and offered his code below it, mine looks near identical to his but I made my own graphics.
I'm starting to wonder if maybe I've done some sort of copyright issue!!
  • potent
  • Novice
  • Novice
  • User avatar
  • Posts: 19
  • Loc: diego

Post 3+ Months Ago

no... lots of people offer their code up... zeldman and a list apart.
(for example) but you're expected to modify it.


personally, i won't use them. i dissect them, and learn stuff, but
usually, i design around my images... so i don't like to use other
peoples layouts. but as far as copyright, i think you're okay.
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

9 times out of ten if you got a css layout screwwing up it's too many rules - I will look when I've had a shower :)
  • Miss_Bee
  • Guru
  • Guru
  • User avatar
  • Posts: 1307
  • Loc: Eagle Vale, Sydney (Campbo Chickadee)

Post 3+ Months Ago

Thanks rtm it will be much appreciated
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

quick q, the left nav is supposed to scroll with the page? If it does I can probably sort you out a version that is a lot cleaner, but does not validate.
  • Dark_Coder
  • Newbie
  • Newbie
  • Dark_Coder
  • Posts: 13

Post 3+ Months Ago

I am now looking into your codes and trying to fix it now Miss Bee. I will post the code once I can fix it :D...
  • Miss_Bee
  • Guru
  • Guru
  • User avatar
  • Posts: 1307
  • Loc: Eagle Vale, Sydney (Campbo Chickadee)

Post 3+ Months Ago

Oh guys thank you so much!!
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

I now have got you valid xhtml, and have started to play with the css. The first thing I notice is you have the tantek celic box model hack done wrong in a few places - I've corrected this and converted it to the reduced version, because I'm assuming that you don't need to support opera 5.

I have now deleted all that javascript and got the whole thing to work with about 4 lines off (non-valid) css. It scrolls like a beauty now, Ill get it uploaded so you can have a look. I still have to sot out the widths and stuff for IE but that is the easy bit :D

I'll get a link once I have uploaded
  • Miss_Bee
  • Guru
  • Guru
  • User avatar
  • Posts: 1307
  • Loc: Eagle Vale, Sydney (Campbo Chickadee)

Post 3+ Months Ago

you're a legend rtm xxx
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

I know :D

http://www.service6.org.uk/richard/missbee.html

Thats the link - it displays jerky in scummy IE because it's using javascript (only one line though - yay for efficient code!), this is the best you will get with IE, there is a slight delay on the jscript. But in any decent browsers it will display with a super-smooth pure css position:fixed

Do not use the code yet, I still need to sort out the width and stuff, which is gonna take a while because my boss has started to realise I am doing no work.

Plus Dreamweaver has now messed up all the image links cos I clicked yes instead of no :roll:

I'll probably get it sorted at lunch, if thats ok.
  • Miss_Bee
  • Guru
  • Guru
  • User avatar
  • Posts: 1307
  • Loc: Eagle Vale, Sydney (Campbo Chickadee)

Post 3+ Months Ago

Looking good honey but on my 600x800 browser the nav bar is covering half the site on the left :(
  • Miss_Bee
  • Guru
  • Guru
  • User avatar
  • Posts: 1307
  • Loc: Eagle Vale, Sydney (Campbo Chickadee)

Post 3+ Months Ago

Yeah take your time its only 6.42pm here
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

what browser? And version

IE5 perhaps? If so then thats fine, thats gonna be fixed with the margins and widths and stuff - I know what the problem is there :wink:


Oh no, thats something else - I see what you mean now. I'll get that fixed too - don't you worry :D
  • Miss_Bee
  • Guru
  • Guru
  • User avatar
  • Posts: 1307
  • Loc: Eagle Vale, Sydney (Campbo Chickadee)

Post 3+ Months Ago

hehe yeah IE5 ..... legend, legend, legend!
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

May I ask why you are using IE5? :lol: considering the upgrade is available for free as are other, better browsers?

is it 5.0 or 5.5?
  • Dark_Coder
  • Newbie
  • Newbie
  • Dark_Coder
  • Posts: 13

Post 3+ Months Ago

Why don't you use IE6 or Mozilla? I am using Netscape Navigator :D
  • Miss_Bee
  • Guru
  • Guru
  • User avatar
  • Posts: 1307
  • Loc: Eagle Vale, Sydney (Campbo Chickadee)

Post 3+ Months Ago

Cos I'm Old School hahahahahahhaha, nah F**ked if I know why I'm not! :shock:
  • Miss_Bee
  • Guru
  • Guru
  • User avatar
  • Posts: 1307
  • Loc: Eagle Vale, Sydney (Campbo Chickadee)

Post 3+ Months Ago

Any luck yet rtm?
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

Nope, it's not lunch for another half hour :D I should get it all done during my lunch break, so hopefully have it done by half one = 1 and a half hours :)
  • Miss_Bee
  • Guru
  • Guru
  • User avatar
  • Posts: 1307
  • Loc: Eagle Vale, Sydney (Campbo Chickadee)

Post 3+ Months Ago

Ok cool but don't spend all lunch working on my *plum* website babe! Go and and enjoy it!!
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

Nah theres nothing to do - I spend all my lunch doing IT type stuff for me normally - I left the disk at home today :lol:
I got 50 minutes of just sitting otherwise :)



WOOOOOOOOOOOOOOOOO

Done with 2 minutes to spare! Lol I had some problems between IE5 and IE6, but it's sorted now. Working in IE5.5, IE6, and Firefox - is a good bet that working in firefox it will work in mozilla, netscape and Opera. Also should work in IE5.0, but I'm not sure on that and can't check.

I'm assuming your top image is 600px wide, if not let me know and I'll work out how to fix it. Aso you will need to update all your image src's, but they should be easy to find as I put in some whitespace in the html for you.

Let me know if you have any problems - I haven't tested thouroughly. Anything now will just be tweaking though :D

http://www.service6.org.uk/richard/msbee.html

I'll also sort you an annotated copy if you wish. Just let me know
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

Post Information

  • Total Posts in this topic: 91 posts
  • Users browsing this forum: No registered users and 118 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.