login about faq


Hello the people of Lockergnome! I have been trying to get the hang of dreamweaver for the past 9 hours and i have not gotten anywhere with it! Everything just looks like HTML stuff (as i cannot position the images!). I want to position the images in a cretin area but according to Dreamweaver i cannot do that! The header is not completely at the top so there is a gap that shows the background. And then there is my image in the center that i want in a cretin position! HELP! Any one know any good tutorials that could help me? Thanks Lockergnome!

asked Oct 17 '10 at 19:31

Vancar6's gravatar image

Vancar6
1.4k150160173

I do not like using Dreamweaver for this reason.. :\

(Oct 17 '10 at 19:48) matt31894 matt31894's gravatar image

I know! What poor excuse for software!

(Oct 17 '10 at 19:54) Vancar6 Vancar6's gravatar image

Put this in the CSS for the image:

(Name of what you want) {
position: absolute;
left: 0px;
top: 0px;
right: 0px;

answered Oct 17 '10 at 22:28

Josh_M's gravatar image

Josh_M
2.7k61551

edited Oct 17 '10 at 22:30

Example:
<style type="text/css">
<!--
.ban {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
z-index: 2;
-->
<div class="ban"><img src="Banner.jpg" width="100%" height="200"/></div>

Edit: I guess I should clarify. You need to specify what kind of positioning you want, either absolute, relative, fixed, or static. I prefer Absolute because you tell the image exactly where to go. Relative puts it wherever it wants and then you adjust it from there. It's kind of a pain. You also need to specify your Z-index or your objects won't appear how you want them to if you have them occupying a similar space. The program isn't really junk because you have the same problem if you just use Notepad.

(Oct 17 '10 at 22:31) Josh_M Josh_M's gravatar image

If you know how to write HTML correctly you won't have to deal with the z-index property. Also, if you know how to use CSS correctly you would be able to use relative and absolute positioning without running into troubles. All you need to do is set the parent element to position:relative and any child element to position:absolute and that will make all child elements position relative to the coordinate plane of the parent element.

(Oct 17 '10 at 22:52) recck recck's gravatar image

Can i do this with flash?

(Oct 18 '10 at 04:30) Vancar6 Vancar6's gravatar image

If you aren't getting the hang of Dreamweaver, I wouldn't suggest going to Flash.

(Oct 18 '10 at 06:28) boba0420 boba0420's gravatar image

You can't do what I said in Flash, but the same thing can be accomplished. Flash and Dreamweaver are different programs, but they have a few similarities. After you place all of your objects in Flash, you will start using actionscript to tell each object that you want to do something, what it needs to do. There is a menu that you can pick the actionscript and it puts it in automatically.

(Oct 18 '10 at 09:25) Josh_M Josh_M's gravatar image

Have you learned HTML yet or are you trying to? I would suggest this site if you haven't: W3Schools. They also have pretty good CSS tutorials

(Oct 18 '10 at 10:27) Josh_M Josh_M's gravatar image
showing 5 of 6 show all
Your answer
toggle preview

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here

By RSS:

Answers

Answers and Comments

Markdown Basics

  • *italic* or __italic__
  • **bold** or __bold__
  • link:[text](http://url.com/ "title")
  • image?![alt text](/path/img.jpg "title")
  • numbered list: 1. Foo 2. Bar
  • to add a line break simply add two spaces to where you would like the new line to be.
  • basic HTML tags are also supported


Join Us in the Chat Room

Tags:

×121
×21
×3

Asked: Oct 17 '10 at 19:31

Seen: 672 times

Last updated: Oct 18 '10 at 10:27