Avatar billede jonas_net Nybegynder
21. januar 2004 - 14:25 Der er 9 kommentarer

baggrunds billede bag tekst

Hej Jeg ved ikke hvordan jeg sætter et  baggrunds billede bag min tekst. er der nogen der kan hjælpe.
Min kode ser sådan ud. Det er bag alt teksten i midten, jeg vil have forskellige billeder ind til hver tekst.
Min kode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">

<STYLE type=text/css>

.content-boxed {
color: #000000;
font-family:tahoma,arial,verdana;
font-size: 12px;
border-width: 1px;   
border-style: solid ;   
border-color: #8E8E8E;
padding: 2px;
background-color:#E3E5E1;
}

.content-links {
color: #8E8E8E;
font-family:tahoma,arial,verdana;
font-size: 12px;
border-width: 1px;   
border-style: solid ;   
border-color: #000000;




}

p {
font-size:14px;
font-weight:bold;
text-align:center;
color:yellow;
font-family:tahoma,arial,verdana;
background:#000000;
}

p.link {
font-size:14px;
font-weight:bold;
text-align:center;
color:#000000;
font-family:tahoma,arial,verdana;
background:white;
margin-bottom:1px;

}


</STYLE>
</HEAD>

<BODY bgcolor="CCCCCC">
<CENTER>
<TABLE bgcolor="FFFFFF" align="center" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD width="800" bgcolor="CCCCCC">
</TD>
</TR>
<TR>
<TD bgcolor="EFEFEF">

</TD>
</TR>
<TR>
<TD>
<TABLE border="0" cellspacing="0" cellpadding="0">
<div class="content-boxed" style="float:center; width:800px; height:66px;">
</div>

<div class="content-boxed" style="float:center; width:800px; height:66px;"></div>


<div  class="content-boxed" style="float: left; width: 150px">1

</div>
<div  class="content-boxed" style="float: left; width: 500px">2
I'm shopping for:
</div>
<div  class="content-boxed" style="float: left; width: 150px">3

</div>


<TABLE bgcolor="FFFFFF" align="center" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD width="800" bgcolor="CCCCCC">
</TD>
</TR>
<TR>
<TD bgcolor="EFEFEF">

</TD>
</TR>
<TR>
<TD>
<TABLE border="0" cellspacing="0" cellpadding="0">



<div  class="content-boxed" style="float: left; width: 150px; height: 600px;">
<p>&nbsp;Information&nbsp;</p>
<font size="3">Add to favourites</font><br>
About us<br>
Contact us<br>
<p>&nbsp;Popular Searches:&nbsp;</p><br>
<ol>
<li>Car Loans
<li>Finance
<li>Flowers
<li>Gifts
<li>Books
<li>Insurance
<li>Lifestyle
<li>Toys
<li>Health
<li>Games
</ol>
<p>Shop in UK</p>
<div class="content-boxed">
<CENTER>
Send Flowers
Order fresh flowers to be delivered to virtually any location worldwide. Same day service.
<a href="http://www.flowerstoday.com">Flowers Today</a>
</CENTER>
</div>

<div class="content-boxed">
<CENTER>
Win a Ferrari and other great cars in our online competitions with only around 2000 tickets.
<a href="http://www.shopping.net/win_a_car_competition.htm">Click here to win!</a>
</CENTER>
</div>



</div>

<div class="content-boxed" style="float: left; width: 500px; height: 60px;">
<div class="content-links" style="float: right; width:246px;">
<p class="link">I'm looking for<br> BOOKS<p/>
</div>
<div  class="content-links" style="float: left; width:246px;">
<p class="link">I'm looking for<br>FLOWERS<p/>
</div>

<div class="content-links" style="float: right; width:246px;">
<p class="link">I'm looking for<br>CARS<p/>
</div>
<div  class="content-links" style="float: left; width:246px;">
<p class="link">I'm looking for<br>GIfts<p/>
</div>

<div class="content-links" style="float: right; width:246px;">
<p class="link">I'm looking for<br>COMPUTERS<p/>
</div>
<div  class="content-links" style="float: left; width:246px;">
<p class="link">I'm looking for<br>SOFTWARE<p/>
</div>

<div class="content-links" style="float: right; width:246px;">
<p class="link">I'm looking for<br>GAMBLING<p/>
</div>
<div  class="content-links" style="float: left; width:246px;">
<p class="link">I'm looking for<br>MONEY<p/>
</div>

<div class="content-links" style="float: right; width:246px;">
<p class="link">I'm looking for<br>INSURANCE<p/>
</div>
<div  class="content-links" style="float: left; width:246px;">
<p class="link">I'm looking for<br>FINANCE<p/>
</div>

<div class="content-links" style="float: right; width:246px;">
<p class="link">I'm looking for<br>PERFUME<p/>
</div>
<div  class="content-links" style="float: left; width:246px;">
<p class="link">I'm looking for<br>LIFESTYLE<p/>
</div>

<div class="content-links" style="float: right; width:246px;">
<p class="link">I'm looking for<br>MUSIC<p/>
</div>
<div  class="content-links" style="float: left; width:246px;">
<p class="link">I'm looking for<br>GAMES<p/>
</div>

<div class="content-links" style="float: right; width:246px;">
<p class="link">I'm looking for<br>PROPERTY<p/>
</div>
<div  class="content-links" style="float: left; width:246px;">
<p class="link">I'm looking for<br>HOME<p/>
</div>

<div class="content-links" style="float: right; width:246px;">
<p class="link">I'm looking for<br>TOYS<p/>
</div>
<div  class="content-links" style="float: left; width:246px;">
<p class="link">I'm looking for<br>HEALTH<p/>
</div>

<div class="content-links" style="float: right; width:246px;">
<p class="link">I'm looking for<br>GARDEN<p/>
</div>
<div  class="content-links" style="float: left; width:246px;">
<p class="link">I'm looking for<br>MORTGAGE<p/>
</div>

<div class="content-links" style="float: right; width:246px;">
<p class="link">I'm looking for<br> BOOKS<p/>
</div>
<div  class="content-links" style="float: left; width:246px;">
<p class="link">I'm looking for<br>FLOWERS<p/>
</div>

</div>
<div  class="content-boxed" style="float: left; width: 150px; height: 600px;">
<CENTER>
<p>Best Loan</p>
Pay less for your loan online<br>
<a href="http://www.oceanfinance.co.uk">Ocean Finance</a>

<p>Best Mortgage</p>
The One Account - mortgages<br>
<a href="http://www.oneaccount.com">One Account</a>
<p>Best Books</p>
Top placering fra Books
<p>Best Insureance</p>
Top placering fra insuranc
<p>Best Computer</p>
Top placering fra Compunter
<p>Best Lifestyle</p>
Top placering fra Lifestyle
</CENTER>
</div>







</TABLE>


</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
Avatar billede skovenborg Nybegynder
21. januar 2004 - 14:42 #1
style="background-image('billede.png');"
Avatar billede skovenborg Nybegynder
21. januar 2004 - 14:47 #2
...det skal så sættes ind der hvor du vil have baggrundsbilledet.

Efter som jeg kan se vil du have det her:
<div class="content-boxed" style="float: left; width: 500px; height: 60px;background-image:url('logo.png');">
<div class="content-links" style="float: right; width:246px;">
<p class="link">I'm looking for<br> BOOKS<p/>
</div>
<div  .....

Hvis du vil have at baggrunden også skal være der på de hvide bokse skal du rette det her i dit stylesheet:
p.link {
font-size:14px;
font-weight:bold;
text-align:center;
color:#000000;
font-family:tahoma,arial,verdana;
background:transperant;
margin-bottom:1px;

}
Avatar billede jonas_net Nybegynder
21. januar 2004 - 14:59 #3
takker..
Avatar billede skovenborg Nybegynder
21. januar 2004 - 15:24 #4
okay - så svarer jeg lige hvis der ikke er mere ;-)
Avatar billede roenving Novice
24. januar 2004 - 19:24 #5
>>skovenborg

-- pas på med de transparente *g*
Avatar billede skovenborg Nybegynder
24. januar 2004 - 19:45 #6
av ja, *GG* - det var lige en "tavetosse" ;-)
Avatar billede skovenborg Nybegynder
14. februar 2004 - 16:25 #7
jonas_net >> Du må godt lukke spørgsmålet hvis du har fået det svar du ønsker ;-)
Avatar billede jonas_net Nybegynder
16. februar 2004 - 08:46 #8
sorry!
Avatar billede jonas_net Nybegynder
16. februar 2004 - 08:48 #9
ok.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester