Arggg stupid css design.....

Adam Y. · #1 21-04-2004, 13:20

Im working on a css website and none of the functions are working. I validated that the information is right and the Version of internet explorer I am using is 6.0. In fact the only place that the CSS is being recognized in is Microsoft FrontPage in normal view and not preview. What is wrong?

#2 21-04-2004, 13:32

Your first problem is FrontPage

I absolutely hate using front page because of all the stupid Microsoft rules and limits they require you to use. It might take you a lot longer, but I'd probably hardcode with notepad...thats usually what I do first. If you want an HTML editor, I'd reccomend getting your hands on a copy of Macromedia Dreamwaver. I use dreamweaver for all my webstuff and it's fairly easy to use and learn.

Adam Y. · #3 21-04-2004, 13:34

I am handcoding it. The only thing that will actually recognize my css is Frontpage. Internet Explorer simply refuses to. I wonder if it has anything to do with my school's computer. Its really really freaky.

#4 21-04-2004, 13:41

Quote:

Originally Posted by Adam Y.

I am handcoding it. The only thing that will actually recognize my css is Frontpage. Internet Explorer simply refuses to. I wonder if it has anything to do with my school's computer. Its really really freaky.

Copy the code here and ill take a look at it...and if you are using external CSS, show that page and the .html file

LauraN · #5 21-04-2004, 15:43

Quote:

Originally Posted by Adam Y.

Im working on a css website and none of the functions are working. I validated that the information is right and the Version of internet explorer I am using is 6.0. In fact the only place that the CSS is being recognized in is Microsoft FrontPage in normal view and not preview. What is wrong?

I've had serious problems with css in the past. This may sound crazy, but it's possible your computer isn't recognizing the file extension. I've had problems with this- even with relatively new computers that have fairly new software. If it's an external file, try placing the code inside the <head></head> commands of the page. If that works, it may just be the computer/OS/software- ie, things outside your control. If not, you probably forgot like one semicolon somwhere that's screwing it up. =)

I'll take a look too if you post it.

And what DJ Fluck said-I applaud your handcoding. Never use FrontPage!!

(not that we don't all love Microsoft...)

jonathan lall · #6 21-04-2004, 18:33

Chances are that you made a really small syntax error in your HTML code's link, or possibly (but unlikely) in the CSS file itself. FrontPage (and IE) tends to be very forgiving of mistakes or bad code, which is why this is probably the case.

If you have this page uploaded on a web server, I'd be happy to take a look. It's likely that the problem lies in your <link> or <style> tags, or their attributes though, so double-check them first.

Raven_Writer · #7 21-04-2004, 18:47

Personally, I think you should try to see if Netscape, Mozilla, or a browser of that sort can view the page also. IE isn't very friendly on reading CSS files I believe.

Roland · #8 21-04-2004, 20:14

I second the motion to have you show us the code.

Adam Y. · #9 21-04-2004, 20:26

Quote:

And what DJ Fluck said-I applaud your handcoding. Never use FrontPage!! (not that we don't all love Microsoft...)

I was handcoding it.

But goosh darn it there is something wrong with my school's computers. It simply does not display the fact that there is any css. The only program that actually displayed my css was Frontpage?? There is no errors as I checked on a validator because I couldn't figure out what was happening. It works on my computer now. Could it be the fact that I was using Microsoft Word to type it and not notepad?? Sorry I did not post this sooner I feel asleep.

PHP Code:


			
<html>

<head>

<style type="text/css">

body {background-color:black; width:800px; height:600px;}

.rightnavbar {width:150px; height:200px; border-style:ridge; position:absolute; left:0px; top:70px}

.topnavbar {width:800px; height:68px; position:absolute; left:0px; top:0px; border-style:ridge}

</style>

</head>

<body>

<table class="topnavbar">

hello

</table>

<table class="rightnavbar"

work dam u work

</table>

</body>

</html>

Venkatesh · #10 21-04-2004, 21:52

Hello,

Good job with the hardcoding! What text editor are u using? (If you say vi or notepad, I will adore you, living in the dark ages before syntax highlighting).

CSS tends to be very... interesting when coupled with Frontpage. Or Dreamweaver. Trust me, the 98.4mb trial is not worth downloading. Hardcode all the way!

I would recommend you try another OS and/or web browser. Usually fixes CSS problems for me.

Good luck.

jonathan lall · #11 21-04-2004, 22:08

A quick look at your code suggests that the CSS is working to some extent. I'm seeing stuff on both IE6 and Gecko. Also, you might want to get something that highlights syntax. It would have shown the fact that you didn't close one of your <table> elements. If you tell us what you want to achieve with the file, I could whip something up for you.

LauraN · #12 21-04-2004, 22:53

Quote:

Originally Posted by Adam Y.

Sorry I did not post this sooner I feel asleep.

Haha I took a nap today too. Way to go. =)

Ok, let's see here. Someone already pointed out that you didn't properly close one of the table commands.

PHP Code:


			
<table class="rightnavbar"

work dam u work

</table>

Here's what happens: I tried linking to the style sheet (saved it as a .css) and everything but the background color works. *confused* I tried changing it from "black" to the hex code (#000000) but that didn't help. So I'm not really sure what's up in terms of how different browsers/OS's are working.

With the embedded style sheet (either way, actually), the tables show up- but you need to open and close the <TR> and <TD> tags for the text to show up in the right place- otherwise it ends up outside your tables and the tables then change position to accomodate, so all your .css positioning is pointless.

Also, one piece of unsolicited advice. =) You may want to try playing around with div layers and seeing if that helps. They may be easier to work with, depending on what you're trying to do. Your style sheet will work the same way, but you can just change your code from <table class= "topnavbar"> to <div id= "topnavbar" class= "topnavbar">. I think you may be able to do more with the css then. I'm not totally sure, but it's probably worth playing around with.

Hope this helps. I think I fixed some stuff but I'm not sure I exactly answers your original question. Maybe if we knew what OS and browser you were using on the school computers compared to what we are all using we'd be able to figure out what does/doesn't support what you're trying to do and possibly fix it.

Greg Ross · #13 21-04-2004, 23:55

Quote:

Originally Posted by Adam Y.

I was handcoding it.

But goosh darn it there is something wrong with my school's computers. It simply does not display the fact that there is any css. The only program that actually displayed my css was Frontpage?? There is no errors as I checked on a validator because I couldn't figure out what was happening. It works on my computer now. Could it be the fact that I was using Microsoft Word to type it and not notepad?? Sorry I did not post this sooner I feel asleep.

PHP Code:


			
<html>

<head>

<style type="text/css">

body {background-color:black; width:800px; height:600px;}

.rightnavbar {width:150px; height:200px; border-style:ridge; position:absolute; left:0px; top:70px}

.topnavbar {width:800px; height:68px; position:absolute; left:0px; top:0px; border-style:ridge}

</style>

</head>

<body>

<table class="topnavbar">

hello

</table>

<table class="rightnavbar"

work dam u work

</table>

</body>

</html>

This works for me:

PHP Code:


			
<html> 

  <head> 

    <style type="text/css"> 

      body {background-color:yellow; width:800px; height:600px;} 

      .topnavbar {background-color:red; width:800px; height:68px; position:absolute; left:0px; top:0px;   border-style:ridge; border-width:10} 

      .rightnavbar {background-color:blue; width:150px; height:200px; border-style:ridge; position:absolute; left:0px; top:70px} 

    </style> 

  </head> 

  <body> 

    <table class="topnavbar"> 

      <tr>

        <td>

          hello 

        </td>

      </tr>

    </table> 

    <table class="rightnavbar" 

      <tr>

        <td>

          work dam u work 

        </td>

      </tr>

    </table> 

  </body> 

</html>

Joe Ross · #14 22-04-2004, 00:17

Your problem isn't with your css, but with your html.

I've attached screenshots of 3 different browsers rendering of gwross's code and your code.

FizMan · #15 22-04-2004, 07:31

Quote:

Originally Posted by Adam Y.

Could it be the fact that I was using Microsoft Word to type it and not notepad??

Don't know if this is an issue or not, but depending on how you saved the Word file, it might have thrown in wacky formatting codes. But yeah, other than that, just fix up the HTML...

and in regards to the background-color not working... it's 'cause it should be background-colour

[/joke]

And does calling the width/height properties for the body tag actually do anything?

Thread Tools
Show Printable Version Email this Page
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
CSS Based Design	Brandon Martus	Website Design/Showcase	13	07-05-2004 19:46
TechnoKat design usage, communicated with judges	Andy Baker	General Forum	13	24-03-2004 17:37
Design Sharing	Rod	General Forum	32	14-01-2004 22:00
How do you design your robot?	Gui Cavalcanti	General Forum	23	16-11-2003 18:33
Ok, so YOU design the 2003 game...	dlavery	General Forum	157	07-01-2003 23:55