Topic: More CSS positioning.... (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=28503" title="Pages that link to Topic: More CSS positioning.... (Page 1 of 1)" rel="nofollow" >Topic: More CSS positioning.... <span class="small">(Page 1 of 1)</span>\

 
loj58
Nervous Wreck (II) Inmate

From: I'm over here, now
Insane since: Jul 2006

IP logged posted posted 10-05-2006 01:00 Edit Quote

Ok, I am attempting to make my first LAyout with CSS and I've been reading everything I can on the subject. The problem is that most of it is about as clear as mud since I have NO clue what I'm doing. I am however making strides and learning.

I'm working on a layout that should be pretty simple. A div containing a header image and 2 divs. I got it all together, patted myself on the back, and told myself good job Chris.... Then I launched IE, NOT SO GOOD OF A JOB.

I created a dummy page using the same html and CSS here

CSS is here

The header image is fine.....
The white div is positioned exactly where I want it and stays there in IE,FF,safari.... beautiful
The navigation div is positioned correctly and stays there in IE , FF,safari....beautiful

The thumbnail images however will not work with me!

Can someone please give me some insight as to why in IE those thumbnail images will not position as they do in FF?

Flashy signature here...

reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

IP logged posted posted 10-05-2006 08:40 Edit Quote

http://developer.mozilla.org/en/docs/Images%2C_Tables%2C_and_Mysterious_Gaps

The other images (navigation.gif, testheader.gif) should be background images.

loj58
Nervous Wreck (II) Inmate

From: I'm over here, now
Insane since: Jul 2006

IP logged posted posted 10-06-2006 00:55 Edit Quote

ok reisio, I read that and tryed to apply some of the things it mentioned but I still haven't got the positioning I would like on the thumbnail images.

I have however got them positioned in a way that"I can live with"

Now on to my next question:

When I linked the thumbnail images and text associated with them it put borders around the images.... how do I get rid of those?

I tryed "border: none;" but that doesn't work.

Web page

CSS

Oh yeah... and thanks for all your help, you probably answer these basic html/css questions over and over again. I really appreciate it.

Flashy signature here...

(Edited by loj58 on 10-06-2006 00:55)

loj58
Nervous Wreck (II) Inmate

From: I'm over here, now
Insane since: Jul 2006

IP logged posted posted 10-06-2006 16:16 Edit Quote

Woohooo! I figured it out!

ALL BY MYSELF.... I might add...

It was a shot in the dark but just on a whim I tryed

code:
a img{ border: none; }



AND IT WORKED!

I may learn this stuff after all.

But don't worry I'm sure I'll have another no0b question soon.

Flashy signature here...

(Edited by loj58 on 10-06-2006 16:19)

loj58
Nervous Wreck (II) Inmate

From: I'm over here, now
Insane since: Jul 2006

IP logged posted posted 10-06-2006 16:17 Edit Quote

double post

(Edited by loj58 on 10-06-2006 16:18)

Rinswind 2th
Maniac (V) Inmate

From: Den Haag: The Royal Residence
Insane since: Jul 2000

IP logged posted posted 10-06-2006 18:21 Edit Quote

keep poking at the code, you are doing great.
Keep checcking your pages in different browsers. Learn by messing with it.


.........................................................................
:: Develop yourself, develop your life, develop the world ::
.........................................................................



Post Reply
 
Your User Name:
Your Password:
Login Options: Remember Me On This Computer
 
Your Text:
Loading...
Options: Show Signature
Enable Slimies
Enable Linkwords

« BackwardsOnwards »

Show Forum Drop Down Menu