|
CSS - Pls Help! Blood Is Begining To Seep From My Ears In Frustration!
Firstly I am a noob to design and code and am attempting to self teach so if this is in the wrong section I do appologize.
I am attempting to create a designed content box and nearly have it working except I have one issue that has for the past week been causing the vain in my temple to pulsate rapidly! The content box has a total of 10 image boxes around the center text box. The problem is that the 2 side boxes that have a background image will not tile continuously as is intended when the text expands past a certain point as it lengthens. Here is the code that I have also I am using Dreamweaver CS3. If anyone could help me solve this you could very well be saving a life! I had images however apparently I am not able to use em so I hope its ok to pull a sneaky worldwideweb.axiomfiles.com/Files/213668/4junk2.png - shows the different cells worldwideweb.axiomfiles.com/Files/213668/4junk.png - shows the content box on the web after Ive lengthened the text area (which is a must on certain pgs and can be quite long) My Thanks in advance. Dee =============================== <table border=0 cellpadding=0 cellspacing=0 align="center" width="781"> <tr valign="bottom"> <td width="86" height="100"><img src=".../Files/213668/4topleftcentercorner.png" width="86" height="100"></td> <td height="74" valign="middle" background=".../Files/213668/4topcenter.png" bgcolor="#1C1C1E" alt=""> <div align="left"> <table border=0 cellpadding=0 cellspacing=0 width="291"> <tr valign="top"> <td width="291" height="50" align="center"> <div align="left"> $block[title]</div></td> </tr> </table> </div></td> <td width="46" height="100"><img src=".../Files/213668/4toprightcentercorner.png" width="86" height="100"></td> </tr> <tr align="left" valign="top"> <td height="100"><img src="...../Files/213668/4topleftcentercorner2.png" width="86" height="106" align="top"></td> <td height="100" rowspan="2" bgcolor="#1C1C1E" alt=""> <left> <font size=2> <left> <table> <tbody> <tr> <td width= 700 align="left"> <p align=left><font size=2> $block[content]</td></tr></tbody> </table></td> <td height="100" alt=""><img src="...../Files/213668/4toprightcentercorner2.png" width="86" height="106" align="top"></td> </tr> <tr> <td width="86" height="900" background="..../Files/213668/4leftsidecenter2.png"></td> <td width="86" background="..../Files/213668/3maintextbotrightcorner2.png" alt=""></td> </tr> <tr valign="bottom"> <td width="86" height="82"><img src="...../Files/213668/4botleftcentercorner.png" width="86" height="82"></td> <td height="80" background="http..../Files/213668/4botcenter.png" alt=""></td> <td width="86"><img src="..../Files/213668/4botrightcentercorner.png" width="86" height="82"></td> </tr></table> <p><BR><br><BR> Similar TutorialsI need some help. I'm considering going back to using tables for layouts. Not that there is anything inherently wrong with that, just that ive spent alot of time learning how to position with CSS .. Its just frustrating. Floats are NOT the way to implement columns. Could someone please tell me what Im doing wrong here? I want the column on the left's header to align up just perfectly with the header in the column on the right. Ive reduced padding and margins in both cases to zero, yet there is an un-accounted for positive space in FF and a negative space in IE. What the hell is this????? http://www.doublethinkdesigns.com/d...php?option=e_KL Some code: PHP Code: print("<div id=\"left_content\">\n"); print("<h3>Current Key List</h3>\n"); print("<div id=\"scroll\">\n"); // programming .. blah print("</div>\n"); // End Left Content print("</div>\n"); // Begin Right Content print("<div id=\"right_content\">\n"); print("<h3>Available Key Lists</h3>\n"); print("<form>\n"); // programming .. bleh print("<input type=\"submit\" value=\"Update Active List\">\n"); // End Right Content print("</div>\n"); And some CSS: Code: body
{
margin: 0px;
padding: 0px;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: center;
color: #FFFFCC;
background: #000000;
}
/* CONTENT PARTITIONS */
div#single_div
{
margin-left: auto;
margin-right: auto;
text-align: left;
padding: 0px 30px 0px 30px;
border: 2px solid blue;
}
div#left_content
{
width: 400px;
float: left;
margin: 0px;
padding: 0px 0px 0px 0px;
border: 2px solid red;
/*
text-align: center;
*/
}
div#right_content
{
margin: 0px 0px 0px 440px;
padding: 0px 0px 0px 0px;
border: 2px solid green;
}
Hi. Here's my site in development: bongbay.spacemakeover.com/homemade-bong.php In Internet Explorer it looks fine, the menu's align to the top fine - BUT in firefox there is a big annoying gap from the top. Does anyone please know how I can fix this?? Hi all, I have been teaching myself CSS for a website I am making, which has all been running smoothly until an issue today. Basically the issue is with a .class DIV nested inside a #id DIV.. Code:
<div id="wrap">
......
<p>...</p>
.......
<div class="info_box">
........
<p>.....</p>
......
</div>
.......
</div>
Using CSS, i set the font color (among other things) for <p> to be different in the "wrap" id and "info_box" class.... and I was shocked to find that the styling I had written for the class was ignored, and it was using all the styling specified for the ID. After searching, I found that this is because of specificity, in which the #id has a higher specificity. Although I now know the cause, i am not sure what I should do? I would like to be able to keep "info_box" as a .class, because I would use it more than once on a page. The only solution I can think of is to make the "wrap" a .class, but this does not seem logical, as I only use it once. Please Help! My problem is that the site I'm developing for my church displays wonderfully in FireFox Opera Netscape BUT in IE the headings in the content block refuse to be transparent so that my background image shines through like it does for the rest of that block. Here's the page...any help would be appreciated much! Parkview Baptist Church I just noticed that if I resize the IE to a real narrow window, it stacks the first h2 and pushes the background down enough that all of that first h2 shows, but the subsequent on is not visible. Don't know if that helps or not... Best Regards, Jim I would rather be exposed to the inconveniences attending too much liberty than to those attending too small a degree of it. -- Thomas Jefferson |
|||||||