for those who use dreamweaver...

[yoyoloco]

hey guys i got a problem here using dreamweaver...
its just when i put an image in my page i cant move it freely where i want to, dreamweaver itself put its somewhere else, any properties that i need to change or something?
Thanks!

[Bytes]

Please give us a posting of your URL for the web page in question or a copied portion, posted here in the thread for us to review.

Regards,

[yoyoloco]

http://animefreak.atspace.com/
is a simple ... web page, am learning
but with every image that i try to copy-paste or drag or anything, the same thing happens..... i just want to move it freely like i do in frontpage..
Thanks.

[Bytes]

Wow! In many ways you’re trying to compare a Ferrari (DreamWeaver) to horse and buggy (FrontPage).

What I’d recommend, since it’s a straight forward web page you’re attempting and you’re beginning your html experience; learn to do things correctly with DreamWeaver. It will take you longer, but you’re 100 time more powerful.

[yoyoloco]

but do u know how to solve my problem?
thanks

[the tree]

A quick trick I learnt from the 1 hour of my existance that I spent using DW, jump into code view and add this into the image tag in question: style="position: absolute; left: 50px; right: 50px;" then jump back into WYSIWYG view and you should be able to drag the image around.
This might have an adverse affect on the rest of your layout though.

[yoyoloco]

it works!! thank u very much :D:D:D
cya later

[yoyoloco]

i think there must be another way of doing it, anyone knows?
and yes it affects my layout, now the image stays in top of everything....
thanks anyways

[the tree]

Honestly, the best thing to do would be to learn to create a well structured page that doesn't use cheap hacks to put things into place.

Design what you want on a peice of paper and then think about how you're going to describe this to a browser, think distances from the edges of containing elements.

Good luck.

[sta12s]

Everyone on this board is gonna let me have it for this one but I think it will help you learn - keep in mind this isn't the way you SHOULD do everything - it's just a way for you to learn

Try making a table then placing things where you want them inside this table. Dreamweaver has a table function. Go to Insert>Table - then a dialog box will pop up asking you how many "cells" you would like (rows and columns). Switch dreamweaver into "Split" view mode so you can see what is happening in the code area as you make changes in the view area. Once you see what is happening in the code, you can go into the direct code to edit things and play around a lil with it to see what does and doesn't work. Once you get the hang of tables, you can move on to DIV's - which are a little more complicated, but also much more powerful and flexiable, and once you get used to using tables, div's will be cake!

Also, check out CSS sheets - that's the next thing you'll want to learn.

Do research and ask questions - also pick up a good book.

Good luck loco!!

[yoyoloco]

ok, im using tables now... but there another problem :(
once i make the table i can resize and all, BUT i cant move it around? wtf...
plz help me :).
and also sta12s said to get a book, i think its a good idea, but is there any one in special that is good?
thanks!!
---btw de donde eres LOCO!!

[sta12s]

When you say move it around -
do want to move it to the left, right, center?
Or do you want to move is a lil this way and a lil that way?

Also, i checked your code out buddy and you need to do is
1. Combine your two tables like dis;
</tr>

</table>

<table width="802" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
it should look like dis;

</tr>
<tr colspan="2">

The 'colspan' tells the cell to expand to the '2' cells above it.

Also, you need to change your table width from 774 to 842 - that should line things up.

When your top table is smaller then your bottom table it will throw things off. You gotta make sure that everything matches in your code - otherwise things wont line up right. Also I noticed in your code that your images are larger the cell size;

<td width="254"><img src="images/topleft.jpg" width="503" height="77">

Make sure these numbers are the same - the image will override the td width, keep that in mind.

And real quick
<table> declares da data
<tr> declares da row
<td> declares da data cell

You don't have to close out a table to have a new row. example;
<table>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>

That table will have 3 rows with one cell in each row (3 cells total).


I haven't found a good book yet, but check out your library b4 you go out and spend 50 bucks on a book - there are 100 that suck to every one that is ok.

Good luck mijo - Sta12s

------------

Soy de los Estados Unidos - pero mi Mama es de Cuba y mi Papa es de Venizella. Y tu? Pardona me Espanol - soy un weda ... lol

[the tree]

A great book is Designing with web standards (http://www.zeldman.com/dwws/) by Jeffery Zeldman.

Anyways, tables aren't meant for layout but if they are making things easier for you then they're alright in moderation I guess.

Give this page a try though, you might find it easier to manipulate.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Naruto</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
h1{
width: 842px;
margin: 0;
padding: 0;
text-align: center;
background-color: #f00;
}
h1 img{
width: 503px;
height:77px;
}
img#Navigation{
display: block;
width:842px;
height:35px;
}
div#content{
width: 842px;
border-left: 7px solid #f00;
padding: 5px;
}
-->
</style>
</head>
<body>
<h1><img src="http://animefreak.atspace.com/images/topleft.jpg" alt="Naruto"></h1>
<img src="http://animefreak.atspace.com/images/navbar.jpg" id="Navigation">
<!-- I assume you're planning to put some image mapping here -->
<div id="content">
<p>This is a site: it's a site about something! Something, something, something, something! Something is a wonderfull thing. Something, something, something, something!</p>
</div>
</body>
</html>

[sta12s]

Nice layout Tree

[yoyoloco]

ty guys :D
that info was really helpful
cya later.
and when i say to move it is like: when u insert an image in word that u can drag it anywhere u want. thats what i mean.

[sta12s]

There is no dragin' in real coding yoyo - that's like tellin your mechanik to drag in some flow masters for ya, it doesn't work like dat ;)

[the tree]

and when i say to move it is like: when u insert an image in word that u can drag it anywhere u want. thats what i mean.And that is because the MS Word format is an entirely different concept for an entirely different purpose to HTML.
An MS Word document starts with a known paper size, to create something that gets sent to your printer without an ounce of ambiguity about where every single pixel goes. The web doesn't work like that, you don't know what browser your visitors will be using at what resolution with what screen size and all types of other settings. So it's nessersary to describe the structure and meaning of your page, not the position of every damn pixel.

[sta12s]

How old are you tree - "Concept" "purpose" "ambiguity" - feels like I'm suck in a gramicatally correct episode of the twillight zone!!!

lol

[the tree]

17, but longer words make for shorter clauses.

[sta12s]

Well, in that cause you could have omittied the "but"

I'm just teasin - you're a smart kid - keep up the great advice!

[the tree]

Well I was already ommiting "I am" and "you present a valid point", there's a limit to how much you can ommit (not that it's a clear cut line "This sentence: no verb.").

[sta12s]

Verbs sherbs!!! LOL

[yoyoloco]

omg lol?

[yoyoloco]

one question how do u guys learned html and all that stuff?(just wandering) :P

[sta12s]

Veiw -> Page Source

Dat's it! ;) But then again that was 10 years ago ....

[yoyoloco]

hehe

[tylivia]

Everyone on this board is gonna let me have it for this one but I think it will help you learn - keep in mind this isn't the way you SHOULD do everything - it's just a way for you to learn.........



Don't feel ashamed offering advice for the use of tables. They seem to be a "dirty word" in web design, but they are still very useful when laying out websites.

Tables will never...let me repeat...never be deprecated...and among some top web designers in big time firms...they still use and often advise the use of tables.

Tables are easy, time efficient, and a great way to kick-off the first version of a site...especially when pressed for time. I commonly do this with clients and not one of them have complained with the look and functionality. Once I have their site up and running for a while, I will than create a 100% CSS based design (no extra charge of course)...if it is necessary.

Listen, all of us who have been around for a while know the power of CSS and I agree that it is a great way to lay out a site, is more compliant with web standards and cross-platform browsers, but don't think that CSS is the Holy Grail. It's just another way to create a site layout. In fact, I commonly use the combination of CSS and tables. When done right, the pages are consistent with any browser.

I'm not singling you out, sta12s, I'm actually very pleased to see someone agree that there is no harm in utilizing tables, when warranted.

In closing, yes...CSS is more clean, more scaleable, easier for global editing, but all of us should remember that sometimes going back to the basics of using ole' fashioned html tables ain't so bad either. Let's not place barriers on what we can or can't do, but rather do what we can well and continue to learn and improve our skill sets.

Regards,

Har

P.S. This website is by far, the most helpful and skilled community on the web. I am grateful for all of the advice, hints and help I have found from all of you!

[sta12s]

Well said Har!!