Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

"Top" & "Main" åker isär vid F11

1970

Startad av 1970,
i Webbutveckling

Rekommendera Poster

1970

1970

Postad
Postad

Jag håller på att göra en hemsida, men har nu råkat ut för ett problem. Jag använder en gammal Dreamweaver 4 och har där gjort ett enkelt Frameset med top och nedanför den main. När jag förhandsgranskar och sedan trycker på helskärmsläge (F11) följer toppen med uppåt, men main-delen följer inte med, varvid det blir ett glapp mellan dem. Vad beror det på? Jag har satt in en scrollist i den nedre maindelen, och använder mig för övrigt av layers. Jag kan inte någonting om HTML, så ett så enkelt svar som möjligt, skulle vara bra!

Mvh

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad

blir det samma effekt om du uppdaterar sidan efter att du tryckt F11?

 

Vi behöver nog se lite kod för framesetsidan för att kunna ge konkreta tips.

Länk till kommentar
Dela på andra webbplatser
1970

1970

Postad
  • Trådskapare
Postad

Ok, här kommer litet kod. Jag vet inte riktigt vilken kod som är intressant, men den här koden jag får upp när jag klickar på hela framesetet:

 

<html>

<head>

<title></title>

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

<script language="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);

// -->

</script>

</head>

<frameset rows="270,175" frameborder="NO" cols="*" border="0" framespacing="0">

<frame name="topFrame" scrolling="NO" noresize src="index_top.htm" >

<frame name="mainFrame" src="index_main.htm" scrolling="YES" noresize>

</frameset>

<noframes>

<body bgcolor="#000000" text="#000000">

</body>

</noframes>

</html>

 

Och koden för toppen när jag klickar på den bild jag har där:

 

<html>

<head>

<title></title>

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

<link rel="stylesheet" href="Ljud_Bild.css" type="text/css">

</head>

 

<body text="#000000">

<div id="Layer1" style="position:absolute; width:1024px; height:210px; z-index:-1; left: 0; top: 0"><img src="Bilder/Fiol_banner_1024px.jpg" width="1024" height="247"></div>

<div id="Layer2" style="position:absolute; width:1024px; height:32px; z-index:-2; left: 0px; top: 247px; background-color: #999999; layer-background-color: #999999; border: 1px none #000000"></div>

<div id="Layer3" style="position:absolute; width:99px; height:23px; z-index:2; left: 120px; top: 252px"><font face="Arial, Helvetica, sans-serif"><font size="3"><b><a href="index_main.htm" target="mainFrame"><font color="#000000">HEM</font></a></b></font></font></div>

<div id="Layer3" style="position:absolute; width:118px; height:23px; z-index:2; left: 796px; top: 252px"><font face="Arial, Helvetica, sans-serif" size="3"><b><a href="Kontakt.htm" target="mainFrame">KONTAKT</a></b></font></div>

<div id="Layer3" style="position:absolute; width:139px; height:23px; z-index:2; left: 661px; top: 252px"><font face="Arial, Helvetica, sans-serif" size="3"><b><a href="Kalender.htm" target="mainFrame">KALENDER</a></b></font></div>

<div id="Layer3" style="position:absolute; width:380px; height:23px; z-index:2; left: 341px; top: 252px"><font face="Arial, Helvetica, sans-serif" size="3"><b><a href="Arrangemang_Kompositioner_main.htm" target="mainFrame">ARRANGEMANG/ KOMPOSITIONER</a></b></font></div>

<div id="Layer3" style="position:absolute; width:144px; height:23px; z-index:2; left: 204px; top: 252px"><font face="Arial, Helvetica, sans-serif"><font size="3"><b><a href="Ljud_Bild_main.htm" target="mainFrame"><font color="#000000">LJUD/ BILD</font></a></b></font></font></div>

</body>

</html>

 

Och här är main:

 

<html>

<head>

<title></title>

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

</head>

 

<body text="#000000" link="#999999" vlink="#999999" alink="#999999" leftmargin="-1" topmargin="-1" marginwidth="0" marginheight="0">

<div id="Layer1" style="position:absolute; width:1003px; height:855px; z-index:1; left: -1px; top: -1px"><img src="Bilder/Colin-Mezin,%201907_mork.jpg" width="1000" height="878">

<div id="Layer2" style="position:absolute; width:814px; height:29px; z-index:1; left: 145px; top: 29px"><font face="Arial, Helvetica, sans-serif" color="#999999" size="3"><i>"Musik

är själens språk. Den öppnar livets hemligheter, ger

frid, utplånar stridigheter." / Khalil Gibran</i></font></div>

</div>

</body>

</html>

Länk till kommentar
Dela på andra webbplatser
1970

1970

Postad
  • Trådskapare
Postad

En annan sak som jag inte heller lyckas med är mouse-over i CSS:en. En gång har jag fått till det på tre av de fem länkar jag har, men jag får det aldrig att fungera helt och fullt. På de två första länkarna "HEM" och "LJUD/BILD" händer ingenting, de förblir enbart svarta hur jag än gör. Jag vill att de ska bli ljusa vid mouse over, och förbli ljusa medan man är på den sida som länken gäller. Om det går att säga vad jag gjort för fel även ang. detta, vore det tacknämligt, då jag har testat detta i omgångar hur länge som helst, men aldrig lyckats helt.

Mvh

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad
rows="270,175"

du har alltså två rader med specificerade storlekar, vilket nog är det som blir knas.

Endast en skall ha fast höjd, den andra måste kunna expandera så sätt en stjärna * på den raden skall skall tillåtas att expandera, annars måste man lägga till en rad som fyller upp.

 

 

Använder du CSS för länkarna kan du använda a:focus samt a:active

a {color: white;background-color:blue}/*vanlig länk*/
a:hover,a:focus, a:active {background-color: green}/* hover och aktiv länk */

Länk till kommentar
Dela på andra webbplatser
1970

1970

Postad
  • Trådskapare
Postad

Tack!! Jag satte * framför 175, alltså rows="270,*175", och nu funkar F11! Däremot ser det nu litet konstigt ut i designläge istället, där main-delen halkat ner så att man inte ser den längre, men huvudsaken är förstås hur det ser ut på nätet :o)! Det är som om toppens frame är för bred vertikalt? Nedre delen av toppen är nu bara ett vitt fält i designläget, dvs man ser bakgrundsfärgen. (Jag gjorde en print screen på detta, men vet inte om det går att bifoga bilder här?)

 

CSS-problemet har jag svårare för... Jag har gjort ett stylesheet med namnet "Ljud/Bild", där jag angett färgen för a:link och a:visited till #000000, och a:hover och a:active fick färgen #CCCCCC. Därefter har jag valt detta style sheet till var och en av länkarna. Dvs, jag tror att jag gjort det, men jag vet förstås inte om jag gjort rätt :oS. I Page properties har jag även angett länkfärg #000000, och för aktiva länkar har jag där angett #CCCCCC, vilket är de två färger jag vill växla emellan. Kan page properties-inställningarna krocka med CSS-angivelserna? Fast iofs har jag redan provat både med och utan angivelser i page properties, och det har inte gjort någon skillnad.

 

När jag ska ange egenskaper för länkar i style sheet finns inte a:focus-alternativet som du nämner, så där vet jag inte hur jag ska göra i så fall? Ska jag skriva detta någonstans direkt i koden?

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad

du skall bara ange en stjärna. inte *175. Det är väl därför programmet visar det konstigt (eller inte alls i ditt fall)

 

Css-egenskaper har man med fördel i en extern fil som länkas in i alla dokument som skall använda stilarna, med hjälp av taggen link

<link rel="stylesheet" type="text/css" media="screen,projection" href="../css/stilmall.css"/>

varför man använder extern fil är för att slippa ändra på flera ställen om något skall ändras och slippa använda en massa onödiga taggar (som du gör i din meny, t ex)

 

det du döpt filen till r nog mindre lämpligt. Döp om filen och ta bort åäö samt andra udda tecken

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...