|
CSS - Css Altered On New Server
I am a developer. Recently developed a site on my server, then moved it to client server. On the client server, some of the CSS is different. Nothing major, small stuff like spacing and a drop down menu that are off. Nothing changed. I moved everyfile, for sure. This is not the first time this has happened to me.
Am I missing something? Similar TutorialsHi Can you please say me how I can make permanent spraylogos on my server. I have created a website design using Visual Studio 2005. When I debug/test my website, the CSS layout all works and looks good in IE7. However I then upload the website to our hosting website's webserver which is an Apache/1.3.33 Server, and view it with IE7, it doesn't look the same. From what I can tell (as I am still learning CSS and never worked with an Apache Webserver) is that the right: 0px isn't working as my layout isn't spanning the entire page. There are a couple of other issues to, but this is the main one initially. I have validated my CSS and it checked through ok. Is the Apache Server just serving up my CSS differently than what I am expecting and seeing when I test locally? I thought the different browsers (IE, Netscape, Firefox) were what usually caused these type of problems; not what type of server it was. Thank you for any help! Hello all, I'm working through a tutorial and everything seems to work fine. The page appears except for the css part. i have wamp server installed, newest version. apache, mysql, and php works i'm running wamp server on my laptop searched google and the answers i found didnt work so i thought i try here. what am i doing wrong? http://localhost/widget_corp/staff.php PHP Code: <html> <head> <title> Widget corp Staff</title> <link href="stylesheets/public.css" media="all" rel="stylesheet" type="text/css" /> </head> <body> <div id="header"> <h1>Widget Corp</h1> </div> <div id="main"> <table id="structure"> <tr> <td id="navigation"> </td> <td id="page"> <h2> Staff Menu</h2> <p> Welcome to the staff area.</p> <ul> <li><a href="content.php">Manage Website Content</a> </li> <li><a href="new_user.php"> Add Staff User</a></li> <li><a href="Logout.php"> Logout</a></li> <ul> </td> </tr> </table> </div> <div id="footer">Copyright 2007, widget Corp</div> </body> </html> PHP Code: /* site colors: #1A446C - blue grey #689DC1 - light blue #D4E6F4 - very light blue #EEE4B9 - light tan #8D0D19 - burgundy */ html {height: 100%; width: 100% } body (width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; font-family: Verdana, Arial, Helvetica, Sans-srif; background: #D4E6F4; font-size: 13px; line-height: 15px; } img { border: none; } table, tr, td { border-collapse: collapse; vertical-align: top; font-size: 13px; line-height: 15px; } a { color: #8D0D19; } #header { height: 70px; margin: 0px; padding: 0px; text-align: left; background: #1A446C; color: #D4E6F4; } #header h1 {padding: 1em; margin: 0px;} #main {margin: 0px; padding:0px; height:600px; width:100%; background: #EEE4B9; } #structure {height: 600px; width:100% } #footer { height: 2em; margin: 0px; padding: 1em; text-align: center; background: #1A446C; color: #D4E6F4;} /* navigation */ #navigation { width: 150px; padding: 1em 2em; color: #D4E6F$; background: #8D0D19; } #navigation a { color: #D4E6F4; text-decoration: none; } ul.subjects { padding-left: 0; list-style: none; } ul.pages {padding-left: 2em; list-styl: square; } .selected { font-weight: bold;} /* page Content */ #page { padding-left: 2em; vertical-align; top; background: #EEE4B9; } #page h2 { color: #8D0D19; margin-top: 1em;} #page h3 { color: #8D0D19; } Hi All, I'm new here so here's my problem: Ive created a style sheet with the thumbs-style that resizes pictures. .thumbs { border: 2px solid #524b2f; position: static; height: 80px; width: auto; } body { background-color: #f5f0ec; font-family: Verdana, Arial, Helvetica, sans-serif; scrollbar-face-color : #f5f0ec; scrollbar-highlight-color : #aca899; scrollbar-3dlight-color : #f5f0ec; scrollbar-shadow-color : #aca899; scrollbar-darkshadow-color :#f5f0ec; scrollbar-track-color : #f5f0ec; scrollbar-arrow-color : #524b2f; } .text1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 24px; color: #524b2f; font-style: normal; font-weight: bold; text-transform: none; font-variant: normal; text-decoration: none; } .text2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #524b2f; } .titel { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: normal; font-weight: bold; color: #524b2f; text-decoration: underline; } Everything works fine on my computer. But load the page on the server the resizing doesn't work anymore. Here's the link http://www.sleuyter.be/04/lay04-1.htm When i right click on the thumbs in the I-frame and select properties than they resize to the specified size in the CSS-sheet. On my pc everything is ok , what can it be with the server? Who can help me? Thx, ROY I'm a novice web developer and I created a website for a non-profit group using a free CSS Template. It worked great until a few months ago, then the left and right borders suddenly were out of align. It works fine on another web hosting company's web server, but not the one it needs to work on. I recreated the whole website using a different CSS template and it is doing the same thing! Any ideas? Thanks so much! Hi, I have a file named button.html with this code: Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
input:focus { border: 1px solid navy; }
</style>
</head>
<body>
<input type = "text" />
</html>
When I store it in my desktop, and open it from there, the focus works as expected. But when I store the file in Wamp and open it there either by typing C:\Wamp\www\button.html or http://localost/button.html in the URL bar, nothing happens. Can anybody explain this and offer a remedy? Hi I am using suckerfish drop down menu without problem on my local server, however, on the remote server them menu won't work when jscript is turned off (when viewed on IE). Do you have any idea why this might be? has anyone had this problem before? (here is the url: (URL address blocked: See forum rules)) thanks a lot |
|||||||