Søg
Avatar billede kaktus Nybegynder
03. juni 2003 - 22:55 Der er 8 kommentarer og
1 løsning

Tekst flytter sig.

når man på min hjemmeside skifter til en anden tekst str. i sin browser, flytter min ellers fine tekst sig ind over hinanden. Hvordan undgås det??
Der er tale om en fortløbende tekst som begynder i lag 1 og fortsætter i lag 2. Disse to lag er nydeligt lagt op af hinanden, men flytter sig åbenbart ind over hinanden når en besøgende ånsker at se teksten i en større størelse.
Jeg har bemærket at nogle hjemmesider har den mani og andre kan man bare ikke skifte txtstørrelse.
Avatar billede connie Nybegynder
03. juni 2003 - 23:23 #1
Brug style-sheets som her:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>Test </TITLE>

<style type="text/css">

<!--
body { font-family: "Times New Roman", Times, serif; font-size: 14px; font-weight: normal; color: #000000; background-color: White; }

H1 { font-family: "Times New Roman", Times, Serif; font-size: 23px; line-height: 23px; font-weight: bold; color: #000000}

H2 { font-family: "Times New Roman", Times, Serif; font-size: 16px; line-height: 18px; font-weight: bold; color: Green}

H3 { font-family: "Times New Roman", Times, Serif; font-size: 12px; line-height: 18px; font-weight: normal; color: Red}

-->
</style>

</HEAD>

<BODY>

<H1>Denne tekst ændrer ikke størrelse...</H1>
<H2>Denne tekst ændrer ikke størrelse...</H2>
<H3>Denne tekst ændrer ikke størrelse...</H3>

</BODY>
</HTML>
Avatar billede roenving Novice
03. juni 2003 - 23:40 #2
Har du defineret height og width på dine lag ?-)
Avatar billede kaktus Nybegynder
04. juni 2003 - 06:43 #3
Mit problem ser således ud:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<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);
//-->
</script>
</head>

<body>

<div id="Layer1" style="position:absolute; left:94px; top:83px; width:216px; height:4px; z-index:1">det
  er s&aring;danne en ganske alm tekst der starter her i lag nr 1=zindex1 der
  skal forts&aelig;tte i </div>
<div id="Layer2" style="position:absolute; left:91px; top:142px; width:219px; height:23px; z-index:2">dette
  lag som er lag nr 2 zindex 2. jeg bruger dreamwever og har ikke meget forstand
  p&aring; koder. jeg kan se at der st&aring;r &quot;DIV&quot; ud for mit layer,
  og der er en boks der hedder &quot;overflow&quot;, men aner ikke hvad det betyder.</div>
</body>
</html>
Avatar billede roenving Novice
04. juni 2003 - 10:59 #4
Nu kan jeg selvfølgelig ikke gennemskue hele dit problem ...

-- men da jeg så dit seneste indlæg var det første jeg tænkte: Hvorfor bruger han ikke bare en tabel med to celler ?-)
Avatar billede kaktus Nybegynder
04. juni 2003 - 17:23 #5
Jeg vil egentlig bare vide hvordan jeg laver en alm tekst på min hjemmeside, som ikke bliver større eller mindre, når man ser den i sin browser og vælger "vis->teksstørrelse" rullemenuen nr 3 fra venstra .

Teksten skal helst stå i et lag. så er den dejlig nem at flytte så den passer til de andre elementer på siden, MEN altså samme txt størrelse hele tiden.
Avatar billede roenving Novice
04. juni 2003 - 17:26 #6
Jamen så tag fat i connies forslag -- det er præcis det hun viser ...
Avatar billede kaktus Nybegynder
04. juni 2003 - 22:35 #7
hej igen.
Efter nogle forsøg må jeg give dig poing connie :-)

Jeg vil bede dig om at svare så jeg kan lukke.
Avatar billede connie Nybegynder
04. juni 2003 - 22:36 #8
OK, jeg kan godt se at dit problem opstår fordi at du bruger Dreamweawer og derfor ikke ser selve koden men arbejder med "What You See Is What You Get" hvilket desværre ikke er hele sandheden :( Et godt råd er derfor at lære html og brug af style-sheets fra bunden, det er nu slet ikke så svært.

Her er din kode med brug af style-sheets, hvilket gør at teksten
ikke ændrer størrelse uanset hvad brugeren vælger af tekststørrelse i sin browser.


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

<style type="text/css">

<!--
H1 { font-family: "Times New Roman", Times, Serif; font-size: 16px; line-height: 19px; font-weight: normal; color: Black}
-->
</style>


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<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);
//-->
</script>
</head>

<body>

<div id="Layer1" style="position:absolute; left:94px; top:83px; width:216px; height:4px; z-index:1">
<H1>det
  er s&aring;danne en ganske alm tekst der starter her i lag nr 1=zindex1 der
  skal forts&aelig;tte i </div>
<div id="Layer2" style="position:absolute; left:91px; top:142px; width:219px; height:23px; z-index:2">dette
  lag som er lag nr 2 zindex 2. jeg bruger dreamwever og har ikke meget forstand
  p&aring; koder. jeg kan se at der st&aring;r &quot;DIV&quot; ud for mit layer,
  og der er en boks der hedder &quot;overflow&quot;, men aner ikke hvad det betyder.</div></H1>
</body>
</html>
Avatar billede connie Nybegynder
04. juni 2003 - 22:36 #9
Takker og god arbejdslyst :)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 14:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
I dag 13:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
10/0915:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
White papers
Flere white papers »