7 replies to this topic

[Botjeman]

I have a problem whit dreamweaver. I use HTML to make my own website (webbie ). I use layers to make the places where i can put my photoshop made pictures in (the border, header, footer etc.) Because I can't figure out how to use tables. But that's not the problem...

when I for instance insert my navigation bar and I save it as a .htm file everything is good. But when I look if everything is good and i move my mouse over the navigation bar I get a little copy menu in the top left site of my navigation bar. The same as when you wan't to copy a photo from a website or something. But I just want is a my website layout. Not as a picture you can easily copy.

can someone tell me what i'm doing wrong ?

[Sherm]

your whole html file is one big image is what you're saying?

Did you break up your image before putting it into your html file?

I'm not completely understanding what you're trying to do, some code would probably help. Also, I'm not completely sure, but I don't think layers always act the same way in IE as they do in firefox so you might want to steer clear of using them for layouts and try to use divs and css instead

[Botjeman]

Sherm, on Jan 30 2006, 05:48 PM, said:

your whole html file is one big image is what you're saying?

Did you break up your image before putting it into your html file?

I'm not completely understanding what you're trying to do, some code would probably help. Also, I'm not completely sure, but I don't think layers always act the same way in IE as they do in firefox so you might want to steer clear of using them for layouts and try to use divs and css instead

1: no, it's not 1 big image. I have made several parts. So I have several images. So that can't be the problem.

2: Divs and CSS are coding stuff arn't they?

a little extra explanation. When I go over one of my images in my saved HTM file I get the copy bar in the upper left corner of that image. I will add a screenshot so you can see what I mean. The problem is at my mouse

[Jaymz]

I believe you're referring to the little shortcut bar that appears when you hover over an image in Internet Explorer. I don't think there's any way to disable that, but I could be wrong.

[rc69]

Yes, there's a way to disable the picture bar, but that's not the question either.
What you need to do is not use the <img> tag to create a space for the image, but use CSS's background, height, and width properties.
i.e.

<div style="background-image: url(foo/bar.gif); width:100px; height:50px;"></div>

note: i did use "background-image" and not "background" simply because i only use the latter of the two when specifying multiple attributes for the image (i.e. position/repeat values).

[Botjeman]

I'm probable pritty dum... because till now I thought I also just put my image in whit the design view. I see that that isn't the best way....

then can someone tell me where to start learning? At the dreamweaver tutorials or at the HTML-tips and triks or something else...

[DanWilliamson]

Hey,

If your a newbie to tables and coding layouts in Dreamweaver use www.SlicingGuide.com

- Dan

[rc69]

Before you try to tackle the SlicingGuide or CSS, i would recommend learning html. Simply because with out html, css is useless, and the SlicingGuide is huge.
http://www.pagetutor...tutor/makapage/ <- best html tutorial i've come across.

Once you've gotten the basics of html, it should be more obvious as to how you would use dreamweavers code view (yes code, not design).

Edited by rc69, 31 January 2006 - 05:57 PM.