|
CSS - Very Complicated Css, Gurus Please!
Perhaps you guys can help me debug this CSS problem I am having. Take a look at the following url:
problem url The problem is that setting the background style for ROW elements in the inner table isn't working. It works fine for TD elements as well as the Table itself. One thing to note is that the TD did inherit from the outer table so I had to set the background color to transparent. But seeing as the background color for the table is showing through (sky blue), I don't see why the background color for the rows in the table isn't coming through. I am trying to get this working in IE, but it's not rendering properly in Mozilla either so I feel it may be a CSS problem. Any suggestions? Thanks! Similar TutorialsHi guys, Thi sproblem has complete stumped me. I've strippe dback my code to keep it simple: http://www.express2000.co.uk/test1.php I have setup the button of the from to be an image but as you can see there is a white outline and dash in the middle of the image. i've tried flushing the style but nothing will remove it. If you view source you'll see the code I am using for the button: Code: input.image {
background-image:url(images/login_button.png);
height:15px;
width:50px;
}
Any ideas, hopefully one of you experts knows the answer because I'm stumped! Thanks in advance, Rob. Ok, here's a bit of short background. I haven't done web design or graphic design of any kind in years, and I decided a good way to get back into it would be to give my band's (Cassius) myspace page a facelift. I set up a phony copy of our own, in order not to frustrate any users on our page while I inevitably blundered through the new design. Now, if you aren't familiar with coding on Myspace, it only allows you to edit several sections of your page, and not at all the overall code of the document itself. This means any serious changes you want to make are done very vicariously through CSS, being placed somewhere in the middle of the actual source of the page itself. Irritating, but workable. Everything was going very well. I got frustrated several times, but always found a way to do what I wanted. That is, until I opened the page in IE (v6 and v7 later). (URL address blocked: See forum rules) That is the address. So far, everything appears as I want in Firefox. However, when using IE, the flash player doesn't position correctly, and there are some other minor issues as well. The flash player is the largest problem. So my question is this....how can I persuade IE to position everything properly, while fitting within the ridiculous (im)practical constraints of the actual coding, placed by Myspace? Thanks in advance!! Hi If you take a look at http://www.bullsigns.com/layout.gif this is the layout I am trying to acieve. 2 colums 1 floated left 1 floated right, with the navigation placed over them. I presume this would have to be absolute positioned.? Could someone give me a start on the css code and html on how to achieve what I want. I have this so far Code: <div id="wrapper"> <div id="navigation">navigation <div id="left">left <div id="right">right </div> Code: #wrapper{
width:760px;
margin-left:auto;
margin-right:auto;
text-align:left;
}
#left{
float:left;
width:290px;
height:500px;
margin:0;
margin-right:0;
padding:0;
}
#right{
float:left;
width:290px;
height:500px;
margin:0;
margin-right:0;
padding:0;
}
#navigation{
position:absolute;
}
Thanks alot!!! Hello I'm hoping a CSS guru will be able to help me out. I'm thinking this is a simple question, but CSS is not my strength. I have a three column layout. First column is going to contain RSS feed headline, second column is the main site content and the third column is meant for ads. As it stands now, the first column and the third column are slowing the page load, since they use javascript to suck in RSS (for the headline) and phpAdNew for the the Ads. What I'd like to do is create a div at the bottom of the page, so these load last and then are positioned relatively to those columns? I hope that makes sense. I'm not sure how to move position after page load.. almost seems like I need to make a layer within a layer or something?? This is an example of what I'm trying to do: Code: <html> <head> <title>Test</title> </head> <table cellpadding=0 cellspacing=0 border=0 valign="top"> <tr> <td width=100> <!-- headline rss feed javascript --> </td> <td width=500> <!-- main content --> </td> <td width=100> <!-- phpAdNew javascript --> </td> </tr> </table> <div id="headline"> <script language="javascript" src="http://www.domain.com/path/to/headline.js></script> <!-- I'd like this to be placed in column 1 --> </div> <div id="ads"> <script language="javascript" src="http://www.domain.com/path/to/ad.js></script> <!-- I'd like this to be placed in column 3 --> </div> </body> </html> Anyways, any help is greatly appreciated. Let me know if you need any additional information from me, etc. Thanks! hanji Hey guys. So everything in the picture are in <div> tags to start off. If you look at the image, there is nothing really wrong with the design of the site at the moment, but that is a pretty large resolution, 1920x1080. The problem arises with smaller resolutions like here for example: This was shot at 1280x1024 or 1024x768. As you see, the background image is not aligned anymore. Could you guys help me with ideas or actual fixes on how I should overcome this problem? Like written on the image, I'm currently using a background image that is repeated on the y-axis and is then aligned with "scroll=(x)%". I almost forgot to add, that the 2 side bars are also scaled by percentage, with "width=(x)%". I've been lurking these forums for quite some time and finally decided to register today to ask this question. I've been working on this problem from several hours and can't come up with an adequate solution. I am currently working on a threaded comment system, as pictured below. This works fine for users with short names. However, when a comment is posted by a user with a slightly longer username the site breaks. Working Fine: [h]t[t]p://uploader.[w]s/upload/200712/good.gif Problem: [h]t[t]p://uploader.[w]s/upload/200712/bad.gif My current solution involves measuring the pixel width of each username, and adjusting the padding accordingly. This seems like a rather complicated solution, and I suspect it could be done in a much better fashion. Link to actual HTML: [h]t[t]p://allknowingball[.]com/write/ Perhaps someone could give me a few ideas on how to improve the overall CSS comment structure to fix this issue - right now it's very messy/ugly. I have css driven dropdown menus but they disappear when I try to scroll down. Also when they appear they are below the main content in my content box. I'm getting most of this information out of books and online forums. Anybody know anything about this? My Developement Site CSS code I know it isn't pretty yet, but I'm just working on basic layout for now. |
|||||||