Here is the CSS that is applied to a div:\n.example {position: absolute;  left: 0; right: 0; margin-left: 150px; background: yellow; border: 1px solid black;}\n\nThe background and border are just so you can see the effect... I want it to look like it does on Firefox, but on IE version 7 (in strict mode), the box extends 150px to the right of the browser window.
119461
It sounds like IE have not repaired their box level implementation.\nYou are defining the areas being 100% width (though its a very wacky way of doing it) and then you are adding a margin of 150px to the left edge.\nIE always used to mess up the margins and add them to the size of the div area hence one of the big problems when trying to code cross browser.\nWhy dont you just use:\n\nbody{margin;0px;padding:0px}\n.example{margin-left:150px}\n\nJust an idea ;O)\n\n-----\n\nFollowing on...\n\n.example{position:absolute; top:10px; margin-left:150px}\n\nThat will give you the top and left margins (per se) Why not just add a 10px top margin?\nThe absolute positioning will always start from 0,0 and seeing as a div area is a block by definition it always uses 100% of available screen width without you having to tell it.\n\nThrow us the URL you are working on and let us take a peek and see if we can spot something you may have missed ;O)\n\nOh, sometihng I forgot. Using absolute poitioning will not position it relative to another element, it will position it relative to the whole screen.
9281
Hey that was interesting to find that out.\n\nHere's there CSS code used to do this.\n\nhtml>img /* autoscroll override for Firefox */\n{\nwidth: 0!important;\nheight: 28px!important;\npadding-left: 28px!important;\nbackground: url(/images/icons/autoscroll2.png);\n}\n\nThis is extracted from their CSS file: http://www.sitepoint.com/css2/standard.css?ref=-241184851\n\nDisclaimer: All the content/code mentioned above are from sitepoint.com and all rights are associated with them. I have basically posted a publicly viewable section from their website. Who knows, why risk? ;-)\n\nUpdate: I tried it. It works like a charm.\nI guess, width,height,padding, url - all are obvious.
50879
Its an awkward one because of the browser differences (why does everything come down to this???)\n\nDefine both the colour and the background at the same time\n<hr style="color:#f00; background: #f00">\nas apparently IE uses the color attribute and mozzilla (ghecko I presume) browsers use the background attribute.\n\nAck.. Go take a peek at the link site ;O)\n\n-----------\n\nWell if you want to use style sheets then create a new file called css.inc (or whatever you want it to be called) and place it in your directory with the following code in it.\n\nhr{color:#f00;background:#f00}\n\njust that line, nothing else needed except other style commands if you want to use them.\n\nThen in the <head></head> area of 'all' your pages put\n\n<link rel="stylesheet" href="/css.inc" type="text/css" />\n\nThis is the best way to control an entire site to keep all your pages following the same style/rules.\n\nYou could even go so far as to put another command in the line to give the stylesheet a title\n\n<link rel="stylesheet" href="/css.inc" type="text/css" title="Main style" />\n\nwhich would then show up in browsers when selecting a stylesheet to use.\nA further step on from this would then be to create alternate styles and looks that a user can choose between by using\n\n<link rel="alternate stylesheet" href="/css2.inc" type="text/css" media="all" title="A different look" />\n\nbut this is probably getting into the realms of tmi ;O)
529648
You've done well, you're nearly there.\n\n<style type="text/css">\n<!--\na:link {\ncolor: #990000;\n}\na:visited {\ncolor: #990000;\n}\na:hover {\ncolor: #CC6600;\n}\na:active {\ncolor: #990000;\n}\na.style1:link {\ncolor: #33CC33;\n}\na.style1:visited {\ncolor: #33CC33;\n}\na.style1:hover {\ncolor: #CC6600;\n}\na.style1:active {\ncolor: #33CC33;\n}\n-->\n</style>\n\nThat's what you need to have in your style declaration.  Instead of using the class .style1 you've created separately, you need to create some new instaces of the anchor tag using .style1 by use of the syntax above.\n\nI hope that makes sense.  You can then remove your class .style1 from the first link and they'll both be different.\n\nIf that's not what you're trying to do - post an update to your question and I'll take another look.\n\nAll the best!
615775
Sounds to me like it is actually an active desktop item. Left click on it and a border may appear. Then x it
427869
It is because your Screen Resolution. \n\nSimply right click on your desktop (not the icon) --> click "Properties" --> click "Setting" tab --> At "screen resolution", move the amount to 800x600 or 1280x800 depend on what you usually use.\n\nThen click "Apply". Usually it will give you a preview so you know how thw desktop look like.
86897
Hi, when you goto the style area (customization) they give you a style sheet you can add or alter.\n\n A CSS Style sheet is a *style* to a page. So you have to learn CSS to do this.\n\nBut for instance where you se\n<div id="header">\n\nThe Style sheet that referes to it is this (for one dsign)..\n  #header {\n    width:660px;\n    margin:0 auto 10px;\n    border:1px solid #333;\n    }\n  }\n\nNow thats how you change the header... IF you wanted to add a background or a picture in hte header just add\nbackground: url(http://com/image.jpg) no-repeat;\n\nIts not that hard once you know it... It is pretty cool\nYou have to know somehting about style sheets
352870
A number of posibilities\n\n1) Put the links on the left in an iframe - the advantage being that you can keep them fixed on the page while the main body of the page scrolls... (or, have the links on the main page and the body in an iframe... same difference)\n\n2) Create a two-column table, with the links on the left and the main page on the right.\n\nOh, and I know this is really not my business, but the background image really did nothing for me at all, from an aesthetic point of view.\n\nAs far as actual HTML code goes... try this:\nhttp://www.w3schools.com/html/html_tables.asp\nhttp://www.hypergurl.com/iframe.html
49400
CSS2 is a newer version and added some new pieces when the technology was able to support what they wanted to do with it.\n\n"\nCSS level 2 revision 1 (“CSS 2.1”) contains all of CSS level 1 and adds absolutely positioned elements, automatic numbering, page breaks, right to left text and other things. At this moment, February 2004, it is a Candidate W3C Recommendation.\n"\n\nAnd replacing css with javascript?? get rid of any ideas for doing this before your web career takes a nose dive.\n\n(waits for questions about CSS3 lol)
227239
I think it didn't work because you left your style tag open.\n\n**For the average user**\n\n\nPLACE EACH CODE IN THE CAPTIONS TO EACH PICTURE\nEnter individual style codes small enough to fit in each picture\ncaption, you can find the edit caption section through the Upload /\nChange Photos link on your homepage..\n\nFor a background picture:\n<body background="http://tinyurl.com/ENTER YOUR PIC URL INTO THIS SITE AND PLACE THE URL HERE">\n\n*You can also use tinypic.com for this..\n\nFor a background color:\n\n<body bgcolor="COLOR_CODE">\n\nTo allow your background picture or color to show up:\n<style>table, td {background:transparent}</style>\n\nTo make the background picture stay put when you scroll:\n<style>body{background-attachment:fixed;}</style>\n\n(If needed) To make your background not repeat:\n<style>body{background-repeat: no-repeat;}</style>\n\nTo make your text visible:\n<style>body, table, td, .text{color:COLOR_CODE</style>\n\n\nTo change the color of the links:\n<style>a:link {color:COLOR_CODE! important;}</style>\n\nTo give the pictures a translucent look in firefox (the .80 variable can be changed as desired):\n<style>body{-moz-opacity:.80;opacity:.80;}</style>\n\nTo give the picture a translucent look in IE (the 85 variable can be changed as desired):\n\n<style>img{filter:alpha(opacity=85);}</style>\n\nOr this code to put a gray filter on all the images in IE:\n<style>img {filter:gray;}</style>\n\nTo take the translucent effect or any other filter off of the pictures when you rollover them with the mouse in IE:\n\n\n\nOr this code to flip the pictures when you hover over them:\n<style>a:hover img{filter:fliph;}\nRemember, with this method, you can only use ten lines of code, and each line must fit fully in the caption box. Make sure each tag is complete (and closed off) before entering the code.\n\nWarning: There is a drawback to coding your photo area this way: each picture will only have the individual code on it when clicked on.\n\n\n\nBy the way, If you want to take the code off your captions: just go to add caption, and leave the area blank, and then submit a blank caption. It will erase any previous caption left, and leave the area blank once more.\n\n\n\nWhen attempting this type of coding: DO NOT LEAVE THE STYLE TAG OPEN..\nCORRECT: <style>code</style>\nBAD: <style>code</style\nBAD: <style>code</\nBAD: <style>code\n\n\nIf you cannot follow simple instuctions, and have left a style tag open:\nview your source on your pictures page (click the link on top of your\nbrowser entitled view, and then source), and find the picture with the\nbadly coded caption. Then message MySpace Helper (using the provided\nlink below) with the url to that picture, requesting them to delete the\npicture.
252180
Hi, by using images for corners is the traditional way doing stuff..\n\nThe modern way if your using CSS1.0 or CSS2.0 is to use the nifty corners technique. No images needed....\n\nTake a look at the nifty cube article at the bottom.\n\n\nAnohter way: \nHTML:\n\n<b class="rbottom">\n<b class="r4"></b> \n<b class="r3"></b> \n<b class="r2"></b> \n<b class="r1"></b>\n</b>\n\nCSS:\nb.rtop, b.rbottom{display:block;background: #f4f4f4}\nb.rtop b {display:block;height: 1px; overflow: hidden; background: #ccc}\nb.rbottom b{display:block;height: 1px; overflow: hidden; background: #ccc}\nb.r1{margin: 0 5px}\nb.r2{margin: 0 3px}\nb.r3{margin: 0 2px}\nb.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}\n\n\nTake a look at my website for an example:\nhttp://www.campusinteractive.com\n\nThat way uses hte border technique to do nice smooth borders :)\n\n\nEnjoy!
476917
In IE 7 you have to look on your right side and you will see where it says PAGE, click on arrow and text size is there :-)
510828
CSS has been mentioned my other posters, but I'd like to go into a bit more detail as to why giving elements an ID attribute is so handy...\n\nSample HTML:\n<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">\n\n<html lang="en">\n<head>\n<meta http-equiv="Content-Type" content="text/html; charset=utf-8">\n<title>Sample layout</title>\n</head>\n<body>\n<div id="Container">\n<div id="Header">\n<ul id="TopNav">\n<li><a href="http://www.microsoft.com/">Microsoft</a></li>\n<li><a href="http://apple.com/">Apple</a></li>\n<li><a href="http://www.adobe.com/">Adobe</a></li>\n<li><a href="http://www.macromates.com/">Macromates</a></li>\n</ul>\n</div>\n\n<div id="Main">\n<p>Main content</p>\n</div>\n\n<div id="Footer">\nCopyright 2006, My Company Inc.\n</div>\n</div>\n</body>\n</html>\n\nOk, so that is fairly straightforward html for a list of links as a navigation bar. Let's make it look nicer with some CSS.\n\nSample CSS:\nhtml {\nfont: 12px/1.6em Arial, sans-serif;\n}\n\n#Container {\nwidth: 500px;\nmargin: 0 auto;\npadding: 0;\n}\n\n#Container #Header {\nbackground: #f3f3f3;\nborder-bottom: 3px solid #09c;\n}\n\n#Container #Header #TopNav {\nfont-size: 1.2em;\nmargin: 0 15px;\npadding: 0;\n}\n\n#Container #Header #TopNav li {\ndisplay: inline;\npadding-right: 5px;\n}\n\n#Container #Main,\n#Container #Footer {\npadding: 0 15px;\n}\n\nTo use this CSS, insert this within the 'head' tag:\n<style type="text/css">\n\n</style>\n\nand put your CSS in between the start and end 'style' tags.\n\nCool! Now it looks a bit tidier with some basic text formatting, the header has also been separated from the main area with a little blue bar. All by targetting the element IDs in CSS.\n\nOk, what else can we do with IDs, other than styling with CSS? How about some javascript?\n\nWith the following javascript I'll get a reference to the "Header" element, then get a reference to all link elements within that. Then I'll add what's known as an "Event listener" to call the "alert" function with that elements URL each time any link is clicked.\n\nSample javascript:\nfunction init() {\nvar topNav,topNavLinks;\ntopNav = document.getElementById('TopNav');\ntopNavLinks = topNav.getElementsByTagName('a');\n\nfor (var i=0; i < topNavLinks.length; i++) {\ntopNavLinks[i].onclick = function(el) {\nalert('My URL is '+this.getAttribute('href'));\nreturn false;\n}\n};\n}\n\nwindow.onload = init;\n\nTo use this javascript, insert this within the 'head' tag:\n<script type="text/javascript">\n\n</script>\n\nand put your javascript within the start and end 'script' tags.\n\nThere you go now. For any future questions I suggest you sign up to the forums at http://www.sitepoint.com/forum/. They have forums for general web design, javascript programming as well as more advanced topics.\n\nGood luck, and have fun!
366222
Using CSS on the image itself is not a good approach. Instead, put the image in a DIV tag, and apply your CSS to that div tag. \n\nFor the image that goes in the div, the previous answer makes a good point...open the image in any simple image utility (IrfanView is good), and size it their first.
388906
Try this one:  Hope this is the one:\n\n<style type="text/css">\nbody{\nbackground-attachment:fixed;\nbackground-repeat: repeat;\nbackground-position:center center;\nbackground-color:000000;}\ntable, td, textarea, a, body, input{background-color:transparent;border:none;border-width:0}\n</style>\n<style type="text/css">\ntd, table {color: 9B9A9A}\n.whitetext12 {color: 9B9A9A}\n.lightbluetext8 {color: 9B9A9A}\n.blacktext12 {color: 9B9A9A}\n.btext {color: 9B9A9A}\n.blacktext10 {color: 9B9A9A}\n.text {color: 9B9A9A}\n.orangetext15 {color: 9B9A9A}\n.nametext {color:9B9A9A}\n.redbtext{color:9B9A9A}\nA:link{color:9B9A9A}\nA:visited{color:9B9A9A}\nA:active{color:9B9A9A}\nA:hover{color:9B9A9A}\na.navbar{color:9B9A9A}\na.navbar:link{color:9B9A9A}\na.navbar:active{color:9B9A9A}\na.navbar:visited{color:9B9A9A}\na.navbar:hover{color:9B9A9A}\na.redlink:link{color:9B9A9A}\na.redlink:active{color:9B9A9A}\na.redlink:visited{color:9B9A9A}\na.redlink:hover{color:9B9A9A}\na.searchlinksmall{color:9B9A9A}\na.searchlinksmall:link{color:9B9A9A}\na.searchlinksmall:active{color:9B9A9A}\na.searchlinksmall:visited{color:9B9A9A}\na.searchlinksmall:hover{color:9B9A9A}\n</style>\n<style type="text/css">\nbody{ background-image: url("http://www.yourspacecorner.com/Layouts/General/834/bg.jpg")}\n</style>\n<style type="text/css">\nbody, html {visibility:visible !important; display:block !important}\n</style>\n<a href="http://www.tweakingmyspace.com" target="_blank"><img src="http://www.tweakingmyspace.com/adsource/cornerTag.gif" alt="Myspace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"></a>
564323
Using CSS 2+, the way to do this is using the "top" and "left" attributes. Do you want this to be in the same location on the screen when you scroll?\n\nIf you want something at the top left corner, of the page (scrolling will move it higher on the screen), you'll want something like this:\n#someid { position: absolute; top: 0px; left: 0px; }\nIf you want this not to move when the page is scrolled, consider something like this:\n#someid { position: fixed; top: 0px; left: 0px; }\n\nThese assume some object on your page with an "id" attribute with a value of "someid". (Note that "0" is not really proper and it should be "0px" instead.)\n\n\nYour CSS is a mess. Here are just some things Firefox complains about these from http://www.triangleeventpros.com/T7/screen.css :\nLine 39: Expected ':' but found '150px'. Declaration dropped.\nLine 41: Unknown property 'halign'. Declaration dropped.\n\nIn /T7/gallery.htm:\nLine 45: Expected URI in @import rule but found ')'. Unrecognized at-rule on error parsing at-rule '('.\nDitto for line 64.\nLine 0: Unknown property 'borderwidth'. Declaration dropped.
96659
Okay, here's my try 2:\n\n<div style="display: inline;">blah</div>\n\nHow about that? It seems to work better than display: table-cell in IE 6, because when you set the width to 0, it forces line breaks after each word (unless, of course, you were to tell it not to do so). Display: inline; just works.