Avatar billede pretorian Nybegynder
26. januar 2005 - 17:04 Der er 3 kommentarer og
2 løsninger

Bredde på side.

jeg har kastet mig ud i at lave en side for min kammerat... dertil har jeg brugt en lille skabelon. Det jeg ikke forstår og som i kan se på følgende link er at det billede jeg har i venstre side, også dukker op halvt i højre side..? Kan godt være det er et dumt spørgssmål, men hvordan får jeg den bid grafik væk fra højre side..?

Hjemmesiden: http://www.tryllekunstneren-pingo.dk/forside.html

Og det billede der er sat ind i venstre side: http://www.tryllekunstneren-pingo.dk/circleback.jpg

Koderne ser således ud:
<html>
<head>
<title>Tryllekunstneren Pingo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a:link {text-decoration: none; color: #000000}
a:visited {text-decoration: none; color: #000000}
a:hover {text-decoration: none; color: #9933CC}
.style3 {font-size: x-small}
-->
</style>
</head>
<style>
<!--

/*
Text Link Underline Remover Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

a{text-decoration:none}
//.style1 {
    font-size: small;
    font-weight: bold;
}
.style2 {color: #000000}
-->
</style>
<body bgcolor="#FFFFFF" text="#000000" background="circleback.jpg">

<p><img src="spacer.gif" width="34" height="45"> </p>
<p align="right">&nbsp;</p>
<div align="center">
  <table width="74%" border="0">
    <tr>
      <td align="left" valign="top" width="44%">
        <p><b><font face="Verdana, Arial, Helvetica, sans-serif"><img src="spacer.gif" width="156" height="20"><img src="circbutton.jpg" width="26" height="22">Forside</font></b></p>
        <p><b><font face="Verdana, Arial, Helvetica, sans-serif"><img src="spacer.gif" width="129" height="20"><img src="circbutton.jpg" width="26" height="22"><a href="/shows.html">Shows</a></font></b></p>
        <p><img src="spacer.gif" width="111" height="21"><img src="circbutton.jpg" width="26" height="22"><font face="Verdana, Arial, Helvetica, sans-serif"><b><a href="/billeder.html" class="style2">Billeder</a></b></font></p>
        <p><img src="spacer.gif" width="98" height="20"><img src="circbutton.jpg" width="26" height="22"><font face="Verdana, Arial, Helvetica, sans-serif"><b><a href="/info.html">Info</a></b></font></p>
        <p><img src="spacer.gif" width="87" height="20"><img src="circbutton.jpg" width="26" height="22"><font face="Verdana, Arial, Helvetica, sans-serif"><b><a href="/links.html">Links</a></b></font></p>
        <p><img src="spacer.gif" width="79" height="20"><img src="circbutton.jpg" width="26" height="22"><font face="Verdana, Arial, Helvetica, sans-serif"><b><a href="/kontakt.html">Kontakt</a></b></font></p>
        <p><img src="spacer.gif" width="75" height="20"></p>
        <p><img src="spacer.gif" width="78" height="20"></p>
        <p><img src="spacer.gif" width="86" height="20"></p>
      </td>
      <td width="53%">
        <div align="center">
          <p><img src="pingo2.JPG" width="300" height="423"></p>
          <p><strong><font face="Verdana, Arial, Helvetica, sans-serif">Tryllekunstneren Pingo</font> </strong></p>
        </div>
      </td>
      <td width="3%">
        <div align="center"></div>
      </td>
    </tr>
  </table>
</div>

<div align="center" class="style3">
  <div align="right">&copy; MJ-Design 2005</div>
</div>
</body>
</html>

Håber der er nogen der bærer over med mig... (var lidt i tvivl om det var en et html spørgsmål eller rent grafisk spørgsmål)

Mvh Mads
Avatar billede gp Nybegynder
26. januar 2005 - 22:25 #1
Prøv at sætte billede ind som bagrund i en tabel der har samme størrelse som billed. Centerer tabellen på siden, så tror det virker!
Avatar billede gp Nybegynder
26. januar 2005 - 22:33 #2
<html>
<head>
<title>Tryllekunstneren Pingo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a:link {text-decoration: none; color: #000000}
a:visited {text-decoration: none; color: #000000}
a:hover {text-decoration: none; color: #9933CC}
.style3 {font-size: x-small}
-->
</style>
</head>
<style>
<!--

/*
Text Link Underline Remover Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

a{text-decoration:none}
//.style1 {
    font-size: small;
    font-weight: bold;
}
.style2 {color: #000000}
-->
</style>
<body bgcolor="#FFFFFF" text="#000000" >

<p><img src="spacer.gif" width="34" height="45"> </p>
<p align="right">&nbsp;</p>
<div align="center">
<table background="circleback.jpg" width="850" height="700">
<tr><td>
  <table width="74%" border="0">
    <tr>
      <td align="left" valign="top" width="44%">
        <p><b><font face="Verdana, Arial, Helvetica, sans-serif"><img src="spacer.gif" width="156" height="20"><img src="circbutton.jpg" width="26" height="22">Forside</font></b></p>
        <p><b><font face="Verdana, Arial, Helvetica, sans-serif"><img src="spacer.gif" width="129" height="20"><img src="circbutton.jpg" width="26" height="22"><a href="/shows.html">Shows</a></font></b></p>
        <p><img src="spacer.gif" width="111" height="21"><img src="circbutton.jpg" width="26" height="22"><font face="Verdana, Arial, Helvetica, sans-serif"><b><a href="/billeder.html" class="style2">Billeder</a></b></font></p>
        <p><img src="spacer.gif" width="98" height="20"><img src="circbutton.jpg" width="26" height="22"><font face="Verdana, Arial, Helvetica, sans-serif"><b><a href="/info.html">Info</a></b></font></p>
        <p><img src="spacer.gif" width="87" height="20"><img src="circbutton.jpg" width="26" height="22"><font face="Verdana, Arial, Helvetica, sans-serif"><b><a href="/links.html">Links</a></b></font></p>
        <p><img src="spacer.gif" width="79" height="20"><img src="circbutton.jpg" width="26" height="22"><font face="Verdana, Arial, Helvetica, sans-serif"><b><a href="/kontakt.html">Kontakt</a></b></font></p>
        <p><img src="spacer.gif" width="75" height="20"></p>
        <p><img src="spacer.gif" width="78" height="20"></p>
        <p><img src="spacer.gif" width="86" height="20"></p>
      </td>
      <td width="53%">
        <div align="center">
          <p><img src="pingo2.JPG" width="300" height="423"></p>
          <p><strong><font face="Verdana, Arial, Helvetica, sans-serif">Tryllekunstneren Pingo</font> </strong></p>
        </div>
      </td>
      <td width="3%">
        <div align="center"></div>
      </td>
      </td>
    </tr>
  </table>
  </table>
  </tr>
</div>

<div align="center" class="style3">
  <div align="right">&copy; MJ-Design 2005</div>
</div>
</body>
</html>

Prøv denne

GP
Avatar billede pretorian Nybegynder
26. januar 2005 - 22:46 #3
gp--> Tak fordi du skriver det hele ned... det er en stor hjælp :)

Siden ser ud som følger efter det du har ændret: http://www.tryllekunstneren-pingo.dk/test.htm

Tænkte på om det var muligt at få det på plads så siden kommer helt ud i venstre side og helt op i toppen..?
Avatar billede gp Nybegynder
27. januar 2005 - 07:49 #4
<html>
<head>
<title>Tryllekunstneren Pingo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a:link {text-decoration: none; color: #000000}
a:visited {text-decoration: none; color: #000000}
a:hover {text-decoration: none; color: #9933CC}
.style3 {font-size: x-small}
-->
</style>
</head>
<style>
<!--

/*
Text Link Underline Remover Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

a{text-decoration:none}
//.style1 {
    font-size: small;
    font-weight: bold;
}
.style2 {color: #000000}
-->
</style>
<body bgcolor="#FFFFFF" text="#000000" >
<table background="circleback.jpg" width="850" height="700" align="left">
    <tr>
        <td>
        <table width="74%" border="0">
            <tr>
                <td align="left" valign="top" width="44%">
                <p><b><font face="Verdana, Arial, Helvetica, sans-serif">
                <img src="spacer.gif" width="156" height="20"><img src="circbutton.jpg" width="26" height="22">Forside</font></b></p>
                <p><b><font face="Verdana, Arial, Helvetica, sans-serif">
                <img src="spacer.gif" width="129" height="20"><img src="circbutton.jpg" width="26" height="22"><a href="/shows.html">Shows</a></font></b></p>
                <p><img src="spacer.gif" width="111" height="21"><img src="circbutton.jpg" width="26" height="22"><font face="Verdana, Arial, Helvetica, sans-serif"><b><a href="/billeder.html" class="style2">Billeder</a></b></font></p>
                <p><img src="spacer.gif" width="98" height="20"><img src="circbutton.jpg" width="26" height="22"><font face="Verdana, Arial, Helvetica, sans-serif"><b><a href="/info.html">Info</a></b></font></p>
                <p><img src="spacer.gif" width="87" height="20"><img src="circbutton.jpg" width="26" height="22"><font face="Verdana, Arial, Helvetica, sans-serif"><b><a href="/links.html">Links</a></b></font></p>
                <p><img src="spacer.gif" width="79" height="20"><img src="circbutton.jpg" width="26" height="22"><font face="Verdana, Arial, Helvetica, sans-serif"><b><a href="/kontakt.html">Kontakt</a></b></font></p>
                <p><img src="spacer.gif" width="75" height="20"></p>
                <p><img src="spacer.gif" width="78" height="20"></p>
                <p><img src="spacer.gif" width="86" height="20"></p></td>
                <td width="53%">
                <div align="center">
                    <p><img src="pingo2.JPG" width="300" height="423"></p>
                    <p><strong>
                    <font face="Verdana, Arial, Helvetica, sans-serif">Tryllekunstneren Pingo</font>
                    </strong></p></div></td>
                <td width="3%">
                <div align="center"></div></td>
      </td>
            </tr>
        </table>
</table>
  </tr>
</div>
<p><img src="spacer.gif" width="34" height="45"> </p>

<div align="center" class="style3">
  <div align="right">&copy; MJ-Design 2005</div>
</div>
</body>
</html>

Så skal den se sådan ud.
Avatar billede pretorian Nybegynder
27. januar 2005 - 08:57 #5
Super! Tak for hjælpen gp! :)
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