cssfreakie

do you have it somewhere online? so we can inspect it

you could have done this with display:block;

get firebug and inspect the element, nothing special done here really.

yes there are, display inline on any list will make it horizontal. (ul is a block element)

3 questions: do you use a reset.css? (like meyer's reset.css) why you use float on the li? isn't text-align a better option? is your doctype valid..: does it have a space between language and url? -edit: if you have it online somewhere it's easier to fix it.

I have no idea m8, how to solve your thing. I did everything i would have tied myself. sorry

notice though if you are referencing from an external stylesheet that the path t the image is different, would probbaly look like: background:#000000 url(../17298356341299066112.jpg) no-repeat left top;

well I have no idea either other wise than your html looks like one big organised mess with loads of white space. right click view source do you see all the white space everywhere? Use indentation instead of a new line to bring structure. And maybe your processor code is producing this. I have no idea what you use, but it just produces the space, which both chrome and firefox seems to interpret as a <br> Just to show what i see when i do "view source" All i can say is clean your whole script up <div class="box margin_r30 box_border"> <h2><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" id="speed" width="315" height="29" > <param name="movie" value="reqcallback.swf"> <param name="bgcolor" value="#FFFFFF"> <param name="quality" value="high"> <param name="wmode" value="transparent"> <param name="seamlesstabbing" value="false"> <param name="allowscriptaccess" value="samedomain"> <embed type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" name="Doctor PC Repair - Request a call back" width="315" height="29" src="reqcallback.swf" bgcolor="#FFFFFF" quality="high" seamlesstabbing="false" allowscriptaccess="samedomain" wmode="transparent" > <noembed> </noembed> </embed> </object></h2> <div class="box_image_wrapper"> </div> <table style="width:250px" <form method="POST" action="#form"> <tbody><tr><td valign="top" style="width:115px;"> <label for="name">Phone #:</label> </td> <td valign="top" style="width: 115px;"> <input type="text" name="email1" id="email1" MAXLENGTH=12 size=16 value="" /> </td> </tr><br> <tr> <td valign="top" style="width: 115px;"> <label for="phone">Verify Phone #:</label> </td> <td valign="top" style="width: 115px;"> <input type="text" name="email2" id="email2" MAXLENGTH=12 size=16 value="" /> </td> </tr><br><br></table> <table style="width:250px"> <tbody><tr><td valign="top" style="width:145px;"> <label for="Message">Enter letters below:</label> </td> <td valign="top"><input name="captcha2" size="8"/> </td> </tr><br> <tr> <td valign="top"><span class="class2"> <label for="Message"><a href="/contact.php?captchawav=1&captchasalt=1706340">Listen To This</a> / <a href="javascript:location.reload(true);">Refresh</a></label></span> </td> </tr> <tr> <td colspan="2" style="text-align:center"> <img style="vertical-align: middle" src="/contact.php?captchaimg=1&captchasalt=1706340"> <input type="submit" name="send2" value="Submit"/> <font color="red"><b></font></b></p> </td> </tr> </tbody> </table> </form> <div class="cleaner_h10"></div> </div> maybe consider to put the flash text on one line instead of multiple ones. I assume you never have to change that code ever, so who cares about the readability of it. And if you are not eager learning, at least that is what i make up from: You will stick with these tabular designs. May I ask what CMS or code is producing this page or did you create it yourself. IF it's a cms i would say choose another, becuase it aint clean.

can't it be something with your wysiwyg editor. anyway you have quite some whitespace in your html. maybe clear those and start and the next line instead instead of skipping lines. But it could be quite some things, but those ,<br> are interpreted there.

lol ok, that is something completely different indeed. btw Did you install firebug? yes? no? and what did you see.... did you even look at your own code or not? I really recommend you don't build any website for anyone for a fee until you master these basics. I don't mean that rude, but i assume you don't like to get clients up your *** because you are not able to do what they want. if you see the code below do have you any idea what is causing the extra space? <h2>..</h2> <div class="box_image_wrapper"></div> <br> <br> <br> <table style="width: 250px;"></table> indeed you have 3 breaks <br> in there, besides that you have a <h2> element which at default has space below it, so if you want to get rid of that set margin-bottom to some value you like. and again if you would have used firebug, you could have simply seen this deleted in browser view the breaks, et voila, space is gone.

http://spyrestudios.com/21-awesome-font-face-embedable-typefaces/ You need to add style to element apart GraublauWeb is the imported font here. h1 { font-family: GraublauWeb, Helvetica, Verdana, Sans-Serif; }

Well you say that pretty quick it took me days to see exactly what it does. What you could try is apply a strict doctype, but still you need to mimic hover behaviour for IE 6. and maybe even IE 7 if that doesn't work. And you need to do that with javascript css can't. Since you assume that the suckerfish technique is not able to do what you want. I can't help you really. It uses javascript to mimic the hover. What i would do is look at that javascript and adjust it to your needs. But i don't know crap about javascript as far as reading goes.

The image is a sprite: http://www.room77.com/images/web/sprites/home_search.png in case you didn't found it, nifty thing is though the font is collored whitem so you wont see it directly if you do show image

Ah, the pseudo hover class is not supported in IE 7 and lower (in your case you have li:hover). I assume you got this menu technique from the son of suckerfish? IF so, a small part of it is using javascript for it IE 7 and lower to mimic the hover effect. Maybe check out the creators of it: http://htmldog.com/articles/suckerfish/ If your not using their technique I recommend you do. It's as far as i know the best technique. Hope this helps

have you got it somewhere online? it easier to inspect that way.

They used a text-indent of -5000px for it. So the background is just an image, but the text over it displayed outside the view Use firebug it would have immidiatly told you: div.home_search_container h1 { background-position: left top; height: 40px; margin: 0 auto; text-indent: -5000px; width: 670px; } This is probably done for SEO reasons

Lol dude you said thanks, I assumed that would have fixed it. At least it does at my place. did you gave the table tag the width i said? See the image in the post above. I gave it 215 px. in case you have difficulty reading. i did this.... <table style="width:215px"> If something doesn't work say it!

: : ::)netbeans ftw! : :

call an air strike!

I am not sure if I understand you, but with php and mysql, you could make a login form or anything alike and By using an insert query you could add a new job. ones your done with a select query you can ask for all rows from the database, with for instance the same client or any category you like. But i don't know how familiar you are with this stuff.

no problemo hope it helped. developing css without firebug, will cost you loads of time extra

Ah ok, well next time if you have a css question add an image with some arrows so we know what you talking about. would be great saves everybody time. And maybe use #id's in your design, helps targeting too for css. I really suggest you read a bit about tables because you clearly didn't, just google tabel design etc. Also i can really recommend using firebug for firefox. that way you can apply style while viewing. see attachment, telling me after a little experimenting that applying 215px to only your <table> would be enough. [attachment deleted by admin]

I just did this: Like i just already said, I only added 115px, to the TD that was causing troubles so not to them all The code you gave above btw is of the form at the right side, whilst you were talking about the REQUEST CALLBACK form. So i will give the code that should work. Notice I only changed the 2 values. (table width and td width) you can apply the same logic to the form at the right side. <table style="width:250px"> <tbody><tr><td valign="top" style="width:115px;"> <label for="Message">Enter letters below:</label> </td> <td valign="top"><input name="captcha2" size="8"> </td> </tr><tr> <td valign="top"><span class="class2"> <label for="Message"><a href="/contact.php?captchawav=1&captchasalt=1038284">Listen To This</a> / <a href="javascript:location.reload(true);">Refresh</a></label></span> </td> </tr> <tr> <td colspan="2" style="text-align: center;"> <img style="vertical-align: middle;" src="/contact.php?captchaimg=1&captchasalt=1038284"> <input name="send2" value="Submit" type="submit"> <font color="red"><b></b></font><b></b> </td> </tr> </tbody> </table> [attachment deleted by admin]

oh, i didn't see a pop up either isn't is a weird javascript you implemented that does this blocking? I really have no idea what this is than

if you don't know crap about code, don't offer clients you can do it. But that's just my opinion. Since i saw you offered web stuff. Yes any element can be styled so also a <td> I just added both width to the <table style="width:250px"> and width to the <td style="width:115px">