devzero
-
Posts
7 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by devzero
-
Don't have much more time to fiddle now, but i can give you a couple of hints: 1: Make sure there are no whitespace beside the image link. Explorer adds some of that whitespace to the page: <div id="mainhead"><a href="http://www.freewebs.com/"><img id="headerimg" alt="Melbourne Central Logo" src="melb-cent_files/header.jpg"></a></div>2: I'm not sure explorer understands your way of refering to colors (#FFF/rgb(240,240,240) for example) try changing it to using the standard 6 hex way. (#ffffff) or named colors (white/black). 3: One of the "double" lines in your #headlinks is disapearing because its to close to the black content (set bakcground color to white to se what i mean). Use 2 div tags to get the same effect, using margin on the inner one to get a px space between. <div style="border-top:double black 3px"><div style="margin-top:1px">...Good luck.
-
Could you post example code or link to an example? Not sure i understand the problem
-
Try wrapping the content in a table: <table><tr><td><!-- Main Content--><div id="content">
-
Jepp, that worked like a charm. Stupid of me not trying it tho Thank you so much for helping me.
-
I tried doing it within a list, with no diffrence in firefox, could you explain a bit more how you would suggest i do it to remove the spaces between the images? #menuContainer ul { list-style-type: none; margin: 0; padding: 0; height:150px; } </style></head><body><div id="menuContainer" class="menuContainer"> <ul> <li><a href="#" onclick="MenuClicked(0);return false;" class="menulvl_0"><img alt="" class="menuItemImage" src="pictures\image\button_blue.jpg?text=Forside" /></a></li> <li><a href="#" onclick="MenuClicked(2);return false;" class="menulvl_0"><img alt="" class="menuItemImage" src="pictures\image\button_blue.jpg?text=Min%20side" /></a></li> <li><a href="#" onclick="MenuClicked(4);return false;" class="menulvl_0"><img alt="" class="menuItemImage" src="pictures\image\button_blue.jpg?text=Audun" /></a></li> <li><a href="#" onclick="MenuClicked(6);return false;" class="menulvl_0"><img alt="" class="menuItemImage" src="pictures\image\button_blue.jpg?text=Granli" /></a></li> <li><a href="#" onclick="MenuClicked(5);return false;" class="menulvl_0"><img alt="" class="menuItemImage" src="pictures\image\button_blue.jpg?text=Borgjalia%2016,%20B%C3%B8" /></a></li> </ul></div>
-
There are several other ways of doing this also: Set the width of each element : h1{background-color: #00ff00; width:33%;} Use the float property, Then position each element: h1{background-color: #00ff00; float:left;} The simplest way tho, if you can edit the HTML, is use display inline and a BR after each heading.: <html><head><style type="text/css">body {background-color: yellow}h1{background-color: #00ff00; display:inline;}h2 {background-color: transparent}p {background-color: rgb(250,0,255)}</style></head><body><h1>This is header 1</h1><br><h2>This is header 2</h2><p>This is a paragraph</p></body></html>
-
I have several pictures i want to stack verticaly without any space between them (for creating a menu). I have tried to get them to stack without any spacing between, but so far i have had limited luck. They show ok in IE 6 but not in firefox 1.5. The images are 200*40px. Any ideas to how i could solve this? I have removed some scripting on the images that produces a rollover effect. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html><head> <style type="text/css">body {background-color:green;}.menuItemImage{ border: 0px; padding: 0px; margin: 0px;}.menulvl_0 { border: 0px; padding: 0px; margin: 0px; display: block; text-decoration: none;}.menuContainer{ float: left;}.subMenuContainer{ width: 200px; position: absolute; top: 40px; left: 200px;} </style></head><body><div id="menuContainer" class="menuContainer"> <a href="#" onclick="MenuClicked(0);return false;" class="menulvl_0"><img alt="" class="menuItemImage" src="pictures\image\button_blue.jpg?text=Forside" /></a> <a href="#" onclick="MenuClicked(2);return false;" class="menulvl_0"><img alt="" class="menuItemImage" src="pictures\image\button_blue.jpg?text=Min%20side" /></a> <a href="#" onclick="MenuClicked(4);return false;" class="menulvl_0"><img alt="" class="menuItemImage" src="pictures\image\button_blue.jpg?text=Audun" /></a> <a href="#" onclick="MenuClicked(6);return false;" class="menulvl_0"><img alt="" class="menuItemImage" src="pictures\image\button_blue.jpg?text=Granli" /></a> <a href="#" onclick="MenuClicked(5);return false;" class="menulvl_0"><img alt="" class="menuItemImage" src="pictures\image\button_blue.jpg?text=Borgjalia%2016,%20B%C3%B8" /></a></div> <div id="subMenuContainer0" class="subMenuContainer"> <a href="#" onclick="MenuClicked(1);return false;" class="menulvl_0"><img alt="" class="menuItemImage" src="pictures\image\button_blue.jpg?text=Informasjon" /></a> <a href="#" onclick="MenuClicked(3);return false;" class="menulvl_0"><img alt="" class="menuItemImage" src="pictures\image\button_blue.jpg?text=Forside" /></a></div></body></html>