InsaneJournal

Tweak says, "WITH FIRE AND BLOOD!!!!!!!!!!!"

routes (ex_routes851) wrote in rp_tutorials,
@ 2011-04-19 13:04:00

Entry tags:

question: html/css

Hello! It seems that I'm running into a bit of a background problem with the layout I'm using, so I was wondering if anyone could tell me why it won't show up? Here's the HTML:

GLOBAL_HEAD<=
<style type="text/css">

body, td, div, span, p { 
font-family: Helvetica;
font-size:9pt;
line-height:12px;}

-->
</table>

<style>

body, td {
font-family: Helvetica, sans-serif;
font-size: 8pt;
}
tt, pre {
font-family: monospace;
}

a {
text-decoration: none;
}
a:hover {
text-decoration: ;
}
.shadowed, .ljadshadowed {
font-size: 8pt;
background: #FFFFFF;
}
.ljadshadowed div {
visibility: visible;
position: relative;
}
.meta {
font-size: 8pt;
}
.index {
font-size: 8pt;
}
.caption, .index {
color: #919191;
}
.comments {
font-size: 8pt;
}
</style>

<style>

body, td {
font-family: Helvetica, sans-serif;
font-size: 8pt;
line-height: 12px;
}

tt, pre {
font-family: monospace;
}
 
td.caption {
font-size:7pt;
font-family: "Helvetica";
line-height: 12px;
text-transform: uppercase;
border-bottom: 1px dotted #C0C0C0;
}
 
table table table { 
width: auto;}
tr {
text-align: justify;} 
table, tr, td {
padding: px;}
 
.index {
font-size:8pt;
font-family: "Helvetica";
line-height: 12px;
text-transform: uppercase;
border-bottom: 1px dotted #C0C0C0;
}
 
a {
text-decoration: none;
}
a:hover {
color:#3F3F3F;
}
.shadowed {
font-size: 8pt;
background:#ffffff;
}
.meta {
font-family: "Helvetica";
font-size: 8px;
text-transform:uppercase;
letter-spacing:1px;
}
 
.caption, .index {
color: #000000;
text-transform:uppercase;
font-size:8px; 
letter-spacing:1px;
}

<style>

p table table td.caption img {height: 9pt; width: 9pt;}

</style>

<=GLOBAL_HEAD

Thank you to everyone in advance!

(Read comments) - (Post a new comment)

cilantro
2011-04-19 11:18 pm UTC (link)

The background didn't show up because you have a style tag within the style type="text/css" tag. Technically, you just need only one style type="text/css" tag, and all the CSS can just go in between the opening and closing tags.

I cleaned up your code for you:

GLOBAL_HEAD<=
<style type="text/css">

body {background-image: url(http://i51.tinypic.com/k20pxi.jpg);
background-attachment: fixed;}

body, td, div, span, p { 
font-family: Helvetica;
font-size:9pt;
line-height:12px;}

body, td {
font-family: Helvetica, sans-serif;
font-size: 8pt;
}
tt, pre {
font-family: monospace;
}

body, td {
font-family: Helvetica, sans-serif;
font-size: 8pt;
line-height: 12px;
}

</style>

<=GLOBAL_HEAD

G'luck!

(Reply to this) (Thread)

	ex_routes851 2011-04-20 01:15 am UTC (link)
	Thank you so much! (Reply to this) (Parent) (Thread)

	cilantro 2011-04-20 02:03 am UTC (link)
	No problem! :) (Reply to this) (Parent)

(Read comments) -