Jeg er nybegynder og har forsøgt at følge vejledningen på
html.dk, som iøvrigt er ret god.
Jeg har dog problemer med at vise billeder i tekstfelter, som
beskrevet på html.dk's afsnit om flydende - lektion 13.
Problemet er dog at jeg ikke kan få vist vise billede. Jeg har
ingen problemer med at få system til at vise billede, som
baggrundsbillede. Men såsnart selvsamme billede forsøges indsat
som andet end baggrund, sker der intet. Jeg får billedfeltet op,
men intet billede. Kan det have noget at gøre med at billedet
skal have speciale mål?? Jeg har prøvet at indsætte meget små jpg
billede, men lige lidt hjælper det. Har også forsøgt at indsætte
billedet flere steder - uden held.
HTML:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>Steen & Randi's bryllup</title>
</head>
<body>
<div id="billede">
<img src="os.jpg" alt="os" border="1">
</div>
</div>
<p><h1><b>Steen & Randi's Bryllup</b></h1></p>
<p><h2><i>Den 11. september 2010</i></h2></p>
<div id="b">
<p><h3><i>Vielsen finder sted i Skelgårdskirken kl.
13.00</i></h3></p>
</div>
<br />
<div id="b">
<div id="billede">
<img src="os.jpg" alt="os" border="1">
</div>
<p>tekst</p>
<p>tekst</p>
<p>tekst<br />tekst.</p>
<blockquote><p>De kærligste hilsener</p></blockquote>
<blockquote><p>Steen og Randi</p></blockquote>
</div>
<br />
<div id="c">
<p>Tidsplanen ser dermed således ud:</p>
<p>
<ul>
<li>tekst<br />tekst<br />tekst</li>
<li>tekst<br />tekst<br />tekst</li>
<li>tekst<br />tekst<br />
<a href="
http://www.kastrupstrandpark.dk">Her er link til
Kastrup Strandpark</a></li>
</ul>
</div>
</p>
<br />
<p><h2>Links</h2></p>
<p>
<a href="Gaveliste.html">Gaveønsker</a>
</p>
<p>
<a href="mailto:randi.baad@hotmail.com">send e-mail til
brudeparret</a>
</p>
</body>
</html>
CSS:
body {
background-image: url(blade2.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
background-color: #FFCC66;
margin-top: 100px;
margin-right: 40px;
margin-bottom: 10px;
margin-left: 70px;
}
#A {
border-width: medium;
border-style: double ;
border-color: black;
width: 450px;
}
#billede {
float:right;
border: 1px solid #666;
padding: 2px;
}
#B {
border-width: medium;
border-style: double ;
border-color: black;
width: 450px
}
#C {
border-width: medium;
border-style: double ;
border-color: black;
width: 450px;
}
a:hover {
letter-spacing: 5px;
font-weight:bold;
color:red;
}
Håber i kan hjælpe med hvorfor billedet os ikke vises.
På forhånd tak-
MVH Steen
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials