Avatar billede gloster Nybegynder
08. juni 2006 - 09:03 Der er 10 kommentarer og
1 løsning

hjørnerne på mit layout forsvinder

For ikke mange uger siden var i nogle stykker der hjalp mig med at få denne kode til at virke
http://threeplusone.com/code/shadow.html?

- og tak for det:)
det funker skønt, når jeg sidder og arbejder med det og tjekker det i browseren. alt i skønneste orden!!!...... Liiiige på nær
når jeg har lagt det ud på min ftp. så sker der det, at hjørnerne ikke samles.(ingen hjørner) Hvorfor nu det?
hvad sker der og hvad kan jeg gøre experter?

Med Venlig hilsen
Gloster
Avatar billede mclemens Nybegynder
08. juni 2006 - 09:13 #1
Det burde virke hvis du gør ligesom på siden ?

- Husk at topRight.gif som angivet på siden ikke er det
samme som topright.gif og det kan give nogle fejl på serveren
hvis du ikke har navngivet og placeret filerne som du angivet i css...

- Ellers skal der nok et link til da den side du henviser til virker fint...
Avatar billede gloster Nybegynder
08. juni 2006 - 10:22 #2
Hmmmm
jeg forstår det altså så ikke.
jeg synes jeg har lagt dem på ftp´en med små bogstaver.



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">



<style type="text/css">



BODY{font-family: font-family: "Times New Roman", serif;
    font-size:PX 14;
  background-color: white;
    background-image:url("butterfly.gif");
background-attachment: fixed;
    background-position: 10% 30%;
    background-repeat: no-repeat; overflow:auto;}

h1
{font-family:arial;
font-size:55PX;
text-decoration:none;
color: black;
font-weight: normal;
text-align:center;
}


  table.shadow {
    align: center
  }

  td.shadow-top {
    height: 16px; 
    background-image: url(top.gif)
  }

  td.shadow-topRight {
    width: 16px;
    height: 16px;
    background-image: url(topRight.gif)
  }

  td.shadow-right {
    width: 16px;
    background-image: url(right.gif)
  }

  td.shadow-bottomRight {
    width: 16px;
    height: 16px;
    background-image: url(bottomRight.gif)
  }

  td.shadow-bottom {
    height: 16px;
    background-image: url(bottom.gif)
  }

  td.shadow-bottomLeft { width: 16px;
    height: 16px;
    background-image: url(bottomLeft.gif)
  }

  td.shadow-left { width: 16px;
    background-image: url(left.gif)
  }

  td.shadow-topLeft {
    width: 16px;
    height: 16px;
    background-image: url(topLeft.gif)
  }     

  td.shadow-center {
    background-color: white 
  }

a.snuppi:link, a.snuppi:visited, a.snuppi:active {color: #990000;
text-decoration:none;}
a.snuppi:hover {color: black;}

a.lab:link, a.lab:visited, a.lab:active {color: #339999;
text-decoration:none;}
a.lab:hover {color: black;}

a.moar:link, a.moar:visited, a.moar:active {color: #dddddd;
text-decoration:none;}
a.moar:hover {color: #6699cc;}



.badu{font-family: "courier new",courier; line-height: 1.3; font-size:18PX; color:green; text-align: left;}
  .badu a{text-decoration:none;}
  .badu a:link{color:green;}
  .badu a:visited{color:green;}
  .badu a:hover{color:black;text-decoration:none;}
  .badu a:active{color:black}
 
.lus{font-family: "courier new",courier,monospace; line-height: 1.5; font-size:16PX; color:black; text-align: right;}
  .lus a{text-decoration:none;}
  .lus a:link{color:black;}
  .lus a:visited{color:black;}
  .lus a:hover{color:green;text-decoration:underline;}
  .lus a:active{color:green}


a.mango:link, a.mango:visited, a.mango:active {color: red;
text-decoration:none;}
a.mango:hover {color: #dddddd;}


h2
{font-family:"Times New Roman", serif;
font-size:18PX;
text-decoration:none;
color: black;
font-weight: normal;
text-align:center;
}

h3
{font-family:"Times New Roman", serif;
font-size:17PX;
text-decoration:none;
color: black;
font-weight: BOLD;
text-align:left;
}
h4
{font-family:"Times New Roman", serif;
font-size:20PX;
text-decoration:none;
color: black;
font-weight: BOLD;
text-align:center;
}
h5
{font-family:"Times New Roman", serif;
font-size:14PX;
text-decoration:none;
color: black;
font-style: italic;
font-weight: normal;
text-align:left;
}
h6
{font-family:"Times New Roman", serif;
font-size:12PX;
text-decoration:none;
color: black;
font-weight: normal;
text-align:left;
}


</style>

</head>
<body>



<table class="shadow" border="0"
    cellspacing="0" cellpadding="0" align="center"> 
  <tr>
    <td class="shadow-topLeft"></td>
    <td class="shadow-top"></td>
    <td class="shadow-topRight"></td>
  </tr>
  <tr>
    <td class="shadow-left"></td>
    <td class="shadow-center">
      <br>

<h1>
      bla<A href="MAILTO:@mail.dk"class="lab">
</a>

  </h1>

<h2>
      BLA BLA BLA

  </h2>

<h4>
"BLA BLA BLA" <img src="glas.gif">

</h4>

<br> <br>

<table border="0"bgcolor="white" width="80%" height="20%"
    cellspacing="0" cellpadding="8" align="center">
  <tr>
    <td bgcolor="" width="50%" valign="top"><br><h3>bla<A href="mail.dk"class="lab">bla bla</a> bla bla
bla bla bla
<h/3>
<br>
<br>
<br>

<h3>
KBLA BLA BLA...</h3>

  Mail til <a href="@mail.dk"class="lus">BLA BLA </a>

</td>
    <td bgcolor=""width="50%" valign="top">
<br>
<div>
<p style="float:left; margin-right:15px; margin-bottom:10px; margin-top:0px"><img src="steppedreng.jpg"  width="160" height="200" />

<h3>BLA BLA</h3><h5>BLA BLA</h5>
<h6>BLA BLA BLA
</h6>





  </h6> </p>

</div>






</td>
  </tr>
  <tr>
    <td bgcolor="">

<p style="float:left; margin-right:15px; margin-bottom:10px; margin-top:0px"><img src="albertsortoghvidt.jpg" width="160" height="200" alt="" /></p>

<p style="margin-top:0px"><h3>BLA BLA <h/3><h5>BLA BLA</h5><h6>Mbla bla
BLA BLA BLA



</td>
    <td bgcolor=""><h3>BLA BL <A href="MAILTO:mail.dk"class="lab">blat</a>... </h3>

VBLA BLA BLA
</td>
  </tr>
<tr>
    <td bgcolor="" width="50%" valign="top"><h3>bla bla</h3>
Så erbla<A href="MAILTO:@mail.dk"class="lab">bla</a> nbla bla


bla bla bla




<h5>
bla bla bla</h5>
</td>
    <td  bgcolor="" width="50%" valign="top">

<p style="float:left; margin-right:15px; margin-bottom:10px; margin-top:0px"><img src="reg1.jpg"  width="160" height="200" />

<h3>bla bla</h3>
<h5>bla bla</h5>
<h6>
bla bla
</h6>


</td>
  </tr>
  <tr>
    <td bgcolor="" width="50%" valign="top">

<p style="float:left; margin-right:15px; margin-bottom:10px; margin-top:0px"><img src="mona-sortoghvidt.jpg"  width="160" height="200" />

<h3>bla </h3>
<h5> bla bla</h5>
<h6>bla bla bla
</h6><br><br><br>


<font size="1" face="arial" color="#dddddd">

<h3>
<center>
<A href="http://www.newbie.dk/webservices/guestbook/guestbook.pf"class="snuppi">bla bla<br> Tryk her!</a>           
</h3></center>

</font>







</td>
    <td bgcolor="" width="50%" valign="top">
<h3>
bla bla bla
</h3>
<br>
<br>
<p style="float:left; margin-right:15px; margin-bottom:10px; margin-top:0px"><img src="telefon03.gif"  />

<h3>blaR<A href="MAILTO:n@mail.dk"class="lab">bla bla`s</a> <br>
  bla </h3>
 
<h1>Garanti!</h1>

</td>
  </tr>
<tr>
    <td bgcolor="" width="50%" valign="top">






<h4>"bla bla"</h4><p style="float:left; margin-right:15px; margin-bottom:10px; margin-top:0px"><img src="te.gif"  />
Ebla bla bla





</td>
    <td bgcolor="" width="50%" valign="top">
<center>
<img src="bla.jpg">
</center><br>
<center>
<h2>bla<A href="MAILTO:.dk"class="lab">bla</a>

</h2>
</center>


Hbla bla bla

</td>
  </tr>
  <tr>



    <td width="50%" valign="top">


<p style="float:left; margin-right:15px; margin-bottom:10px; margin-top:0px"><img src="rudisortoghvidt.jpg"  width="140" height="160" />
<h6>bla bla bla.</h6>

<br>
<br>
<br>
<br>
bla bla bla

<br>
<center>
<img src="mo.gif">

<h2>TJENER<A href="MAILTO:@mail.dk"class="lab">bla</a>

<br>

bla bla</h2>


<br>

bla bla









<br>
<br>




<p style="float:left; margin-right:15px; margin-bottom:10px; margin-top:0px"><img src="sune.jpg" width="160" height="200" alt="" /></p>

<p style="margin-top:0px"><h3>Hr. Bakkedal</h3>
<h5>blar</h5><br><br>
<h6>                     
bla bl abla




</td>
    <td width="50%" valign="top"><h3>bla bla bla.</h3>

D
<br>
<br>
<br>
<center>
bla bla   
<br>

<img src="dengamle.jpg"><br>
  bla bla bla
<br>
"bla bla bla
<br>
</center>
<br>
<br>
<br>
<a
href="http://www.newbie.dk"><img border="0" alt="newbie.dk"
src="http://www.newbie.dk/webservices/ministat/counter.php?id=15344"></a>
</td>
  </tr>
</table>

     
    </td>
    <td class="shadow-right"></td> 
  </tr>
  <tr>
    <td class="shadow-bottomLeft"></td>
    <td class="shadow-bottom"></td>
    <td class="shadow-bottomRight"></td>
  </tr>
</table> 

<h6>
<center>
<font size="1" face="arial" color="#dddddd">

made by<A href="mail.dk"class="moar">bla</a>            &#153;
</h6>

</font>

</center>
</html>
Avatar billede gloster Nybegynder
08. juni 2006 - 10:24 #3
jo nu virket det.
kom med dit svar og jeg skal øse dig med point:)
Avatar billede backside Nybegynder
08. juni 2006 - 10:26 #4
Altid en dårlig ide med caps i filnavne.
Giver tit problemer som du kan se.  ;-)
Avatar billede gloster Nybegynder
08. juni 2006 - 10:28 #5
har lige et lille tillægsspørgsmål

jeg har et background-image:url("butterfly.gif"); som jeg godt kunne tænke mig man kunne se igennem det her layout. kan jeg gøre det transparent eller et eller andet?
billedet ligger der jo nu, men jeg kan ikke se det fordi layoutet ligger foran.

m v h
Gloster
Avatar billede gloster Nybegynder
08. juni 2006 - 10:29 #6
caps i filnavne?
ja, undskyld men altså jeg er ikke den store mester til det her
Avatar billede backside Nybegynder
08. juni 2006 - 10:35 #7
Jeg mener at det er en dårlig ide med store bogstaver i filnavne.
Avatar billede mclemens Nybegynder
08. juni 2006 - 11:04 #8
[ kan jeg gøre det transparent eller et eller andet? ]
- Ja, lav transparent farve på noget af det der skygger
eller lav evt. det foranliggende/skyggende layout
div's/table's med transperant baggrund også
( background:transparent; )

... ved problemer kan et link måske være nyttigt ...
Avatar billede mclemens Nybegynder
08. juni 2006 - 11:07 #9
F.eks. (måske)

  td.shadow-center {
    background: transparent;
  }
Avatar billede gloster Nybegynder
08. juni 2006 - 19:12 #10
du er fantastisk. rigtigt mange tak..
Avatar billede mclemens Nybegynder
08. juni 2006 - 19:18 #11
- det var så lidt :)
og tak for point :)
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