Avatar billede re-flex Nybegynder
13. november 2003 - 21:07 Der er 3 kommentarer og
1 løsning

låsning af rammer/tabeller

Er det muligt at "låse" rammer eller tabeller til en bestemt størrelse og position. Så det ikke ændre sig?

Jeg har fx defineret højden på en ramme til at være 286px høj, men det ændre den alt efter hvordan materialet i rammen er; altså hvilke størrelse billeder og tekst er.

De forskellige sider skal helst se helt nøjagtig ud.

Det skal lige siges jeg ved intet om html og dette er den første side jeg er igang med.
Avatar billede basementjack Nybegynder
13. november 2003 - 21:09 #1
Giv mig dine "koder" og så kan jeg kigge på det.. ;)
Avatar billede re-flex Nybegynder
13. november 2003 - 23:13 #2
Her er koden. Ved godt den sikkert er meget forvirrende og der er sikkert masser man kan fjerne.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>D-Graphics</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
    background-color: #CCCCCC;
}
.style10 {
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--



function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<link href="Styles/Links.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style18 {
    color: #FFFFFF;
    font-weight: bold;
}
.style19 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-style: italic;
}
.style20 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
}
.style24 {
    font-family: Zeroes;
    font-size: 36px;
}
.style26 {color: #FFFFFF}
.style27 {color: #183942}
.style29 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}
.style30 {font-size: 10px}
-->
</style>
</head>

<body>
<br>
<table width="57%" height="366"  border="1" align="center" bordercolor="#000000">
  <tr>
    <td width="705" height="16" align="left" valign="top" bordercolor="#000000" bgcolor="#183942"><span class="style29 style30">Main | About | <a href="images.htm">Images</a> | Contact </span></td>
  </tr>
  <tr>
    <td height="286" valign="top" bordercolor="#000000" background="Image/bg.jpg"><p>&nbsp;</p>   
    <table width="100%" height="183"  border="0">
      <tr>
        <td width="54%" height="179" valign="top" bordercolor="#183942"><blockquote>                        <span class="style24"><span class="style26"><span class="style27">D-</span>GRAPHICS</span>            </span><br>
            <br>           
            <table width="300"  border="1" bordercolor="#000000">
              <tr>
                <td height="101" bordercolor="#183942" bgcolor="#183942"><table width="100%" height="67"  border="0">
                  <tr>
                    <td height="50
                    " valign="top" bgcolor="#183942"><p class="style10">D-Gaphics is my newly started website to promote my photographs and graphical creations. Mostly it will be architecture, nature, cityscape, waterscape and macro photographs which will be displayed on this site.</p>
                      <p class="D-Graphics style18"><em>The Site Is Still Under Construction </em></p></td>
                  </tr>
                </table></td>
              </tr>
            </table>
            </blockquote>
          <p><br>
              <br>
              <span class="style19">Optimized for 1280<strong>x</strong>1024</span> </p></td>
        <td width="46%" valign="top"><div align="left"><img src="Image/front_0.jpg" width="209" height="157" hspace="40" vspace="7" border="1"></div></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="45" valign="top" bordercolor="#000000" bgcolor="#183942"><div align="center">
      <table width="100%"  border="0">
        <tr align="center" valign="middle">
          <td height="14"><div align="center">            </div>            </td>
          </tr>
        <tr align="center" valign="middle" bgcolor="#183942">
          <td height="14"><span class="style20"> All Rights Reserved &copy; 2003 Copyright</span></td>
          </tr>
      </table>
    </div></td>
  </tr>
</table>
</body>
</html>
Avatar billede basementjack Nybegynder
13. november 2003 - 23:19 #3
Tja.. Fandt lige noget i min CSS-bog... ;) Prøv at lægge en style ind der hedder :
Style="table-layout: fixed;"
Så tager browseren kun hensyn til den height du har sat..
Avatar billede re-flex Nybegynder
22. juli 2004 - 13:10 #4
/Lukket
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
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

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