Viewed in internet (already viewed in firefox), THIS IS TRICKY! Options

[RyanChronicles]

Ok so I have to images to show you.

I don't know why this isent working maybe because of the uploading site im using or something?





Any code that can help me get both table viewed on both browsers?

Or is it because of my uploader im using PHOTObucket to host the images

Code!

CODE

<table width="430" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="" alt="news" width="430" height="36" /></td>
</tr>
<tr background="">
<td><p align="justify">
</p>

TEXT GOES IN HERE.

</div></td>
</tr>
<tr>
<td><img src="" alt="bottom" width="430" height="36" /></td>

</tr>
</table>

[fixtatik]

hmm, what are these for?

CODE

<p align="justify"></p>
</div>

you don't need those at all, especially the closing div, because the tag wasn't opened.

the other problem is probably that you have a blank property in that one table cell (<td background="">). get rid of the background="" and you should be good.

[RyanChronicles]

I don't get the last part :( maybe rewrite the code and It would explain more

[fixtatik]

if you want to redo it completely, i'd pull it off something like this.

first, CSS for your about me & news:

CODE

.aboutme {
  background: rgb(169,215,179) url(ABOUT ME IMAGE) no-repeat;
  padding: 36px 0 7px;
  width: 430px;
}
.news {
  background: rgb(169,215,179) url(NEWS IMAGE) no-repeat;
  padding: 36px 0 7px;
  width: 430px;
}

then the HTML:

CODE

<div class="aboutme">
  your text.
</div>

<div class="news">
  your text.
</div>

[RyanChronicles]

it did not work also it would not view in internet im looking for something similar to this but viewed in both browsers



EXACTLY like that if u can find the codeing and make it viewable :D

[fixtatik]

the code i gave you works in internet explorer, firefox, safari, opera...i could keep going.

make sure you're actually putting the CSS coding IN a style sheet (between the <style> tags). i don't put style tags on CB; it annoys me when people have 83 different sets of them because they just copy & paste code.

that said, i'm not, and no one else is going to pick out that exact code from that band--that would be stealing.

[RyanChronicles]

I don't just know how to work the code

Like it doesn't look the same as what i had before the middle color did not appear

[fixtatik]

gotcha. i wasn't sure if you wanted the middle color or not--you didn't really say.

add this to the CSS:

CODE

.aboutme div, .news div { background: rgb(255,255,255); }

and your HTML should look like this:

CODE

<div class="aboutme">
  <div>
    your text.
  </div>
</div>

<div class="news">
  <div>
    your text.
  </div>
</div>

[RyanChronicles]

Where do i put my top and bottem pictures?????

[fixtatik]

...in the original code i gave you. there are big letters that say ABOUT ME IMAGE and NEWS IMAGE. you still need that entire code; the second one is just additional.

[RyanChronicles]

:( i hate this stuff lol

One last thing to test it out

Write the code again with the new part just combine everything so i can see what im looking at

[fixtatik]

CSS:

CODE

.aboutme {
  background: rgb(169,215,179) url(ABOUT ME IMAGE) no-repeat;
  padding: 36px 0 7px;
  width: 430px;
}
.news {
  background: rgb(169,215,179) url(NEWS IMAGE) no-repeat;
  padding: 36px 0 7px;
  width: 430px;
}
.aboutme div, .news div { background: rgb(255,255,255); }

HTML:

CODE

<div class="aboutme">
  <div>
    your text.
  </div>
</div>

<div class="news">
  <div>
    your text.
  </div>
</div>

[RyanChronicles]

Ty for the codeing but one last thing

Where do i put the middle tab so i can have color?

I want this Hex code in there
Its the color for the background

CODE

a9d7b3

CODE

<style>
.aboutme {
background: rgb(169,215,179) url(http://i262.photobucket.com/albums/ii84/RyanChronicles/schnuffel%20bunny/aboutme-1.jpg) no-repeat;
padding: 36px 0 7px;
width: 430px;
}
.news {
background: rgb(169,215,179) url(http://i262.photobucket.com/albums/ii84/RyanChronicles/schnuffel%20bunny/news.jpg) no-repeat;
padding: 36px 0 7px;
width: 430px;
}
.aboutme div, .news div { background: rgb(255,255,255); }
</style>


<div class="aboutme">
<div>
your text.
</div>
</div>

<div class="news">
<div>
your text.
</div>
</div>

It needs to go into the middle so the color is there :D

I gave u the code with the images in it so you know how it fits and its viewable in all browsers ty

[fixtatik]

i don't think i follow. what do you mean by "middle tab?" like a space between "about me" and "news?" you can just add a line break after the "about me" div. try using <br style="line-height:30px;" />

[RyanChronicles]

No to add color in the middle here ill show you.



Right in the middle where it has your text i would like some background color

(btw i dident code i just colored it in)

[fixtatik]

uh...that's exactly what the original code i gave you does. i just didn't use a hex color; i used RGB. it's the same thing.

[RyanChronicles]

RGB? so i replace the

rgb(169,215,179)

with

CODE

rgb(a9d7b3)

Reason for edit: Use [code] for smaller codes. Thanks. -Gabi :)

[schizo]

Just put the hex code. You can get rid of the rgb and parentheses.

[RyanChronicles]

I got it thanks for your help it seems the new

Hiding code for the Nav Bar was interfereing with the code so i deleted the nav bar code!

So its all Cool Beans

Reason for edit: Merged your posts. Please just edit your last entry if you have something to add. Thanks. :) - Gabi

[schizo]

Topic closed and moved to Resolved.