|
CSS - One For The Css Gurus
Hi 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. Similar TutorialsPerhaps 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! 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!!! 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!! 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 |
|||||||