Baggrundsbillede i 2 celler
Kan man ikke få et baggrundsbillede til at være i to celler ved at lægge det bag en tabel og så gøre tabellen gennemsigtig ? Har prøvet, men kan I se hvad der er galt ?HTML:
<HTML>
<HEAD>
<TITLE>url</TITLE>
<STYLE>
<!--
html, body {height: 100%;}
body {
color: #000000;
font-size: 10px;
background-color: #cfcfcf;
FONT-FAMILY: arial, veranda, sans-serif
}
a:link {
display: block;
text-decoration: none;
color: black;
background-color: white;
}
a:hover {
display: block;
text-decoration: none;
color: white;
background-color: black
}
.childTbl {
font: 10px arial, verdana, sans serif, serif;
color: #333333;
background-color: #ffffff;
border-color: #666666;
border-style: solid;
border-width: 1px;
filter:alpha(opacity=90);
-moz-opacity:0.5;
}
.childTbl a {
position:relative;
display:block;
text-decoration: none;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 10px;
color: #000000;
filter:alpha(opacity=90);
-moz-opacity:0.5;
}
.childTbl a:hover {
background-color: #000000;
text-decoration: none;
font: 10px arial, verdana, sans serif, serif;
color: #FFFFFF;
filter:alpha(opacity=20);
-moz-opacity:0.5;
}
.table_main {
border-collapse: collapse;
}
h1 {
font: 14px verdana, arial, sans serif, serif;
}
.main {
border: #000000 1px solid;
font: 10px arial, verdana, sans serif, serif;
Background-color: #ffffff;
}
.menu {
border: #000000 1px solid;
font: 10px arial, verdana, sans serif, serif;
Background-color: #dddddd;
filter:alpha(opacity=70);
-moz-opacity:0.5;
}
.table_main {
border-collapse: collapse;
}
h1 {
font: 14px verdana, arial, sans serif, serif;
}
.main {
border: #000000 1px solid;
font: 10px arial, verdana, sans serif, serif;
Background-color: #ffffff;
}
.menu {
border: #000000 1px solid;
font: 10px arial, verdana, sans serif, serif;
Background-color: #dddddd;
filter:alpha(opacity=70);
-moz-opacity:0.5;
}
.contxt {
border: #000000 1px solid;
font: 10px arial, verdana, sans serif, serif;
Background-color: #ffffff;
filter:alpha(opacity=80);
-moz-opacity:0.5;
}
-->
</STYLE>
<BODY>
<!-- CONTAINER TABLE .BEGIN -->
<TABLE WIDTH="100%" HEIGHT="100%">
<TR><TD WIDTH="100%"><CENTER>
<!-- MAIN TABLE .BEGIN -->
<!-- LEFT TABLE .BEGIN -->
<TABLE WIDTH="75%" HEIGHT="80%" STYLE="table_main" CELLSPACING="7" CELLPADDING="3">
<TR><TD WIDTH="20%" CLASS="main" VALIGN="TOP" BACKGROUND="bg.jpg">
<!-- MENU .BEGIN -->
<TABLE WIDTH="100%" CLASS="menu" CELLSPACING="3">
<TR>
<TD WIDTH="100%"><CENTER><B>::MENU::</B></CENTER></TD></TR>
<TR><TD WIDTH="100%" CLASS="childTbl">
<A HREF="noget.htm">Forside</A></TD></TR>
<TR><TD WIDTH="100%" CLASS="childTbl">
<A HREF="noget.htm">Booking</A></TD></TR>
<TR><TD WIDTH="100%" CLASS="childTbl">
<A HREF="noget.htm">Gæstebog</A></TD></TR>
</TR>
</TABLE>
<BR>
<TABLE WIDTH="100%" CLASS="menu" CELLSPACING="3">
<TD WIDTH="100%"><CENTER><B>::FEATURED::</B></CENTER></TD></TR>
<TR><TD WIDTH="100%" CLASS="childTbl">
<A HREF="noget.htm">Galleri</A></TD></TR>
<TR><TD WIDTH="100%" CLASS="childTbl">
<A HREF="noget.htm">Plakat</A></TD></TR>
<TR><TD WIDTH="100%" CLASS="childTbl">
<A HREF="noget.htm">TOP 10</A></TD></TR>
</TABLE>
<!-- MENU .END -->
</TD>
<!-- LEFT TABLE .END -->
<TD WIDTH="80%" CLASS="main" VALIGN="TOP" BACKGROUND="bg.jpg">
<BR><BR><BR><CENTER>
<TABLE WIDTH="95%" CLASS="contxt">
<TR><TD WIDTH="90%">
Her er teksten !! Denne tekst er noget ganske særligt ...<BR>
Teksten vil så her, tradionen tro, fortsætte med noget, mindst ligeså spændende...</CENTER>
</TD></TR></TABLE>
</TD></TR>
</TABLE>
<!-- MAIN TABLE .END -->
</TD></TR>
</TABLE>
</BODY>
</HTML>
