OK I got it working. If anyone is following this post here is how I got it to work.
CSS
#box_wrapper {
position: absolute;
left: 72px;
top: 240px;
width: 169px;
}
a.box1, a.box1:visited
{
background: url(images/6boxes_1.gif) no-repeat;
position: relative;
float...
I know that it's easier to look at something to figure it out than have someone tell you about it, so I've put a mockup online at:
http://jimsgotweb.com/mouseover.html
In FireFox and Netscape the image changes and the "Portfolio" image shows next to it. I'd appreciate you looking at it and try...
OK, i've been able to get it to work in NN and FF but not IE.
Here is what I've got.
CSS
#box_wrapper {
position: absolute;
left: 70px;
top: 240px;
width: 169px;
}
a.box1, a.box1:visited
{
background: url(images/6boxes_1.gif) no-repeat;
position...
I have one image that on mouseover it needs to change and a third image also needs to become visible. I have the first and second images working fine but I can't figure out how to make the third image to become visible.
Here is my CSS for the 2 images:
#box_wrapper {
position: absolute...
Oh, so the font-size:0 gets IE to set the spacing right! Thanks Vragabond, for helping me out. I wish I could show my appreciation more, but here's a star.
TechNoKnow
Once upon a midnight dreary, while I pondered, weak and weary, over many a quaint and curious volume of forgotten code.
Vragabond, thanks. I've tried what you said, I think, and it works in FF and NN but doesn't show the link in IE.
the HTML
<div id="navLines">
<a href="Link1.html" class="company_link"></a>
</div>
and the CSS:
#navLines {
background: url(images/nav_table.gif) no-repeat;
position...
Sorry,
http://jimsgotweb.com/companyWorking.html
Once upon a midnight dreary, while I pondered, weak and weary, over many a quaint and curious volume of forgotten code.
Nope, thanks Billy, but I just didn't paste it correctly. Here is a link to the simple code, just 3 images. The "company" should be in the first box and "portfolio" in the second. It views correctly in FireFox1, Netscape7.2, Opera7.5 but not IE6. Can anyone tell me why?
TechNoKnow
Once upon a...
I have an image, "nav_table.gif" that I'm trying to get the text link images "companyLink.gif" and "portfolioLink.gif" to line up on top of. The links should be on the first 2 lines. No big deal right? It looks right in FF but not in IE 6. Here is the HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD...
Thanks for your replies. I've tried the css solution and it works great. All of the other images are moving too when the box expands but I'm sure that is something I can fix.
Thanks Vragabond.
TechNoKnow
Once upon a midnight dreary, while I pondered, weak and weary, over many a quaint and...
I'm working on a website that was designed with a box that has a width of 360px and a height of 310px. The content that will fill the box is static html but will be different for each page. Some of the pages will require that the height of the box expand for the content, the width will remain...
Thanks everyone for all of your insights.
I've been using absolute positioning with my images and have noticed that early versions of IE has a problem with them.
I think that I'll try using floated elements with relative positioning to see what kind of effects I can achieve.
Thanks for your...
Hi, a few questions.
I've read in the forum that absolute positioning should be avoided. Could someone explain why?
I've got 12 images that I'm aligning.
What would be the best way to do this?
Should I use DIV tags or P tags?
Should I use a container or wrapper to enclose elements, why?
Thanks...
Well, I got it to work but I'm not sure how.
I worked with the OBJECT tag and it started working.
Thanks for your time Vragabond. Here is the OBJECT tag now:
<div id="topFlashWrapper">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"...
It doesn't display at all in IE. It displays in FF and NN.
In IE if you view the movie from the published file it shows fine, here is the source:
<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
<TITLE>topFlash</TITLE>
</HEAD>
<BODY bgcolor="#FFFFFF">
<!--...
Thanks blueark, I'll give that a try.
Tech
Once upon a midnight dreary, while I pondered, weak and weary, over many a quaint and curious volume of forgotten code.
Yes, I'm using the alt tag for the browsers that can't display images.
It seems like I remember that there was is way to use the image once in the html with the alt tag and then reuse it with css? No?
Thanks,
technoknow
How do you add the "alt" text to an image if you are using:
#MainText { background: url(images/MainText.gif) no-repeat; }
in your css, and:
<div id="MainTxtTop"></div>
in the HTML?
Thanks,
technoknow
I know this post is old but I ran across a site:
http://www.buildingastore.com/1/
The 1 can be replaced with any number.
If you click on any of the keywords if takes you to the same page:
http://www.buildingastore.com/
This is spamming right? Why would someone go through all of the trouble to...
This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
By continuing to use this site, you are consenting to our use of cookies.