I'm glad you sorted it! Your MOTD looks ace!
Check out ours: www.sidesteal.com/l4d/l4dmotd.html On 11/19/08, Crazy Canucks <[EMAIL PROTECTED]> wrote: > > Actually, I ended up having to move it in 8 pixels from the edge of the > window. You can see a screen shot of what it ended up looking like in > the following thread, along with two pics of what it looked like before, > although they don't show the shift effect as clearly as it appeared in > game, due to resampling. > > > http://www.crazy-canucks.com/index.php?name=PNphpBB2&file=viewtopic&p=8757#8757 > > I'll paste the code of my motd below so others can see what I had to do, > if they end up with the same issues: > > > <!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"> > <head> > <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> > <title>Drekland: Age of Chivalry MOTD</title> > <style type="text/css"> > body { > > font-family: Arial; > font-size: 0.9em; > color: #ffddbb; > background-color: #8a7c5a; > margin: 0; > } > > > #border_left { position: fixed; left: 0; top: 0; bottom: 0; width: 8px; > background: #442200; } > #border_top { position: fixed; left: 0; top: 0; right: 0; height: 8px; > background: #442200; } > #border_right { position: fixed; top: 0; right: 0; bottom: 0; width: > 8px; background: #442200; } > #border_bottom { position: fixed; left: 0; bottom: 0; right: 0; height: > 8px; background: #442200; } > > #corner_tl { position: fixed; top: 0; left: 0; height: 52px; width: > 52px; margin: 8px 0 0 8px; } > #corner_tr { position: fixed; top: 0; right: 0; height: 52px; width: > 48px; margin: 8px 2px 0 2px; } > #corner_bl { position: fixed; bottom: 0; left: 0; height: 48px; width: > 52px; margin: 2px 0 2px 8px; } > #corner_br { position: fixed; bottom: 0; right: 0; height: 48px; width: > > 48px; margin: 2px; } > > img.corner_graphic { height: 44px; width: 44px; } > > > #content { text-align: center; margin-top: 3%; } > > a { font-size: 1.2em; font-weight: 500; color: #ffffff; text-decoration: > none; } > a:hover { color: #ffddbb; text-decoration: underline; } > > h1 { font-size: 1.3em; font-weight: 600; color: #ffbb00; } > h2 { font-size: 1.1em; font-weight: 500; color: #ffff00; } > h3 { font-size: 1.0em; font-weight: 400; color: #cccccc; } > h4 { font-size: 1.1em; font-weight: 500; color: #882200; } > > #rules_title { text-align: center; text-decoration: underline; > font-size: 0.9em; font-weight: bold; line-height: 200% } > #rules_content { text-align: left; margin-left: 20%; font-size: 0.9em; > line-height: 150% } > </style> > </head> > > <body> > <div id="border_top"></div> > <div id="border_left"></div> > <div id="border_right"></div> > <div id="border_bottom"></div> > > <div id="corner_tl"><img class="corner_graphic" > src="images/cc_cg_tl.gif" alt="" /></div> > <div id="corner_tr"><img class="corner_graphic" > src="images/cc_cg_tr.gif" alt="" /></div> > <div id="corner_bl"><img class="corner_graphic" > src="images/cc_cg_bl.gif" alt="" /></div> > <div id="corner_br"><img class="corner_graphic" > src="images/cc_cg_br.gif" alt="" /></div> > > <div id="content"> > <h1>Welcome to Drekland: Age of Chivalry!</h1> > <h2>This is the Crazy Canucks Gaming Community official server.</h2> > <h3>We are always open to new members. > <br />If you would like more information please visit:</h3> > <a > href="http://www.crazy-canucks.com/cc_details.html";>www.crazy-canucks.com > </a> > <br /><br />----------------------------------------------------- > <div id="rules_title">Server Rules</div> > <div id="rules_content"> > <b>1.</b> Have fun!<br /> > <b>2.</b> Treat your fellow warriors with respect.<br /> > <b>3.</b> Please keep the server healthy for > families. Keep the foul language to a minimum. > </div> > <br />----------------------------------------------------- > <h4>Friendly Fire is ON!</h4> > </div> > </body> > </html> > > > > > Crazy Canucks wrote: > > Patrick, don't spend any time on this, I think I've got it sorted. I'm > > deleting the images from my ftp. I needed to move the images in 6 > > pixels from the edge of the window for some reason. Now that I've done > > that, they display properly. They aren't exactly in the corners > > anymore, but they might look better even discounting the distortion. > > > > For anyone who faces the same issue, here is the relevant code: > > > > [style] > > #border_left { position: fixed; left: 0px; top: 0px; bottom: 0px; width: > > 6px; background: #442200; } > > #border_top { position: fixed; left: 0px; top: 0px; right: 0px; height: > > 6px; background: #442200; } > > #border_right { position: fixed; top: 0px; right: 0px; bottom: 0px; > > width: 6px; background: #442200; } > > #border_bottom { position: fixed; left: 0px; bottom: 0px; right: 0px; > > height: 6px; background: #442200; } > > > > #corner_tl { position: fixed; top: 0px; left: 0px; height: 50px; width: > > 50px; margin: 6px 0px 0px 6px; } > > #corner_tr { position: fixed; top: 0px; right: 0px; height: 50px; width: > > 48px; margin: 6px 2px 0px 2px; } > > #corner_bl { position: fixed; bottom: 0px; left: 0px; height: 48px; > > width: 50px; margin: 2px 0px 2px 6px; } > > #corner_br { position: fixed; bottom: 0px; right: 0px; height: 48px; > > width: 48px; margin: 2px; } > > > > img.corner_graphic { height: 44px; width: 44px; } > > > > [body] > > <div id="corner_tl"><img class="corner_graphic" > > src="images/cc_cg_tl.gif" alt="" /></div> > > <div id="corner_tr"><img class="corner_graphic" > > src="images/cc_cg_tr.gif" alt="" /></div> > > <div id="corner_bl"><img class="corner_graphic" > > src="images/cc_cg_bl.gif" alt="" /></div> > > <div id="corner_br"><img class="corner_graphic" > > src="images/cc_cg_br.gif" alt="" /></div> > > > > Good lord what a pain in the ass that one was. One small window's worth > > of code and it ended up sucking up two full days... > > > > Anyway, thanks for trying to help. > > > > Drek > > > > Crazy Canucks wrote: > > > >> I should add, the motd works perfectly in a normal IE browser window. > >> It's only in game that I have the problem with the images being offset. > >> I can only guess that IE uses a different browser engine for that kind > >> of functionality. Maybe one that is based on older code because I know > >> from doing some research that others have had this same problem with > >> older versions of IE. > >> > >> Drek > >> > >> Crazy Canucks wrote: > >> > >> > >>> *link to images* > >>> <http://www.crazy-canucks.com/images/public/motd_corner_images.zip> > >>> > >>> Thanks, you don't know how much I appreciate this. > >>> > >>> I wasn't originally positioning the body. I did that so I could change > >>> the positions for the images from fixed to absolute. I had no better > >>> luck with fixed posistions. Both the code and the css validate. At > >>> that point I wasn't concerned with it being pretty or optimized, I was > >>> just trying to get it to work. > >>> > >>> Just in case the link above doesn't work: > >>> > >>> http://www.crazy-canucks.com/images/public/motd_corner_images.zip > >>> > >>> Drek > >>> > >>> Patrick Shelley wrote: > >>> > >>> > >>> > >>>> Without loading this into dreamweaver, i'd try adding px to ALL your > >>>> measurements: > >>>> > >>>> #border_left { position: absolute; left: 0; top: 0; bottom: 0; width: > >>>> 6px; background: #442200; } > >>>> > >>>> Should read: > >>>> > >>>> #border_left { position: absolute; left: 0px; top: 0px; bottom: 0px; > width: > >>>> 6px; background: #442200; } > >>>> > >>>> I aslo wouldnt bother with positioning the body in css. I'll load it > up in > >>>> DW later, send me a lin to the images also if poss > >>>> > >>>> Pat > >>>> _______________________________________________ > >>>> To unsubscribe, edit your list preferences, or view the list archives, > please visit: > >>>> http://list.valvesoftware.com/mailman/listinfo/hlds_linux > >>>> > >>>> > >>>> > >>>> > >>>> > >>> _______________________________________________ > >>> To unsubscribe, edit your list preferences, or view the list archives, > please visit: > >>> http://list.valvesoftware.com/mailman/listinfo/hlds_linux > >>> > >>> > >>> > >>> > >> _______________________________________________ > >> To unsubscribe, edit your list preferences, or view the list archives, > please visit: > >> http://list.valvesoftware.com/mailman/listinfo/hlds_linux > >> > >> > >> > > > > > > _______________________________________________ > > To unsubscribe, edit your list preferences, or view the list archives, > please visit: > > http://list.valvesoftware.com/mailman/listinfo/hlds_linux > > > > > > > _______________________________________________ > To unsubscribe, edit your list preferences, or view the list archives, > please visit: > http://list.valvesoftware.com/mailman/listinfo/hlds_linux > _______________________________________________ To unsubscribe, edit your list preferences, or view the list archives, please visit: http://list.valvesoftware.com/mailman/listinfo/hlds_linux
