Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Placing images into Dreamweaver / AP Div
Old 11-25-2009, 06:18 AM Placing images into Dreamweaver / AP Div
Super Talker

Posts: 142
Name: William
Trades: 0
Hi forum members,

I feel ignorant my first post being a beg for help, I hope you forgive me.

My problem lies in dreamweaver, I know a little coding, I could use html but I like the fact I can make my content for my webpage in a seperate text document and keep my CSS off-page

I was just hoping someone could tell me
What each of the positions do
(absolute, Relative etc.)
and perhaps a better way to more accurately place images than using a div tag
I am doing it for my college project.
UUilliam is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 11-25-2009, 09:16 AM Re: Placing images into Dreamweaver / AP Div
Bertjeuh's Avatar
Average Talker

Posts: 25
Name: Bert Van Leemput
Trades: 0
http://www.w3schools.com/Css/pr_class_position.asp

Here is explained what relative, absolute, etc means.
I think a div is the best way to place images if you know something from css.

Why is this in a php forum? Isn't it CSS / HTML?
__________________
There Are Only 10 Types of People in the World: Those Who Understand Binary, and Those Who Don't.
Bertjeuh is offline
Reply With Quote
View Public Profile
 
Old 11-25-2009, 05:25 PM Re: Placing images into Dreamweaver / AP Div
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,519
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
Quote:
I think a div is the best way to place images if you know something from css.
Why?


just place the images directly into the document
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 11-26-2009, 11:22 AM Re: Placing images into Dreamweaver / AP Div
Bertjeuh's Avatar
Average Talker

Posts: 25
Name: Bert Van Leemput
Trades: 0
And if it has to be right aligned or something else?
__________________
There Are Only 10 Types of People in the World: Those Who Understand Binary, and Those Who Don't.
Bertjeuh is offline
Reply With Quote
View Public Profile
 
Old 11-26-2009, 11:36 AM Re: Placing images into Dreamweaver / AP Div
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,519
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
then set it to the right, just the same as you would with any other element
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 11-26-2009, 03:16 PM Re: Placing images into Dreamweaver / AP Div
Super Moderator

Posts: 1,576
Location: Kokkola, Finland
Trades: 1
"Why is this in a php forum? Isn't it CSS / HTML?" er, this is the css forum
davemies is online now
Reply With Quote
View Public Profile Visit davemies's homepage!
 
Old 11-26-2009, 04:03 PM Re: Placing images into Dreamweaver / AP Div
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,519
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
Ah! but it wasn't
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 11-28-2009, 11:35 AM Re: Placing images into Dreamweaver / AP Div
Super Talker

Posts: 142
Name: William
Trades: 0
Thankyou, From the looks of that document, I will be going with fixed position

I cant just add the images, the way I sliced it, I have one image longer than the other that need to go side by side thus causing the image that is shorter to create a gap above it (uhm, I hope you understand what I mean, I am relatively new to coding itself, I can re-code an already coded layout, however cannot really code my own layout from scratch - correctly atleast :P

The reason I use AP Divs is because it allows me to move the image anywhere in space and its the only way I know to add text ontop of an image.
I will be coding (I know its tacky but its only for college and it is for a Security electronic website... which really isnt flashy unless you can use a flash template, which I cannot make.) this layout (for anyone who wishes to see) http://i238.photobucket.com/albums/f...g?t=1259422175

realy all I am slicing is the logo, the nav bar and the side bar + box and the content bar (all with no text fyi.)
obviously Ill constrain the text to the area specified using an AP Div to make sure it doesnt gor any further right / left than I want it to and the overflow would be set to visible
but on the side box it will be set to hidden
UUilliam is offline
Reply With Quote
View Public Profile
 
Old 12-03-2009, 10:30 AM Re: Placing images into Dreamweaver / AP Div
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Quote:
The reason I use AP Divs is because it allows me to move the image anywhere in space and its the only way I know to add text ontop of an image.
Well, all that absolute positioning is asking for trouble with IE, and it's also not the best way to lay out a page. As a general rule, if an image is just part of the DESIGN, it should be put in as a BACKGROUND, which allows you to then put text 'over' ANY image. If the image is integral to your CONTENT, then put it in the HTML.

That layout is really simple, and you shouldn't need any AP divs at all to achieve it. Learn to use the normal document flow and floats, and you'll be much better off in the end.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Placing images into Dreamweaver / AP Div
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 1.05625 seconds with 12 queries