|
CSS - Stuck With An Image In A Footer!
http://johnmifsud.byethost22.com/John_Mifsud_files/index.php
I've been creating this site using percentages for the relevant sections of the page. However, in the footer the 'site map' image in falling out the bottom of the footer if the screen is shrunk, (both in IE and Firefox). Why??? What's wrong with the CSS? (sitemap and imgsitemap are both within the footer)And suggetions would be greatly appreciated! Thanks Miffy! #footer { position: relative; top: 0px; left: 0px; height: 2%; margin: 0px; padding: 0px; background-color: black; background-image: url('bottom menu files/bottommenu.gif'); width: 85%; border-style: none; border-width: 0px; } .sitemap { position: absolute; top: 0px; left: 0px; border-style: none; border-width: 0px; padding: 0px; margin: 0px; height: 100%; } .imgsitemap { border-style: none; border-width: 0px; padding: 0px; margin: 0px; height: 100%; } Similar TutorialsHello DevShed, Thanks for advance for the help! It's been a long night for me. Instead of working on my Wordpress blog which is launching tomorrow, I was simply carried away with trying to solve this problem I ran into. I've been now trying to "fix" this for 5 straight hours. At my website http://insfired.com, I simply want to add borders around images which are found in posts. Now, I have some minor CSS experience, so I'm not a total n00b, but I really hope I'm doing something wrong and you can help me. I'm going to paste what I wrote on Wordpress.org to try and get help there (with no avail so far): "Ok so I purchased this "fancy" theme called "Themeology" on Themeforest. I know I should probably email the developer but he doesn't really reply to support requests. Now, NO matter what I tried, or where I tried to add the img {border: 1px....) property, images just won't get wrapped. Nothing. my site is located he http://insfired.com/ I'm seriously willing to pay upfront for any CSS expert to fix this for me. I'm not entering the css property wrong, this is what I want: Code: img {border: 1px solid #c8c8c8;
padding: 2px;
margin-bottom: 10px;
}
Actually, there is an image class that is already bordered but it's also given the float and the margin right property, whenever I edit this one I can see changes to images with this class, but any attempt to apply borders to images (img) or images within posts (.div.entry.single img) were futile. Code: #page ul#entries li img.avatar{
float: left;
border: 1px solid #c8c8c8;
padding: 2px;
margin-right: 15px;
margin-bottom: 10px;
}
The theme has several .css files, and I tried adding the above (1st) code to ALL, not a single thing moved. I tried clearing my cache and the W3 cache. Seriously, if you want money for fixing this for me I'm willing to pay. I'm insfiredmail on gmail. Help?" Can someone please help me? I am trying to get my left side column to meet my footer image... just like on this website: newcastlegateshead.com See how they side bar goes all the way down and meets the footer? Mine has a one inch gap between the bottom of the column and the footer. Does anyone know what they did to make it meet perfectly?Or the proper css code & where to put it? I've been trying to get this solved for dayyyssss Thank you so much... Trying to delete my post but no option to delete so just removing content. Hello All, I am trying to add a background image to the footer that repeats accros the entire page and is 300px height. The code I have generates a color but it is limited to 960px. I tried adding a background URL to image but no success. Any suggestions. Thank you. #footWrapper{ background: none repeat scroll 0 0 #000000; display: inline; float: left; width: 100%; } Hello, I am trying to change the layout of my journal which is based on CSS. The codes doesn't come from me. I found it two years ago on a free layout website where all layouts are allowed to be changed if there are credits given for the original style sheed. I am afraid my problem is pretty simple. I don't know very much about programming and CSS, just very few. So please snap at me immediately if I don't understand fast enough or don't give you exactly the answers you need. Anyways I will give my best! My problem: I want to change the footer and something what is supposed to be called the header. I would say: Let's concentrate on the footer at first. I want to change both from their background color to an image. The text still have to be able to be read. I have read something about putting the footer in the body but there is my normal background of the whole journal and I think it would make problems this way. Well I don't know if the codes are messy. I changed a few colors and positions but even that not fully until now. I hope you can get a clue what is my problem! And thank you so far! Here are the codes from my footer: Quote: #footer { text-align: center; font: 7pt arial, sans-serif; background: #fff url(here would stand the image url but as newbie I am not allowed to post urls, you know the rules) repeat; color: #BBBBBB; z-index: 100; clear: both; border: 0px; padding: 10px; } I am trying to allow a right aligned image break out of my footer. So far it's just breaking out, but under rather than over. I.e: Code:
#footer {
clear:both;
width:100%;
/* green bg footer image */
background-image: url(../img/footer_bg.gif);
background-repeat: repeat-x;
}
Code: <img style='float: right' src='src/to/pizza-pic.png' /> What I'm trying to achieve is to have the green footer at the bottom of the page and the pizza to appear in at the bottom also, but peeping over the green footer. Do you know how I can achieve this? Thanks in advance for any help Hi ppl, I am new to CSS, and I need help... I have this code in my word-press footer.php ,what I want is to turn image that i put as footer image(footer.jpg),into image-link to other page, I tried something like this but dont work... Code:
div id="footer" onclick="SOME PAGE'>
<a href="<?php bloginfo('url'); ?>">
<img src="images/footer.jpg" alt="<?php bloginfo('name'); ?>" />
...but something i do wrong, below is a original code that i want to edit! Code:
?php
/**
* @package WordPress
* @subpackage Default_Theme
*/
?>
<hr />
<div id="footer" role="contentinfo" style="vertical-align:bottom;"><div style="vertical-align:bottom;"><table width="735" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td height="190" align="left" valign="bottom"> </td>
</tr>
<tr>
<td height="43" align="left" valign="bottom"> </td>
</tr>
<tr>
<td><div align="right" style="margin-right:20px; color:#333333;">Copyright by <a href="<?php bloginfo('url'); ?>/">
<?php bloginfo('name'); ?>
</a> 2010. - 2014. All rights reserved.</div></td>
</tr>
</table>
</div>
</div>
</div>
<?php /* "Just what do you think you're doing Dave?" */ ?>
<?php wp_footer(); ?>
</body>
</html>
I've exhausted my own knowledge toolbox and cannot get this to work. I'm trying to get a div to expand to the end of the parent div. http://www.pictouunited.com/?s=null You'll see what I mean. I've done all the logical troubleshooting, or so I thought. I appreciate any help in advance! Hey all, I have a background image that I want to repeat horizontally at the top and the bottom of a page (below all of the content, not necessarily at the bottom of the screen) that I'm creating, for the Header and Footer. I would like it to look something like this. I'm using this code for the background image, for the Header: body { background-image: url(stars.gif); background-repeat: repeat-x } And I'm wondering whether I can include another background image in the "body" code, telling it to repeat horizontally, but at the bottom of the page? Here is the code that I'm assuming would have to be used: { background-image: url(stars.gif); background-repeat: repeat-x; background-position: bottom; } Can someone suggest to me where this code should go? Could I include it in the "body" css code? Or should I put it below all of the rest of the columns/content code? Thanks. Here's the html and css for http://www.pxgo.com/lifepak-prime.php - What I really need help with is aligning the footer (I know absolute positioning is bad for me, but relative doesn't work either) and floating my image (which for some reason vanished once I added the floatleft class). Thanks in advance for any help! Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML><HEAD><TITLE>Lifepak Prime</TITLE>
<LINK rel="stylesheet" type="text/css" href="style.css"></HEAD>
<BODY>
<?php
include ("include/head.txt");
?>
<?php
include ("include/menu.txt");
?>
<div id="content"><h2>Lifepak Prime</h2><img class="floatleft" src="graphics/lifepak-prime.bmp" width="192" height="192" alt="Lifepak Prime" />
Lifepak Prime contains all the nutrition in Lifepak anti-aging formula <i>and more</i>. Add quality years to your life by providing the vitamins, minerals, and trace elements your body needs to protect and regenerate cells.
<br><br>Lifepak Prime all-natural dietary supplements addresses the specific needs of men over 40 and post-menopausal women with BioGinkgo 27/7 extract (ginkgo biloba), milk thistle, glutathione, alpha-lipoic acid, coenzyme Q10, and grape seed extract.
<br><br>Lifepak Prime provides 150 IU, or 500 % daily value, of vitamin E, increased levels of B6, B12, and zinc for optimal nutrition intake. Lifepak Prime also provides unique dietary components for bone health, as well as those that support memory and circulation.
<br><br>My family uses Lifepak so I'll be happy to answer questions about Lifepak on the <a href="http://www.pxgo.com/discuss/viewforum.php?f=9">Lifepak message board</a>. We'd also love to hear from other people who are using Lifepak.
<br><h2>Lifepak information</h2>Lifepak Prime is optimized for men over 40 and post-menopausal women. There is also a Lifepak for pregnant and lactating women (Lifepak PreNatal), Lifepak for woomen from 18-menopause (<a href="lifepak-women.php">Lifepak Women</a>), and adults from 18 to 40 (<a href="lifepak.php">Lifepak anti-aging formula</a>).
<br><br>Lifepak is a vitmain, mineral, phytonutrient supplement. Lifepak is much more than a multiple although it does address common deficincies:
<ul><li>Vitamins A, E, and B6
<li>Zinc, iron, calcium, and magnesium for healthy bones
<li>Alpha-lipoic acid, vitamins B9 (folic acid), B12, C, E, flavinoids, and carotenoids for the anti-aging processes of cellular protection and cellular regeneration.
</ul></div>
<br><br>
<?php
include ("include/ads.txt");
?><br><br>
<?php
include ("include/footer.txt");
?>
</BODY></HTML>
Code: BODY { margin-left: 0%; margin-right: 0%; margin-top: 0%; font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR:#000000; BACKGROUND-COLOR:#ffffff; }
A:link { font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #238c13; text-decoration: none; background-color: transparent; font-weight:bold;}
A:visited { font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #238c13; text-decoration: none; background-color: transparent; font-weight:bold;}
A:active { font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #238c13; text-decoration: none; background-color: transparent; font-weight:bold;}
A:hover { font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #FFFFFF; text-decoration: none; BACKGROUND-COLOR:#238c13; font-weight:bold;}
FONT {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; FONT-FAMILY: verdana, arial, sans-serif}
.titular {COLOR: #000000; background-color:#238c13;}
.negro {background-color:#000000; color: #FFFFFF; FONT-SIZE: 12px; FONT-FAMILY: verdana, arial, sans-serif; font-weight:bold;}
.floatleft {float: left; border=1; padding=1; margin: 4px;}
a {
color:#09c;
font-size:11px;
font-family:verdana, arial, helvetica, sans-serif;
font-weight:600;
text-decoration:none;
}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#eee;}
#head {
font-family:verdana, arial, sans-serif;
color:#000000;
font-size:16px;
font-weight:800;
background:#238c13;
padding:0px;
}
#head h1 {
margin:0px 0px 0px 0px;
padding:20px;
color:#000000;
font-size:18px;
font-weight:800;
z-index:1;
}
#head a,
#head a:link,
#head a:visited,
#head a:active,
#head a:hover {
margin:0px 0px 0px 0px;
padding:20px;
color:#000000;
font-family:verdana, arial, sans-serif;
font-size:18px;
font-weight:800;
text-decoration: none;
}
/* All the content boxes belong to the content class. */
#content {
position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
width:auto;
min-width:200px;
margin:30px 170px 20px 220px;
border:0px;
background-color: #ffffff;
padding:10px;
color: #000000;
font:bold 15px verdana, arial, sans-serif;
z-index:5;
}
#content h2 {font:bold 16px verdana, arial, sans-serif; padding:15px;}
#content a:link { font-size: 15px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #238c13; text-decoration: none; background-color: transparent; font-weight:bold;}
#content a:visited { font-size: 15px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #238c13; text-decoration: none; background-color: transparent; font-weight:bold;}
#content a:active { font-size: 15px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #238c13; text-decoration: none; background-color: transparent; font-weight:bold;}
#content a:hover { font-size: 15px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #FFFFFF; text-decoration: none; BACKGROUND-COLOR:#238c13; font-weight:bold;}
#navi {
position:absolute;
width:200px;
top:120px;
left:20px;
border-right:#238c13 2px dotted;
background-color:#ffffff;
padding:0px;
color:#238c13;
font:bold 13px verdana, arial, sans-serif;
z-index:2;
}
#navi A:link { font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #238c13; text-decoration: none; background-color: transparent; font-weight:bold;}
#navi A:visited { font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #238c13; text-decoration: none; background-color: transparent; font-weight:bold;}
#navi A:active { font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #238c13; text-decoration: none; background-color: transparent; font-weight:bold;}
#navi A:hover { font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #FFFFFF; text-decoration: none; BACKGROUND-COLOR:#238c13; font-weight:bold;}
#ads {
position:absolute;
width:130px;
top:100px;
right:10px;
border-left:#238c13 2px dotted;
background-color:#ffffff;
padding:10px;
z-index:3;
}
#footer {
position:absolute;
width:100%;
top:730px;
margin:10px 0px 0px 0px;
padding:10px 0px 0px 0px;
border-top:#238c13 2px dotted;
background-color:#ffffff;
z-index:4;
}
#footer A:link { font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #238c13; text-decoration: none; background-color: transparent; font-weight:bold;}
#footer A:visited { font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #238c13; text-decoration: none; background-color: transparent; font-weight:bold;}
#footer A:active { font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #238c13; text-decoration: none; background-color: transparent; font-weight:bold;}
#footer A:hover { font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #FFFFFF; text-decoration: none; BACKGROUND-COLOR:#238c13; font-weight:bold;}
I want to display text, image, videolinks in the header and footer images in my html with css.While header and footer images are displayed in the html , the intended text,image,videolinks are not displayed within the image block of header, footer.Will you please advise me the correct code in css, html to embed the text,image,videolinks inside the header and footer images. thanks I'm having trouble with my website structure... view this page for an example... css is here... The Footer (which currently consists just of the validation images) is suppossed to be at the bottom of the page... It works in IE except there is a little line between the images (it is also part of the link...), and it doesn't work at all in FF... how do I get rid of the line in IE, and what do I need to add or change in my css to get it to be viewed properly in FF? Thanks Bryan Hello, i am currently makeing a website that uses CSS to handle the font colors for the menu, page titles and general text. my problem is this (i hopt this is in the right area) i have a page where the admin can chose the text colors for the different areas, when its selected its saved in a database. is there a way i can set it up so that the CSS file i have pulls the code out of the db and places it in the right place? here is an example ---Menu--- (title) <- class name = mtitle home <- class name = nav in the site.css file which has all my style code in it i need where you put the color code to pull it from the db instead. thank you Hello, guys im new, i need help. i have this website. i can pm the URL. and i am having problems outting ad bars down the sides. i have three bars on the left side, the 3rd one is supposed to float to the other side. the right side has one that is being pushed down. im so lost and really out-of-my-mind lol, i usually have no problems, but wordpress is kicking my butt with this css. any and all help would be greatly appreciated. because i need the layout done by the 1st. so i have less than a week. thank you guys. hope to recieve good answers thank you. Hi all, Sorry about posting something like this but my knowledge (and the stuff in the CSS book besides me) only goes so far. I've tried to fix the problem I have but I've got stuck. Would somebody mind taking a look for me? All I want is the shadows on the left & right hand side to extend to the same height as the MainHolding div. I've tried various things but haven't been able to get it to work without screwing up the whole layout. I know the problem is because the items in the middle are floating and the height doesn't count those items - I just can't fix it. Here's links to the HTML & CSS. If anyone would prefer me pasting the code straight in here, let me know and I'll do it. Sorry about the state of the stylesheet. It's all over the shop at the moment. HTML CSS *** All working now. These's page will probably stop working soon *** It doesn't look very good in IE at the moment. That's next on my to do list. Any other general comments would also be gladly appreciated. Thanks for any help. Regards, Lee I'm completely stuck with my current web design. Pretty sure I'm not doing this the most efficient way, so any suggestions are helpful. My intention is to have the following: 1) an overall pg wrapper that sets width and centering 2) header 3) nav/links area 4) main content 5) footer My probs are all over the place. First, I have wrapper divs that aren't showing up. The content that is supposed to be inside these divs doesn't appear to be in them, so I guess the divs are empty. But I have no idea why this is happening. There is supposed to be a blue bg behind my links section. It's not showing up in IE6. The #main div --which should be a wrapper that contains all the thumbnails of the page -- is empty and showing up mid-way down the page behind all the thumbnails in IE6. If someone can start with these issues and help me, I would be forever grateful! XHTML is attached in a txt file and CSS is posted below. (I added the obnoxious bg colors & borders to divs intentionally to see where things are showing up.) Code: * {margin:0;padding:0}
#wrapper {
border: #f09 dashed 3px;
background-color: yellow;
text-align: left;
margin: 50px auto;
padding: 0;
width: 810px;
}
#header {
border: blue dashed 1px;
background-color: pink;
padding: 0px;
margin: 5px;
}
#header p {
display: inline;
}
#intro {
border: 1px solid black;
background-color: purple;
}
#intro p{
font: bold 80% arial;
position: absolute;
left: auto;
top: 85px;
color: #fff;
padding: 15px 0 0 435px;
margin: 0 0 25px 0;
width: 350px;
line-height: 1.4em;
border: 1px red solid;
}
#nav {
background-color: #09f;
border: solid red 1px;
min-height: 30px;
}
ul {
float: right;
list-style-type: none;
margin: 10px 0;
}
li {
font: bold 12px arial;
display: inline;
padding: 0 17px 0 17px;
border-right: 1px solid white;
}
span {
position:absolute;
top: -100000px;
}
#main {
border: thin green solid;
padding: 25px 25px 0 25px;
background-color: #eee;
min-height: 1000px;
}
div.work {
float: left;
padding: 10px;
/*border: thin red solid;*/
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
background-color: white;
margin: 0 0 25px 0;
}
div.work img {
display: inline;
border: 4px black solid;
float: left;
}
div.work p {
margin: 0;
padding: 10px 0 0 25px;
line-height: 1.3em;
font: 100% arial;
float: left;
border: thin purple solid;
width: 400px;
}
div.work h1 {
margin: 25px 0 0 0;
padding: 10px 0 0 25px;
display: inline;
font: 125% arial;
color: #ff8529;
width: 400px;
float: left;
border: thin green solid;
}
div.work h2 {
display: inline;
margin: 0;
padding: 10px 0 0 25px;
font: 85% arial;
width: 400px;
float: left;
border: thin black solid;
}
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "removed link">
<html xmlns="removed link" xml:lang="en" lang="en">
<head>
<title>Page Title here</title>
<link rel="stylesheet" type="text/css" href="divtest.css" media="screen"/>
</head>
<body>
<!--begin overall page wrapper; sets width and centering-->
<div id="wrapper">
<!--begin header-->
<div id="header">
<p><img src="assets/logoHolder.jpg" alt="Logo alt text here" /><span>Logo description here</span></p>
<div id="intro">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do ei
usmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit.</p>
</div>
</div>
<!--end header-->
<!--begin nav-->
<div id="nav"><ul><li><a href="#">Link 1 goes here</a></li><li><a href="#">Link 2 goes here</a></li></ul></div>
<!--end nav-->
<!--begin main content area-->
<div id="main">
<div class="work"> <img src="assets/placeholder.gif" />
<h1>Heading goes here</h1>
<h2>Subhead goes here</h2>
<p>Supporting information goes here.</p>
</div>
<div class="work"> <img src="assets/placeholder.gif" />
<h1>Heading goes here</h1>
<h2>Subhead goes here</h2>
<p>Supporting information goes here.</p>
</div>
<div class="work"> <img src="assets/placeholder.gif" />
<h1>Heading goes here</h1>
<h2>Subhead goes here</h2>
<p>Supporting information goes here.</p>
</div>
<div class="work"> <img src="assets/placeholder.gif" />
<h1>Heading goes here</h1>
<h2>Subhead goes here</h2>
<p>Supporting information goes here.</p>
</div>
<div class="work"> <img src="assets/placeholder.gif" />
<h1>Heading goes here</h1>
<h2>Subhead goes here</h2>
<p>Supporting information goes here.</p>
</div>
<div class="work"> <img src="assets/placeholder.gif" />
<h1>Heading goes here</h1>
<h2>Subhead goes here</h2>
<p>Supporting information goes here.</p>
</div>
</div>
<!--end of main container-->
</div>
</body>
</html>
Im trying to Implement http://www.trowbridge-wiltshire.co.uk/adrian into a total css page as shown on http://www.trowbridge-wiltshire/newadrian . Unfortunately I am stuck. Please could u have a look at tell me what I am doing wrong. Code:
html, body {
margin: 0:
padding: 0;
font-size: 100%;
color: #333;
background-color: #6795E1;
text-align:justify;
font:normal 10pt "Arial", "Times New Roman"
}
p, h1, pre {
padding: 0px 10px;
text-align:justify;
}
p {
font-size: 1em;
}
h1 {
font-size: 1em;
}
img {
margin: 0;
}
#container {
position: relative;
width: 768px;
margin: 0 auto;
border:2px solid rgb(0,0,0);
}
#banner {
height: 60px;
margin: 0px 0px;
}
#leftcontent {
float: left;
width:130px;
background:#BAC4C8;
}
#leftcontent ul {
list-style: none;
margin: 0;
padding: 0;
}
#leftcontent li {
border-bottom: 1px solid #CBDEF5;
}
#leftcontent li a {
display: block;
padding: 2px 0px;
border: 1px solid black;
background: #BAC4C8;
color: #fff;
text-align:center;
text-decoration: none;
}
#leftcontent li a:hover {
border: 1px solid #1958b7;
background: #BAC4C8;
color: #fff;
}
#centercontent {
position: relative;
background:#E2EAF8;
border-left:2px solid rgb(0,0,0);
margin-left: 130px;
margin-right: 0px;
}
.panel {background:#6E7E86; border:1;color:black}
.Information {background:#E2EAF8;padding:10px;vertical-align:top}
.copyright {padding=5px;font:10pt;text-align:center;background:#CBDEF5}
I'm setting up a website order form, and using CSS for formatting. I want to be able to put a picture icon (to view a picture of the product) beside the products details. I'm having problems because the product details keep wrapping to a new line. Here are some images illustrating the predicament: What it currently looks like Picture 1 What I want it to look like Picture 2 Structure of the DIV boxes Picture 3 The code for the boxes is he Code:
<A href="http://localhost/21072004/picture.php?id=t35064">
<SPAN class=kitTitle>t35064. Kampfpanzer Leopard </SPAN></A>
<DIV style="position: relative; WIDTH: 500px; HEIGHT: 100px">
<IMG src="hobbyhq - tamiya_com_au - Browse_files/camera.jpeg" style=\"position: absolute; margin: 0px 0px 0px 0px;\">
<DIV style="position: relative;LEFT: 45px; WIDTH: 400px; TOP: 0px; HEIGHT: 40px; BACKGROUND-COLOR: #f0f0f0">
<TABLE class=dataFile border=0>
<FORM name=module action=cart.php?action=confirm method=post>
<TBODY>
<TR class=listColor>
<TH>1:35</TH>
<TH class=listHighlight>AFV</TH>
<TH>AU$30.00</TH>
<TH align=right>QTY
<INPUT type=textField size=3 value=1 name=qty>
<INPUT type=submit size=3 value="Add to Cart" name=submit>
<INPUT type=hidden size=3 value=t35064 name=id>
</TH>
</TR>
</TBODY>
</FORM>
</TABLE>
</DIV>
I also took the liberty of putting a sample capture page on my webspace (if anyone wishes to investigate further) Sample Page Page Stylesheet I'm trying to use a "DIV within a DIV", but when I set the positioning to "absolute", the DIV warps to the top of the page! I've been stumped for days on this, and it's delayed the page's launch. If anyone can help me... it'd be very much appreciated. Hi all, I have a problem with a dynamic page on my web site which is driving me mad. I have inserted a javascript nugget on two pages which displays the contents of a shopping cart (from Mals e-commerce). This information is positioned using CSS on two different pages of my site. The structure of the pages is almost identical and they share a common CSS file, yet the cart 'nugget' only displays correctly on one of the pages. The website is www.candle-shack.co.uk. The page that displays correctly is the 'shop by product' page. In this page, the cart information is black text against the white background. The 'shop by fragrance' page displays incorrectly, with the black text hidden against a black background. Any help in resolving this issue would be greatly appreciated, as I have tried everything. Many thanks, Duncan |
|||||||