HTML - Div Margin Changes When Nest Div Maring Is Changed

Hi,

Do you know the answer to this question? (I wasted a lot of time trying figure out this problem, before finally giving up.)

How do I get the book cover image to display with no left margin, while preserving the 5px right margin? It displays with no left margin in my WYSIWYG editor. But, it displays with a 5px left margin in IE and Firefox. Here is the code...

<a target="_blank" title="New Covenant Theology" href="/images/stories/book/book_cover_original_size.jpg"> <img style="border-style: none; border-width: 0px; left-margin: 0px; right-margin: 5px; title=" alt="New Covenant Theology" src="/images/150x199.jpg" width="150" align="left" height="199" /></a> 24 Reasons Why All Old Testament Laws Are Cancelled and All New Testament Laws Are for Our Obedience. See God's law in redemptive history explained simply and clearly with 7 diagrams, 20 charts, and 702 verses. Dedicated to Reformed, Covenant Theologians; Seventh Day Adventists; and other Sabbath-keepers. Read 3, free chapters from the book now: <a href="/new-covenant-theology.htm" title="New Covenant Theology"><span class="style20">New Covenant Theology</span></a></p>

And, here is the webpage...
http://www.jesussaidfollowme.org/#biblestudies

Thanks for your insight,

Greg Gibson

hello, something has went wrong with a site i done years ago! the background was fixed in the middle and stayed put while everything else moved over it. now for some reason it had became tiled and is scrolling with everything! if any one can help that would be awesome!
here is the code...

<style> { } table, tr, td { background-color:transparent; Center; background-attachment:fixed; background-repeat:no-repeat; border-color:EECC22; border-width:0px; border-style:Solid; } table table { border:0px; } table table table table { border:0px; background-image:none; background-color:transparent; } table border:none; border-width:0px; } table table table { width:90%; max-width: 600px; } table table table table { width:100%;; } body { background-color:00002C; background-image:url(http://i72.photobucket.com/albums/i1...ysSquare.jpg); background-position:Top table table { border-style:Groove; border-width:2px; border-color:0000FF; background-repeat:no-repeat; background-attachment:fixed; } table table table td { background-color:00005F; } table, tr, td, li, p, div { color:0000FF; font-size:8pt; } .btext { color:0000FF; font-size:8pt; } .blacktext10 { color:0000FF; font-size:8pt; } .blacktext12 { color:0000FF; font-size:8pt; } .lightbluetext8 { color:0000FF; font-size:8pt; } .orangetext15 { color:0000FF; font-size:10pt; font-family:Mv Boli; } .redtext { color:0000FF; font-size:8pt; } .redbtext { color:0000FF; font-size:8pt; } .text { color:0000FF; font-size:8pt; font-weight:bold; } .whitetext12 { color:0000FF; font-size:8pt; } a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link { color:0000FF; font-size:8pt; } a:hover, a.searchlinksmall:hover { color:0000FF; font-weight:bold; text-decoration:underline; } a.navbar:active, a.navbar:visited, a.navbar:link { color:0000FF; } a.navbar:hover { color:0000FF; text-decoration:underline; } a.redlink:active, a.redlink:visited, a.redlink:link { color:0000FF; } a.redlink:hover { color:0000FF; text-decoration:underline; } .nametext { color:0000FF; font-size:8pt; } .contactTable { width:300px!important; height:150px!important; padding:0px!important; background-image:url(http://img5.pimp-my-profile.com/i1/9...d5b02397.png); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;}.contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;}.contactTable a img {visibility:hidden; border:0px!important;}.contactTable a {display:block; height:28px; width:115px;background-color:transparent!important;}.contactTable .text {font-size:1px!important;}.contactTable .text, .contactTable a, .contactTable img {filter:none!important;background-color:none!important;} .contactTable. whitetext12 {display:none;; } table td div div font {visibility:hidden;} </style> <p align="center"><a></a><br /><a href="" target="_blank"></a> <a href="" target="_blank"></a> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnBpY29vZGxlLmNvbS8=" target="_blank"></a></p>






We are Solarize a rock/metal/electro quartet from sunny Strathaven. We've spent a lot of time writing, recording and playing shows and finally have an album brewing up!
We are back in the writing process to begin 2008 with one demo from new CD 'The 4th law of motion' already on tinternet and more still to be written/finished. We feel we've came a long way from playing 'remember when' in 05 to where we are today.
Do come along to some shows and have a listen to whatever you can find online!
<br />
<br />
<br />

**Here at solarize we are greatfull for any imput and will love you forever if you add us!<br />

<p align="center"><br /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="80" width="375" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.poqbum.com/add/shock1.swf" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<param name="flashvars" value="texter=Solarize" />
<param name="bgcolor" value="000000" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.poqbum.com/add/shock1.swf" height="80" width="375" align="middle" wmode="transparent" quality="high" flashvars="texter=Solarize" bgcolor="000000" />
</object><br /><a href="target=" target="_blank"><small></small></a><br /></p>


<br />
<style>td.text td.text td td a, .redlink, td.text td.text td b a {visibility:visible!important;} td.text td.text td a {visibility:hidden;}</style> <a href="target=" target="_blank"></a>
<style> td.text td.text table table table td a img {width:100px;} td.text td.text table table table td div img {width:80px;} td.text td.text table table td img {width:260px; max-width:260px; width:auto;} td.text td.text table table td div img {width:80px;} * html td.text td.text table table td img {width:260px;} * html td.text td.text table table td a img {width:90px;} * html td.text td.text table table td div img {width:80px;} </style> <a href="" target="_blank"></a>

In my website a sample of my request and it shows how far I have gotten.

Go to: www.openoursite.com and select keyword: CHRYSLER

Here you will see a picture of my Red 1961 Chrysler 300. By the way, it is nearly perfect as well as beautiful. Below the picture is a button that when clicked, the picture changes to the next picture in the series of pictures.

I want to beable to change the bulleted text when the picture changes.

2nd, I want the text at the bottom of the screen to beable to be changed.

3rd, I would like to beable to have a switch in the code that I can set so that only 1 of the two text areas will change and the other stay as is. On a car application, I would leave the bulleted text as is and only change the text below.

Probably there should be 2 seperate switches that can be turned off or on.

I have one customer (advertiser) that wants the bulleted text to change and have no text at the bottom.

Can anyone help me.

Thanks
Launchnet

I'm utterly confused. Within my heavily "modded" phpBB2 forum, at the top is our Logo, which is a gif image of 800 x 150 in size. Always has been that size since last year (apart from a change in the logo itself).

Now, up to a couple of days ago, the Logo displayed correct ratio in ALL browsers. But for some extreme strange reason, the image is now reduced from 800 to 720 in Firefox!! None of the css has been altered, not the overall_header.tpl file, not has any configurations for the Firefox browser been messed about with either.

Section from overall_header.tpl file...

Code:

<table cellspacing="0" width="100%" id="forum">
<tr>
	<td class="forum-header" align="center"><a href="{U_INDEX}" title="{L_INDEX}"><img src="templates/ca_aphrodite/images/sblogoyg3.gif" width="800" height="150" alt="{L_INDEX}" /></a></td>
	<td class="forum-header header-search" align="right" valign="bottom">
	</td>
</tr>
<tr>

section from css....

Code:

/* header */
.forum-header {
	background: #F7F7F7 url(images/bg_logo.gif) top left repeat-x;
	padding: 0;
}

All the above does in places a line wih gradiant behind the logo. To get an overall idea, see my website: http://www.screwballscrabble.co.uk

Anyone got any ideas why Firefox is not displaying images at the original size? Any pointers would be extremely grateful!

Thanks.

OK, I have an expandable menu that, when someone clicks on an image, it takes them to a certain page. The code is currently:

HTML Code:

p = new createPanel('al','Account Info');
 
p.addButton('images/menu/story.jpg','Story','parent.main.location="background.php"');

o.addPanel(p);

I have about 12 of these links, and all the others in the menu work fine.
With this particular one, I changed the "parent.main.location"

At first, the line was 'parent.main.location="story.php"');
but I decided to change it. I've uploaded all the changes, and yet this link STILL accesses 'story.php' instead of 'background.php' like it is supposed to. This is the best part: I deleted the page 'story.php' off my server. Even after me doing that, the link continues to call up that page.

I have cleared my cache, cookies and Firefox's "personal data" collection.

Also, there are no other pages on my site that even look like 'story.php'. Anyone know why a line of code specifically calling for a different page would keep pulling up an old page - especially a page that has been deleted?

Thanks a ton,
Aaron