Avatar billede morgel Nybegynder
21. januar 2001 - 03:56 Der er 11 kommentarer og
1 løsning

css hover>>virker underligt !!! - udvider skriften...

Herunder ligger html koden for en side jeg har lavet og siden har denne url:

http://www.fritidshjemmet-skarven.dk/video/skarven_avi.htm

På min egen Pc ser siden helt fin ud, - men bruger jeg andre Pc\'er, så er der lige et par ting, der ikke ser ud som de skal. I den øverste menu har jeg brugt en CSS-hovermeu,
- men den virker ikke som den skal, - den udvider/rykker sig når man bruger den.[i den nederste menu virker den fint].

Hva\'er\'ed der skal laves om ?






<html>
<head>
<title>skarven (QuickTime)</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<style type=\"text/css\">
<!--
a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #DAF5FE; letter-spacing: normal; text-align: center; vertical-align: baseline; word-spacing: normal; white-space: nowrap; cursor: default}
.hovermenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #DAF5FE; letter-spacing: normal; text-align: center; vertical-align: baseline; word-spacing: normal; white-space: nowrap; cursor: default }
-->
</style>
<script language=\"JavaScript\">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

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];}}
}

function MM_findObj(n, d) { //v3.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf(\"?\"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body bgcolor=\"#FFFFFF\" leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\" onLoad=\"MM_preloadImages(\'../../grafik/forsiden/menuen/h%F8jre_pil.jpg\',\'../../grafik/sehvordan_knock.jpg\')\" text=\"#000000\" link=\"#000000\" vlink=\"#000000\" alink=\"#FFFFFF\">
<div align=\"center\">
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" align=\"center\" vspace=\"0\" hspace=\"0\">
    <tr>
      <td><a href=\"../../videopol_1.htm\"><img src=\"../../grafik/forsiden/logo_4.jpg\" width=\"555\" height=\"95\" vspace=\"0\" hspace=\"0\" border=\"0\"></a></td>
    </tr>
  </table> 
  <div align=\"center\"> </div>
  <div align=\"left\"> </div>
  <table width=\"555\" border=\"1\" height=\"20\" bordercolor=\"#000000\" cellpadding=\"0\" cellspacing=\"0\" vspace=\"0\" hspace=\"0\" align=\"center\" bgcolor=\"#44B4FC\">
    <tr bgcolor=\"#44B4FC\" align=\"center\" valign=\"top\">
      <td bordercolor=\"#000000\" width=\"272\">
        <div align=\"center\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\"><a href=\"../../hvad.htm\"><b><font size=\"1\">Hvad
          tilbyder vi ?</font></b></a></font></div>
      </td>
      <td bordercolor=\"#000000\" width=\"272\">
        <div align=\"center\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"2\"><a href=\"../../hvad_koster_vi.htm\"><b><font size=\"1\">Hvad
          koster vi ?</font></b></a></font></div>
      </td>
      <td bordercolor=\"#000000\" width=\"272\">
        <div align=\"center\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"2\"><a href=\"../../hvor.htm\"><b><font size=\"1\">Hvor
          er vi ?</font></b></a></font></div>
      </td>
    </tr>
  </table>
  <table width=\"555\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" height=\"30\" vspace=\"0\" hspace=\"0\">
    <tr>
      <td width=\"143\">
        <div align=\"center\"></div>
      </td>
      <td width=\"140\">&nbsp;</td>
      <td width=\"135\" align=\"center\" valign=\"middle\">
        <div align=\"center\"></div>
      </td>
    </tr>
  </table>
  <table width=\"555\" border=\"2\" cellspacing=\"15\" cellpadding=\"0\" bgcolor=\"#44B4FC\" height=\"250\" bordercolor=\"#000000\" vspace=\"0\" hspace=\"0\" align=\"center\">
    <tr align=\"left\" valign=\"baseline\" bordercolor=\"#44B4FC\" bgcolor=\"#44B4FC\">
      <td width=\"200\" valign=\"top\">
        <div align=\"center\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\"><a href=\"http://www.fritidshjemmet-skarven.dk/video/dvd.avi\" target=\"_blank\">download
          videoklip i avi format</a> </font></div>
      </td>
      <td width=\"200\" valign=\"top\"><font size=\"1\" face=\"Verdana, Arial, Helvetica, sans-serif\"><br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
Avatar billede ragout.dk Nybegynder
21. januar 2001 - 04:12 #1
Hej

Du har defineret de enkelte tabelceller i bredden 272 px. Hele rækken er dog blot 555 px. og cellerne \"sprænges\" derfor. Enten skal de ikke defineres, eller også skal tallet være mindre. Det virker f.eks hvis du skifter de 272 px ud 170 px (naturligvis i hver af de tre celler!).

Du skriver at der er \"et par ting\" - hvad er det andet?

Med venlig hilsen i øvrigt
Avatar billede mesterlars Nybegynder
21. januar 2001 - 04:12 #2
Det ser ud til du i din øverste menu, roder lidt rundt i dine font-tags

du skriver f.eks:

      <td bordercolor=\"#000000\" width=\"272\">
        <div align=\"center\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\"><a href=\"../../hvad.htm\"><b><font size=\"1\">Hvad
          tilbyder vi ?</font></b></a></font></div>
      </td>

Prøv at ret det (og de andre links) til:

      <td bordercolor=\"#000000\" width=\"272\">
        <div align=\"center\"><font size=\"1\" face=\"Verdana, Arial, Helvetica, sans-serif\"><b><a href=\"../../hvad.htm\">Hvad
          tilbyder vi ?</a></b></font></div>
      </td>

/mvh Lars
Avatar billede morgel Nybegynder
21. januar 2001 - 04:42 #3
hmm... - nu har jeg så sat cellerne til at være 170px, - men da jeg selv ikke kan se om det nu virker, - så må jeg lige bede om en vurdering !
Avatar billede ragout.dk Nybegynder
21. januar 2001 - 04:46 #4
Ja, jeg kan se at du har uploadet, og hos mig virker det! Men af hensyn til habilitetsproblemer, må du hellere lige vente og høre/se om det virker alle steder - men det burde det!

Var der flere problemer du ville spørge om eller? (vi skal vist også snart sove)

Med venlig hilsen i øvrigt
Avatar billede morgel Nybegynder
21. januar 2001 - 04:51 #5
nå, - det var da godt, - jo vi skal sør\'me sove lige om lidt.

Med hensyn til de andre spørgsmål, - så drejer det sig om farverne, - jeg vælter lidt rundt i mulighederne for farvevalg, - der er jo op til flere valg. Men altså, - hvordan ser farverne ud i din browser ? - hos mig ser det fint ud, - i andre browsere ser det forkert ud, - to forskellige nuancer mellem blå baggrund og blå cellborder... - har forsøgt at ændre det, - og ved ikke om det har hjulpet, - har det det ???
Avatar billede ragout.dk Nybegynder
21. januar 2001 - 05:05 #6
Det ser såmænd ganske godt ud, men det afhænger naturligvis også af hvordan det skal se ud! Borderfarven ser lidt fnidret ud, men skal der være hvid baggrund?
I så fald vil jeg anbefale dig at flytte/ændre dit maillink - her tænker jeg ikke blot på at der mangler et \"o\" men også at man næsten ikke kan se teksten ved mouse-over.
Det blev de sidste ord denne lørdag nat...

Med venlig hilsen i øvrigt
Avatar billede morgel Nybegynder
21. januar 2001 - 15:47 #7
Aha ! - borderfarven ser fnidret ud !!! - hvordan fnidret? - den skal nemlig ha\' samme blå farve som baggrunden har !
Avatar billede ragout.dk Nybegynder
21. januar 2001 - 18:25 #8
Okay - nu er mine øjne blevet \"friske\" og det der narrede mig var den øverste række (den der hoppede). Herover er der et billede, men da det ikke vises er der en grå kant, og denne ligger op af den sorte borderfarve.

Din border farve er sort, og altså ikke samme farve som baggrunden! Hvis den skal have samme farve (#44B4FC) så kan du sætte border=\"0\"...

Jeg forstår ikke helt om der skal være den sorte kant, eller om der ikke skal være nogle kanter?!

Med venlig hilsen i øvrigt
Avatar billede morgel Nybegynder
21. januar 2001 - 23:03 #9
Jo, - den er god nok, - sort kant om alle tables. Selve baggrunden er hvid, - men table bagrundene skal have den omtalte blå farve #44B4FC... - bortset fra dem der har hvid baggrund.

Jamen så ser det vel helt fornuftigt ud, -eller hvad ??

Og tak for hjælpen !
Avatar billede morgel Nybegynder
21. januar 2001 - 23:04 #10
Hmm, - altså ikke sort kant om alle tables, - kun om de 3 af slagsen !!!
Avatar billede ragout.dk Nybegynder
21. januar 2001 - 23:07 #11
Jo - meget fornuftigt, og ligefrem godt ser det ud. Altså bortset fra at billederne mangler, og problemet med din mail-link > se \"21/01 2001 05:05:24\"

Med venlig hilsen i øvrigt
Avatar billede morgel Nybegynder
21. januar 2001 - 23:20 #12
Ja, - jeg er klar over at siden har en del grafiske huller, - og at email linket mangler både o og så\'n, - men det er også kun en skitse.

Tak for hjælpen og hej-hej !
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
Kurser inden for grundlæggende programmering

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