Put a div tag on EBS HomePage

I want to put a div tag on the HomePage of EBS. The applications menu can get long and by request of client if possible to put the scroll bars on the menus, but not scroll on the browser so as to see his favorites all the time.
I've read the UIX Developer's Guide and in one section, there was an example on how to mix html code and uix code. The example was about putting a div tag and just supplying the namespace for HTML.
I copied the HomePG.xml from the server, edited it by adding the div tag, and then copy the edited version back to the server. My update doesnt reflect in the browser
I copied and replace /data/erpp/erppappl/fnd/11.5.0/mds/framework/navigate/webui/HomePG.xml
what am i doing wrong? is this really possible in the first place? haven't upgraded the server to 11.5.10 yet... or do i have to recompile?

Typically, a background image is placed in a division's CSS code.
See example below: (view source in browser to see the CSS and HTML code)
http://alt-web.com/DEMOS/fixed-background.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Similar Messages

Can you put a div tag on top of div tag that contains an image?

i have a div tag with an image inside it, i would like to create another div tag and place a video inside this one. Is it possible to place the div tag with the video inside it on top of the div tag with the image inside it?
Any help is very much apreciated

Typically, a background image is placed in a division's CSS code.
See example below: (view source in browser to see the CSS and HTML code)
http://alt-web.com/DEMOS/fixed-background.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

JS with div tags

hi to all, i m ferly new with this and english is not my native lenguage so i struglle with tutorial, i need help with this i need to place this code
JS:
$(document).ready(function(){
$('.slider2').bxSlider({
     slideWidth: 300,
     minSlides: 2,
     maxSlides: 2,
     slideMargin: 10
HTML:
<div class="slider2">
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar1"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar2"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar3"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar4"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar5"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar6"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar7"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar8"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar9"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar10"></div>
</div>
into content for Layout Div Tag "LayoutDiv5" to work properly
<!doctype html>




<html class="">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>MANORA</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="Untitled-1.css" rel="stylesheet" type="text/css">
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">

<script src="respond.min.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="LayoutDiv1">
    <p> </p>
    <p> </p>
</div>
<div id="LayoutDiv2"></div>
<div id="LayoutDiv8">T
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#">Item 1</a>      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Untitled Item</a>
        <ul>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Untitled Item</a>
        <ul>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
        </ul>
      </li>
      <li><a href="#">Item 2</a></li>
      <li><a href="#">Item 3</a>      </li>
    </ul>
</div>
<div id="LayoutDiv3"> </div>
<p> </p>
<p> </p>
<p> </p>
<div id="LayoutDiv5">This is the content for Layout Div Tag "LayoutDiv5"</div>
<div id="LayoutDiv6">This is the content for Layout Div Tag "LayoutDiv6"</div>
<div id="LayoutDiv7">This is the content for Layout Div Tag "LayoutDiv7"</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
i tried to put at each line but wont work
thank you

actually, i just figured this out, but am still haveing issues... i have the container, then the other div tags inside of it. i am using the div tags as columns inside of the container, but the container background color (gray) does not go all the way down until the rest of the page ends, or where the body ends. i think that it has to do something with the "height:", but am not sure. is there any way that you can put one div tag equal to that of another div tag so that it goes down the whole page like it is suppose to?
here is my code:
.container
    background-color: #666666;
    width:75%;
    margin-left:auto;
    margin-right:auto;
    height: 100%;
what is wrong?

Div tags problem on centered layout

Like the title says, I'm working on a centered layout and I
need to place a div tag that has an overflow for scrolling. The
problem is what do I do so that it does just that. I tried using an
AP div tag but it doesn't follow the rest of the layout if you play
with the browser width. And if I simply put a div tag in my table,
I don't know how to put an overflow on it. I only have a limited
amount of space for the text, and I have too much text to simply
put it in the table. It's my first time working on a centered
layout, so I'm kind of at a lost right now. And that's the only
thing stopping me from putting it online.

> And if I simply put a div tag in
> my table, I don't know how to put an overflow on it.
<div style="overflow:scroll">
> I only have a limited
> amount of space for the text, and I have too much text
to simply put it in
> the
> table.
If that's the case, then you have a broken layout scheme, and
a usability
problem.
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
==================
"cprime" <[email protected]> wrote in
message
news:g6n78v$qmn$[email protected]..
> Like the title says, I'm working on a centered layout
and I need to place
> a div
> tag that has an overflow for scrolling. The problem is
what do I do so
> that it
> does just that. I tried using an AP div tag but it
doesn't follow the rest
> of
> the layout if you play with the browser width. And if I
simply put a div
> tag in
> my table, I don't know how to put an overflow on it. I
only have a limited
> amount of space for the text, and I have too much text
to simply put it in
> the
> table. It's my first time working on a centered layout,
so I'm kind of at
> a
> lost right now. And that's the only thing stopping me
from putting it
> online.
>

DIV tags disappear when put over swf file background

I am working on a site which has a swf movie as a background
which fills the browser window(SWFobject). When I place DIV tags,
which reference a CSS id and contain swf files as well, over the
top (for absolute positioning, etc.) they disappear when previewed
in a browser . Is there a reason that the swfobject always takes on
top position in the browser? Do I need to change something in the
SWFoject javascript file, in the code or within either the CSS file
or the dreamweaver HTML code? Here is a link to a site that is very
similar to what I am working on.
http://www.pronghornclub.com
Any help would be most appreciated.

All Active content on a page will always rise to the top, so
to speak,
including Flash, certain form elements, Java applets, and
Active X controls.
This means that each of these will poke through layers. There
is not a good
cross-browser/platform reliable way to solve this issue, but
if you can be
confident in your visitors using IE 5+ or NN6+, then you can
use the Flash
wmode parameter (however, Safari does not support this
properly!).
Adobe articles:
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_15523
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14201
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
==================
"jlrowedog" <[email protected]> wrote in
message
news:fb53q0$akk$[email protected]..
>I am working on a site which has a swf movie as a
background which fills
>the
> browser window(SWFobject). When I place DIV tags, which
reference a CSS
> id,
> over the top (for absolute positioning, etc.) they
disappear when
> previewed in
> a browser. Is there a reason that the swf file always
takes on top
> position in
> the browser? Do I need to change something in the
SWFoject javascript
> file, in
> the code or within either the CSS file or the
dreamweaver HTML code? Here
> is a
> link to a site that is very similar to what I am working
on.
>
>
http://www.pronghornclub.com
>
> Any help would be most appreciated.
>
>
>

Trouble putting div tags side by side in the center

Hi All,
I am having trouble in centering two div tags side by side, both have the correct floats of left and right, margins set to auto but in the browser view each div is on the very edge of the browers, I have tryed playing with the margins and so on but what ever i seem to do i am unable to correct this, does any one how to solove this or has experianced it before??

A live link is the best way to get help here.
http://alt-web.com/DEMOS/3-CSS-boxes.shtml
First center your parent container.
CSS:
     #wrapper {
          width: 900px; /**adjust width as req'd**/
          margin: 0 auto:
          overflow: hidden; /*to contain floats*/
          border: 1px dotted red; /*for demo purposes*/
HTML:
     <div id="wrapper">
          Everything else goes inside this container
     </div>
Nancy O.

Help with floating a Div tag?

I am having difficulty properly floating a div tag in my site. The page is http://www.planetwhistler.com/bandbs.html The Div on the bottom of the second column with 'content for right_bandb_div' goes here will not properly float to the right of the Div to the left of it. I have floated the 'right_bandb_' div to the left with enough of a margin to clear the div tag in the first column, I have also put the code for 'right_bandb' before the code for the div to the left of it but for some reason it won't properly place itself. Thanks for any help provided.

I realize my Template isn't exactly like yours, but you can learn from it.
http://alt-web.com/TEMPLATES/CSS-centered-round-boxes.shtml
1) apply min-height values to all your .boxes.
2) add a float clearing between rows.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

In Flex, mimic a HTML DIV-tag without height constraint?

Hi!
I've posted a somewhat similar question here before and
although the answer was appreciated I'm still wondering if what I
want to do is possible.
In HTML you can create a DIV-tag with a fixed width, say
100px. If you, after that, let the height remain undefined, you can
add content to the tag having it expand it's height appropriately.
Is it possible to achieve the same effect in Flex, or do I
have to have fixed width and height on the application? If I let
the application have a width of 100px, letting the height be
undefined, I get the application to be the same height as the
browser window which is not the case with the DIV-tag above.
Hope someone understands what I mean. Thanks!
/Marcus

If you do this:
<mx:VBox width="100%">
and then put things into this VBox container, it will grow
vertically as much as it needs to without having a specific height.
The Application tag is the same way. Eventually, when you exceed
the visible part of the Flash Player, the Application (or VBox)
will acquire scrollbars.

Centering a DIV Tag

Hi,
am having trouble / don't have a clue how to centre a div tag
to the center of the page? Can someone point me where am going
wrong. Here is the html code:
thanks in advance
hammer.

>>I think you'll find significant disagreement here
about the following
Yes, here, I definitely will find significant disagreement.
But I'm very
much of the opinion that publishing to the web is for the
masses, not just
for you folk with the time, motivation, and expereince to
deal with the
range of issues relating to css layout. The simplicity of
tables far
outweighs the gains of css layout at this point in time.
>>There is nothing worse than a morass of nested tables
spanned to death,
>>not
only for you as the maintainer of the site, but also for the
browsers, some
of which simply cannot render such pages. CSS layouts do not
have these
problems.
Here you are wrong. I would actually revese that whole point.
It is css
layout that are notorious fo rbrowsers laying out or not
rendering properly.
Tables never came close to having such issues. Even nested
tables, one level
deep, are perfectly fine.
>>some
of which simply cannot render such pages. CSS layouts do not
have these
problems.
Politely, where the heck have you been living these last few
years!!
>>Future maintainence, bandwidth usage, and simplicity
of layout are big
benefits of using CSS as opposed to tables.
simplicity of layout??? Again, I think you are missing the
argument here.
Its almost a given that tables are simpler to use for layout.
Almost all
books on teh topic agree, but point out the long term benefit
of css layout
despite the added complexity. So please don't use the
'simplcity' as an
argument here. CSS layout is the most intimidating and hard
to fathom thing
for most beginners, not just the new syntax but all the
nonsensical
(seeming) twists and turns that must be taken to get it to
work properly -
not to mention they are buggy as hell. Tables? They don't
come close to
being as nasty as CSS layout as it is today.
>>Everyone here (I think) agrees that if tables work
better for you, then use them. BUT use them correctly if you
are going to
do that. It's pretty simple, really....
Agreed. I personally use tables for average sized websites
which have to be
edited/maintained by general staff - you can teach tables oto
people inside
of amorning to a day. You'd need weeks to months to teach
enough CSS layout
to a layman and even then he'd think it sucks. I will be
using css for
layout about two browser versions from now.
I don't see the sense on jumping on a technology that, at
every second turn
you get, go here for this hack, do this to get around that
problem, IE
cannot do this so use this javascript fix, oh it doesn't work
while looking
at in dreanweaver but it will work in the browser, blah blah
blah...its
enough to put someone off web design for life.
I came to the web initially becuase I was amazed at how much
I could do with
so little knowledge - it was awseome. I think this should
still happen to
people today - it's quite empowering. I think the reality is
a lot more folk
get disheartned, confused and simply don't run with it. We
scare the crap
out them with css layout.
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
>I think you'll find significant disagreement here about
the following -
>
> * CSS for layout is simply not there yet
> * Its only the accesibility issue which tables lose
points for
> * Possibly, the only benefit of css layout is that it
can be centrally
> goverened through a linked style sheet, but even this
can be done with DW
> templates and tables
>
> CSS for layout is certainly "there". Perhaps it's not
there for you, but
> it surely is for others.
>
> There is nothing worse than a morass of nested tables
spanned to death,
> not only for you as the maintainer of the site, but also
for the browsers,
> some of which simply cannot render such pages. CSS
layouts do not have
> these problems.
>
> Future maintainence, bandwidth usage, and simplicity of
layout are big
> benefits of using CSS as opposed to tables.
>
> But let's not make this a holy war. Nobody here is
saying that you have
> to replace tables with CSS. Everyone here (I think)
agrees that if tables
> work better for you, then use them. BUT use them
correctly if you are
> going to do that. It's pretty simple, really....
>
> --
> 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
> ==================
>
>
> "Arrdvark" <[email protected]> wrote in
message
> news:[email protected]...
>> tables are much simpler, translate well to knowledge
people have from
>> other tools (ie; ms word) and can do layout quite
well. CSS for layout is
>> simply not there yet - it feels like one great big
hack and is difficult
>> for people to learn, especially causal web designers
who just dont have
>> the time to amass all teh knowledge and expereince
needed just to get a
>> simple css layout working in both major browsers.
One of the things that
>> made the web so big was how simple it was to publish
to - CSS layout is a
>> step backward in this regard.
>>
>> tables are still fine for most sites, a perfectly
valid choice. Its only
>> the accesibility issue which tables lose points for.
Possibly, the only
>> benefit of css layout is that it can be centrally
goverened through a
>> linked style sheet, but even this can be done with
DW templates and
>> tables, or dynamic pages and tables (ie: asp.net
master pages).
>>
>> I am 50 / 50 these days as to wether css layout is
worth the hassle for
>> the average website being bult by the avergae
person.
>>
>>
>>
>>
>> "FreakyJesus" <[email protected]>
wrote in message
>> news:[email protected]...
>>> Very well said, Thierry
>>> And Arrdvark, I hear you on this:
>>> "it almost always causes total confusion as to
"why" this is the case
>>> and puts
>>> people right off CSS altogther."
>>> I am showing a friend how to use CSS (blind
leading the blind) and on a
>>> regular basis she's like "wouldn't this be
easier with tables within
>>> tables."
>>> Css CAN be very confusing.
>>>
>>> Andy
>>>
>>>
>>>
>>>
>>>
quote:
Originally posted by:
Newsgroup User
>>> Al wrote:
>>> > On Fri, 01 Dec 2006 09:39:18 -0500, Murray
*ACE*
>>> > <[email protected]>
wrote:
>>>
>>> >> Not only something different, but an
inferior choice at that!
>>>
>>> > I guess it can sometimes be difficult for
an inexperienced user to
>>> > assess and evaluate multiple solutions. If
there are downsides to
>>> > public forums, that would be at least one
of them. It's hard enough
>>> > for newbies to assess a single solution,
but wading through a
>>> > sub-discussion between third-parties
micro-analyzing their personal
>>> > favorite solutions can be untenable.
>>>
>>> I agree, but I can also understand that it can
be frustrating for people
>>> (people in general) who try to help to see that
the OP (OPs in general)
>>> didn't even try a solution that didn't require
too much effort.
>>> IMHO, there was not much for the OP to go
through here since *early* in
>>> this
>>> thread, the OP had everything to make it work.
>>> First post FreakyJesus said to set up the
left/right margin of the DIV
>>> to
>>> "auto" and second post Murray gives a very
explicit "fix" for IE5:
>>> body { text-align:center; }
>>> #graybox { text-align:left; }
>>> Actually, just trying margin auto could have
been enough for the OP.
>>> Sometimes it is important to know "some"
Javascript, HTML or else to be
>>> able
>>> to implement (not necessary understand) a
solution, but here it was not
>>> the
>>> case.
>>>
>>> Nothing against the OP here, and nothing to get
excited either ;-)
>>> This is just a general statement about the other
side of the coin.
>>>
>>> > Note to self: Recite Serenity Prayer before
posting here in the
>>> > future.
>>>
>>> Let's hope that works :)
>>>
>>> --
>>> Thierry
>>> Articles and Tutorials:
http://www.TJKDesign.com/go/?0
>>> The perfect FAQ page:
http://www.TJKDesign.com/go/?9
>>> CSS-P Templates:
http://www.TJKDesign.com/go/?1
>>> CSS Tab Menu:
http://www.TJKDesign.com/go/?3
>>>
>>>
>>>
>>>
>>>
>>>
>>
>>
>
>

Picture alignment in a div tag

Hi everyone,
I'm trying to put two pictures side by side in a div tag. I
have one picture in the div tag already, but when I try to put a
second one next it.... It goes under the first one. It acts like I
hit enter...or carriage return when I didnt. How can I fix this so
that I can put the second picture next to the first one?
thank
J>M

make a class in css with float left and apply it to the first
picture.
.images {
float:left;
}

Text in Div tag question

hello Dreamweavers.
I have made a Div Tag and placed and image within it. Im also copy/pasting lorum ispum text in the div tag.
what id like to know is,why does DW put the text down the bottom and not from the top where the red arrow is.
So how can I add text from the top of the image?
thank you.

Try the following
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
.banner {
    width: 600px;
    margin: auto;
.banner img {
    display: block;
    float: left;
    margin-right: 15px;
.banner p {
    margin-right: 15px;
.banner p span {
    font-weight: bold;
</style>
</head>
<body>
<div class="banner"> <img src="_images/top_back8.jpg" alt="img">
<p><span>Lorem Ipsum</span> is the exploitation of core competencies as an essential enabler, measure the process, not the people. Building a dynamic relationship between the main players. As knowledge is fragmented into specialities an important ingredient of business process reengineering whether the organization's core competences are fully in line, given market realities. The three cs - customers, competition and change - have created a new world for business highly motivated participants contributing to a valued-added outcome.</p>
</div>
</body>
</html>
I like to keep it simple and restrict the use of ID's

Ap Div Tag Problem

OK so this is my first wbesite in dreamweaver so and i ran into a problem....i made a AP div tag but i can get it where i want it.....my backrground is center in the website and i put my nav links in a AP div tag so i could then put them in a certain area where i wanted.(i think is the only way i know hjow to do this) Well how can i get them centered left and right in the website but the top and bottom i want to place by hand???? they are where they need to be when i preview it in the browser but in the dreamweaver file they are down and to the right......i had to keep messing with it and previewin it until it showed up where i wanted it to in the browser. Im sure i have a setting worng either in my CSS or html.... Please help!

First rule of web design is to stop thinking like a graphic or print designer. Web pages need to be flexible to perform well on different devices, browsers, user settings, screen and text sizes. And web designers have almost no control over these user-centric variables.
The second rule of web design, you cannot precisely position text or other elements on top of big background image and expect it to stick. It just doesn't work.
http://alt-web.com/Backgrounds.shtml
If your navigation bar requires a background, it should be separate from the page background. You'll need to use solid colors or create image slices for your nav bar in your graphics editor.
Third rule, use default CSS positioning (which is no positioning at all). Align objects with CSS margins, padding and floats.
Basic CSS Layout. (No APDivs used, no animals were harmed)
http://alt-web.com/TEMPLATES/Basic-1-col-fixed.html
Also read this tutorial:
Taking a Fireworks (or Photoshop) comp to a CSS based layout in DW
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
Good luck with your project!
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

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
>

Moving div tags?

Sorry for all the questions but if I finally understand then
I will stop asking. Here is the html code for my site so far:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
<title>ivoog! - New & used electronics,
apparel, collectibles, sporting goods & more at low
prices.</title>
<style type="text/css">
#ivoog {
margin: 15px auto 0;
body{
width: 950px;
margin: 0px auto;
</style>
</head>
<body>
<div id="ivoog"
style="background-image:url(Top%20111.gif); width:950px;
height:99px"><img src="ivoog.gif" style="width:252px;
height:74px; margin-left:10px; margin-top:11px"></div>
<div id="Search"
style="background-image:url(Search%20Box.gif); width:950px;
height:46px"></div>
<center><p><img src="slogan.gif"
style="width:637px; height:44px;
margin-top:-19px"></p></center>
<div id="Categories" style="background-image:url(LCB.gif);
width:236px; height:621px; margin-top:-13px"></div>
<div id="Quick Help" style="background-image:url(BB.gif);
width:475px; height:140px; margin-top:3px"></div>
<div id="Start Shopping"
style="background-image:url(MSB.gif); width:432px; height:339px;
left: 457px; top: 216px;"></div>
</body>
</html>
I want my "Start Shopping" div tag to be 5px to the right of
the "Categories" div tag. I CANNOT use the position:relative or
margin-top:example or something like that because if you open the
page in IE, and change the width of your browser then the Start
Shopping div tag will stay in the same place while everything else
moves. How can I make it so the tag will be 5px to the right from
Categories? What is the code and where do I put it? Please explain
to me like you would to a person who does not know HTML. Thank you!
Please help! I am TIRED! THANKS!

<div id="ivoog"
style="background-image:url(Top%20111.gif); width:950px;
height:99px"><img src="ivoog.gif" style="width:252px;
height:74px;
margin-left:10px; margin-top:11px"></div>
<div id="Search"
style="background-image:url(Search%20Box.gif);
width:950px; height:46px"></div>
<center><p><img src="slogan.gif"
style="width:637px; height:44px;
margin-top:-19px"></p></center>
<div id="Categories"
style="background-image:url(LCB.gif); width:236px;
height:621px; margin-top:-13px; float:left;border:1px solid
red;"></div>
<div id="Start Shopping"
style="background-image:url(MSB.gif); width:432px;
height:339px; left: 457px; top:
216px;margin-left:5px;border:1px solid
green;"></div>
<div id="Quick Help" style="background-image:url(BB.gif);
width:475px;
height:140px; margin-top:3px;clear:both;"></div>
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
==================
"hahahaadobeman" <[email protected]> wrote
in message
news:[email protected]...
> Sorry for all the questions but if I finally understand
then I will stop
> asking. Here is the html code for my site so far:
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
> "
http://www.w3.org/TR/html4/loose.dtd">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
> <title>ivoog! - New & used electronics,
apparel, collectibles,
> sporting
> goods & more at low prices.</title>
> <style type="text/css">
> #ivoog {
> margin: 15px auto 0;
> }
> body{
> width: 950px;
> margin: 0px auto;
> }
> </style>
> </head>
>
> <body>
> <div id="ivoog"
style="background-image:url(Top%20111.gif); width:950px;
> height:99px"><img src="ivoog.gif"
style="width:252px; height:74px;
> margin-left:10px; margin-top:11px"></div>
> <div id="Search"
style="background-image:url(Search%20Box.gif);
> width:950px;
> height:46px"></div>
> <center><p><img src="slogan.gif"
style="width:637px; height:44px;
> margin-top:-19px"></p></center>
> <div id="Categories"
style="background-image:url(LCB.gif); width:236px;
> height:621px; margin-top:-13px"></div>
> <div id="Quick Help"
style="background-image:url(BB.gif); width:475px;
> height:140px; margin-top:3px"></div>
> <div id="Start Shopping"
style="background-image:url(MSB.gif);
> width:432px;
> height:339px; left: 457px; top: 216px;"></div>
> </body>
> </html>
>
> I want my "Start Shopping" div tag to be 5px to the
right of the
> "Categories"
> div tag. I CANNOT use the position:relative or
margin-top:example or
> something
> like that because if you open the page in IE, and change
the width of your
> browser then the Start Shopping div tag will stay in the
same place while
> everything else moves. How can I make it so the tag will
be 5px to the
> right
> from Categories? What is the code and where do I put it?
Please explain to
> me
> like you would to a person who does not know HTML. Thank
you! Please help!
> I am
> TIRED! THANKS!
>
>
>

Gallery page download from + shadow without div tag?

Hi guys, on my site I want to upload some images that can be downloaded for use by clients - not high-res, but high enough quality for them to use in Word docs, emails, etc. I have made image galleries before but these don't allow the viewer to download pics. What do methods others use for this purpose?
Also, I was watching this tut on how to put a dropshadow around a site http://www.youtube.com/watch?v=cT1JAOB9XVI&feature=player_detailpage#t=198
but it requires a div tag wrap . My site hasn't got any div tags at all http://tatlerprime12.co.nz/venues.html Do I need to create one to have a drop shadow? If so, how?
If not, what's another way to put a dropshadow around my white table?
Thanks in advance for advice.
Jo

1) Group images into folders and zip the folders. Place a link on your page to the zip file. If no folders needed, tell people to right click on image to save it.
2) CSS Dropshadows
http://www.alistapart.com/articles/cssdropshadows/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Put a div tag on EBS HomePage

Similar Messages

Maybe you are looking for