Image Map in a div tag causing problems in webpage
I have an image map in a div tag (I'm using Dreamweaver so
I've place hot spots on a gif within a div tag). When I preview in
a browser the hot spots are creating an empty space between the
image and the div tag below it, which there shouldn't be. Prior to
this I had done the same thing but using layers instead of div tags
and it was fine... there was no unwanted space. What am I doing
wrong?
Hi lauren,
I tried to replicate the above mentioned issue, but did not get the <div> around the image in Webhelp output. Would it be possible for you to provide more information on this:
At what point does the <div> start appearing around the image, as soon as the CBT expression is applied?
If yes, what is the expression?
What happens when expression is set to None again and individual CBT is under application
Is there a spacing or the CBT text just follows the inline image?
Please send us a sample file for the same, if possible. Thanks!
Amit
Similar Messages
-
Inserting an image in dreamweaver through div tag
Hi I am inserting an image in a created div tag but my image is checkered and repeats it's self like a pattern. How do i turn that off?
Working with CSS Backgrounds:
http://www.w3schools.com/css/css_background.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/ -
How do I center an image inside a CSS div tag using dreamweaver?
I know this may seem like a very silly queston to ask because it should seem so simple but how do I do that? I am having trouble being able to center an image inside of a div tag. Here is the code I have come up with so far. Thanks in advance for your help.
</style>
</head>
<body>
<div id="PageContainer">
<div id="PageHeader"> img.centered{display:block; margin-left:auto; margin-right:auto; }<img src="Untitled-5.jpg" alt="rowland" class="centered" /></div>
<div id="PageMenu">Content for id "PageHeader" Goes Here</div>
<div id="PageBody">Content for id "PageHeader" Goes Here</div>
<div id="PageFooter">Content for id "PageHeader" Goes Here</div>
</body>
</html>
Also you can ignore the other div tags after the first div id. The first div id that has my image link is the one I am trying to get to center my image. The image is in there just not centering.Centering Pages, Images and other elements with CSS:
http://cookbooks.adobe.com/post_Centering_web_pages_and_other_elements_with_CSS-16640.html
Nancy O. -
When I wrap a div tag around an image - I don't see that
image in the "designer view"
I do see it when I look at it in a browser.
Isn't there some way that I should be able to see the image
in the designer view?Hmm - I must admit, I've never had this problem. Can you tell
me exactly
what you are doing, please?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"jfsneumann" <[email protected]> wrote in
message
news:ebarml$517$[email protected]..
> When I wrap a div tag around an image - I don't see that
image in the
> "designer
> view"
>
> I do see it when I look at it in a browser.
>
> Isn't there some way that I should be able to see the
image in the
> designer
> view?
> -
Position images at bottom of div tag?
How do I position images at the bottom of a div tag?
These images are going to be used as links and Im using a
template which will double there size on certain pages, so I cant
use background images.
Please help as I cant believe this isn't possible!
JamesI dont understand what you mean by;
'If you do not know the widths, and you want them all to flow
one after
the other, the make another div as their container, and move
the
"position:absolute;right:0px;" styles to the new div'
When I apply a rule for all images in the div tag, the images
all sit on top of one another;
.container img {
position: absolute;
bottom: 0px;
If I set the images individually I can stop them from doing
this;
.container #image1 {
position: absolute;
bottom: 0px;
left: 320px;
The problem however is that this design is for a template.
The images in the template will double in size when the user is on
that page.
If i use a pixel (or a %) value for the left position, then
the left hand side of the image is centered, not the centre of the
image. This means that the space between the images will vary when
one of them enlarges.
This could be solved if there was some way of making the
images sit next to each other, without specifying a position left
value (like when you insert images into a div tag with no rules).
Can this be done?
Alternatively, is there a way of using a position left value
which controlled the position via the center of the image, not the
left side? Then I could use % values and the images would still
look ordered. -
Inserting Images into Dreamweaver through Div Tag
Hi im quite new to Dreamweaver and i've got CS3...I've just
designed and sliced up a website in Photoshop and have started to
compile it together in Dreamweaver using HTML and CSS. I've just
added a Div tag and added images into the page and i've got stuck,
i cant seem to put another image next to one iv already placed
their.
I need help on how to work with Div Tags and applying images
so that i can fix my website like a Jigsaw.
I have provided the code i hav in my HTML so far...Maybe this will help you -
Taking a Fireworks comp to a CSS-based layout in Dreamweaver
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"DThandi" <[email protected]> wrote in
message
news:gk8anj$4qc$[email protected]..
> Let me show you the before and after images of the site
im working on,
> then
> maybe what im trying to describe can become more
clearer...Your right that
> i do
> need some basic understanding, I actually used to know
the answer to my
> own
> question but since i havn't played around with
Dreamweaver for a while i
> seem
> to have forgotten.
>
> This was the image on Photshop:
>
http://i187.photobucket.com/albums/x151/ohhchakdeh/SAMPLE.jpg
>
> This is where I am stuck now:
>
http://i187.photobucket.com/albums/x151/ohhchakdeh/stuck.jpg
>
> These are all the small images i have sliced up from
Photshop:
>
http://i187.photobucket.com/albums/x151/ohhchakdeh/Untitled.jpg
>
> As you can see i have trouble coding in HTML. So far i
have been
> following a
> tutorial video showing me how to had images and align
them through Div
> Tag...But now i am trying to put images side by side in
the Navigation
> area and
> on top of and underneath each other. As you can see i
have Home.jpg and
> Home-Scrap.jpg. Home Scrap needs to go under Home and
both of them images
> need
> to go next to image Left-Short.jpg.
>
> Thank You
> -
I've got an image map in a container div, which works fine...
but when I use DW's behaviors to either hide or fade this div, the
image map is still active... even though the container div (and
thus image itself are hidden).
Any thoughts are welcome... not sure how else to get this to
work.I have to disagree, Murray. DW Design View has a lot of trouble displaying externally hosted images. All I see is a small, generic image icon like this. However, Live View works fine.
Nancy O. -
Position Image at Bottom of Div Tag
OK, so this may be the stupidest question ever, but how do I
Position an Image at Bottom of the Div Tag? I named the image and
then set;
vertical-align: bottom;
But this doesn't seem to have worked. I could achieve the
bottom alignment with multiple div tags but this seems needlessly
complicated. How should i do this?> ok, is there a rule for when you should use an image as
a background as
> opposed to placing it normally?
No. But there are things you can do with a background image
that you cannot
do with a foreground one, and vice versa. I'm sure that's not
the answer
you wanted to hear however.
Anytime I need to place an image at a specific location
within a container
(like at the bottom, or the right edge), I'm thinking of
using a background
image.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"jameswoody" <[email protected]> wrote in
message
news:fv5el0$dn1$[email protected]..
> ok, is there a rule for when you should use an image as
a background as
> opposed to placing it normally?
> Thanks -
Positioning multiple images at bottom of Div Tag
I want to position some images so they are side by side, at
the bottom of a div tag. So far the only way i've managed to do
this is by using a padding-top value. Is there a better way?
I also want these images to be centered horizontally.
ThanksAre these cosmetic in use? Make them a single image
background.
#foo { background-position: center bottom;
background-repeat:no-repeat; }
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"jameswoody" <[email protected]> wrote in
message
news:fvctr7$ls3$[email protected]..
>I want to position some images so they are side by side,
at the bottom of a
>div
> tag. So far the only way i've managed to do this is by
using a padding-top
> value. Is there a better way?
>
> I also want these images to be centered horizontally.
> Thanks
> -
Inserting SWF in one of my divs is causing problems with css layout
I am testing code for a new layout including an swf piece in
the center of my page and I can't understand what the issue is.
http://www.ltcproduction.com/ltcproditems.html
I am loosing a lot of my formatting which should look exactly
like
http://www.ltcproduction.com
only with a dynamic piece in the middle
here is the code I am using for the new dynamic page below:
HTML Code:
<html xmlns="
http://www.w3.org/1999/xhtml"
xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>ltcproditems_bleu</title>
<script language="javascript">AC_FL_RunContent =
0;</script>
<script src="AC_RunActiveContent.js"
language="javascript"></script>
<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', '
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
'width', '750',
'height', '400',
'src', 'ltcproditems_bleu',
'quality', 'high',
'pluginspage', '
http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'ltcproditems_bleu',
'bgcolor', '#ffff99',
'name', 'ltcproditems_bleu',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'ltcproditems_bleu',
'salign', ''
); //end AC code
</script>
</head>
<body bgcolor="#ffff99">
<!--url's used in the movie-->
<!--text used in the movie-->
<!--
Gekko divers
Video editing
Web production
Graphic Design
Project Management
Email Deployment
Graphic design
Email deployment
-->
<!-- saved from url=(0013)about:internet -->
<div id="bar-top"></div>
<div id="content_long">
<h2>Ltc Production</h2>
<?php
include("navbar_insert.php");
?>
<div id="main_container1">
<noscript>
<object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"
width="750" height="400" id="ltcproditems_bleu" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="ltcproditems_bleu.swf"
/><param name="quality" value="high" /><param
name="bgcolor" value="#ffff99" /> <embed
src="ltcproditems_bleu.swf" quality="high" bgcolor="#ffff99"
width="750" height="400" name="ltcproditems_bleu" align="middle"
allowScriptAccess="sameDomain" allowFullScreen="false"
type="application/x-shockwave-flash" pluginspage="
http://www.macromedia.com/go/getflashplayer"
/>
</object>
</noscript>
</div></div>
<div id="bar-bottom">
<span class="copyright">(c) ltc
production</span></div>
</body>
</html>move the javascript block that starts with if
(AC_FL_RunContent == 0) { to immediately before the noscript block,
and it should fix your problem.
I may suggest using swfobject:
http://code.google.com/p/swfobject/
to embed your swf. It gives you more flexibility than the adobe
AC_RunActiveContent method. -
Problem while creating text pop-ups in image maps
Hi,
I need to create a text pop-up on an image, on mouse hover. I tried creating bookmarks to link with the image map and it worked. The problem is when I click on the text pop-up in the image, it goes to the bookmark (which is created in a separate topic), but I don't want it to go to the bookmark which is in a different topic. Is it possible to stay on the image itself without going to the bookmark?
Regards,
LathaHello again
The option I mentioned would indeed work inside a CHM.
There is possibly a way to accomplish what you are wanting, but to do it would require lots of JavaScripting. The simple fact you are asking if it can be done suggests that you aren't comfortable working with JavaScript.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7, 8 or 9 within the day!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks -
How do I center an image inside a div tag using fluid grid layout?
where do I find and what do i use the image properties position when using the fluid grid layout. I'd like to center the image in the mobile page versus th left position in the desktop.
This is what my css codes looks like where the image is in the div tag:
#logo_links {
clear: both;
float: left;
margin-left: 0;
width: 32.2033%;
display: block;
This is the html code where the image is:
</div>
<div id="logo_links">
<div align="center">
<p><img src="../fluidgrid/images/3_7x2logo.jpg" alt="" width="236" height="110" align="left"></p>
</div>
</div>
I'm going to need more detail where to insert the suggested code as I am a newby!
Thanks -
DW Beginner - Tables, Div Tags and CSS Confusion
Hi,
I am a beginner to DW. The layout I am designing is as follows:
First I have an overall "container" on the outside of my layout which I called "wrapper" and I made it using a div tag.
Next I made a table within or right after this "wrapper" div tag, which I called my "navbar".
After this table I made another table named left and right column (r:1 cz:2).
And lastly, another table, called "footer".
Now, I made a CSS for the div tag, no problem. But, when I go to make CSS for the tables, that's where it gets confusing.
For example, I went into my "navbar" table, selected on the "trail" <td>, and then tried to create a CSS for this particular table.
Problem: Why when setting my font or background or any other setting, are the other 2 tables changing also if I only assigned this specific area for the CSS navbar table? Am I selecting the wrong "trail" or is it because it is still entrapped somehow in the "wrapper" div tag, so it won't allow my new CSS settings? I would appreciate any help. This can really get confusing fast, especially for us beginners trying to learn.
Thanks,
SSince you're new to DW, I'm assuming you're new to HTML and CSS, too. So start by learning code basics first and you'll have a much easier time understanding DW.
Begin here:
HTML & CSS Tutorials - http://w3schools.com/
CSS layouts are much more flexible than tables. Below are some example of CSS layouts (no tables needed)
http://alt-web.com/TEMPLATES/I-page-with-floats.html
http://alt-web.com/TEMPLATES/2-col-fixed-layout.shtml
http://www.tjkdesign.com/articles/one_html_markup_many_css_layouts.asp
From Tables to CSS Web Design Part 1 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
From Tables to CSS Web Design Part 2 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
Good luck,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com
How To get Help Quickly in DW Forums
http://forums.adobe.com/thread/470404 -
Design View missaligned div tags location
I am using div tags to layout my webpage and the Design view
shows the wrong alignment. Check mektronix-net.campusbizcenter.com
for the page which seems to display correctly. I am also using CSS
for formating the webpage. Is DreamWeaver having a problem with
placing the div tags in Design view? Any help will be
appreciated.The bracketed width is the actual width as a result of what
you have put in
the div and how you have styled it. The other width is the
width you *wish*
it would be.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"april floyd" <[email protected]> wrote in message
news:esrgd1$jji$[email protected]..
> Why in the Design View do you see a width for a DIV and
also another width
> (greater) in brackets after it. -
Image Map to Launch an Application...
I have an image with a rectangular image map defined. I want
it to open an application, but I don't know the code to do this. My
first attempt was to simply create the hyperlink to the EXE file
like this:
<area shape="rect" coords="183,271,474,478"
href="file:///C:/Program%20Files/BlahBlah/Blah.exe">
Doesn't work. Nothing happens when I click the hotspot in
test. Any ideas?
-Tony.oO(MacMastermind)
>I know it can be done.
Not with HTML.
>I'm taking over for someone who has created a page
>which is used as the active desktop wallpaper of some
computers. There are
>images on the page which open different applications. His
code indicates some
>VBScript and Javascript, but I don't have the time or
patience to parse the
>code. I was hoping there was an attribute I could use
with the image map or
>some other tag entirely that would allow me to launch an
EXE file.
Think of what would happen if someone links to "format c:" or
something
like that - you get the idea. Since IE allows all kinds of
insecure
stuff, you can most likely do such things with an ActiveX
control.
Micha
Maybe you are looking for
-
How to mass copy old rating and weightage to new appraisal documents in OSA
Hello experts, As a part of annual appraisal process, we have incorporated some new logics in terms of rating calculation and elements in the same templates. But those logics are not being copied in already triggered documents whose goals/objects are
-
I have a G5 PowerMac (latest version I believe). It came with a SONY DVD RW DW-U21A installed. I tried replacing it with a Memorex DVD unit to be able to use 16x DVDs. It still won't read 16x DVDs even though the Memorex DVD drive will burn an dread
-
IBM DB2 to Oracle Database Migration Using SQL Developer
Hi, We are doing migration of the whole database from IBM DB2 8.2 which is running in WINDOWS to Oracle 11g Database in LINUX. As part of pre-requisites we have installed the Oracle SQL Developer 4.0.1 (4.0.1.14.48) in Linux Server with JDK 1.7. Also
-
Dataguard physical standby archive log question
Hi all, I will try to keep this simple.. I have a 4 node RAC primary shipping logs to a 2 node physical standby. On the primary when I run 'alter system archive log current' on an instance I only see 1 log being applied on the standby, that is by que
-
Load balancing and Application Server
Hi guys, IHAC who have EBS + Kofax + OUCM (Oracle UCM) and needs to purchase load balancers for the installations. He is between Cisco and Radware load balancers and he says that Radware's ones have a module for Oracle Applications. Do yo have any id