Avatar billede mexico Nybegynder
03. november 2005 - 08:54 Der er 10 kommentarer og
1 løsning

Hvordan fjernes vandret scroll-bar?

Hvordan hulen får jeg fjernet den vandrette scroll-bar på min nye hjemmeside (opbygget med frames). Jeg ved ikke hvordan den er kommet og jeg ved ikke hvordan jeg slipper af med den igen.

Det er KUN den vandrette som skal væk - den lodrette scroll-bar skal IKKE fjernes.

Hjemmesideadressen er: http://home20.inet.tele.dk/reiter/mex.html

Jeg har prøvet at tilføje følgende, men det virkede ikke:

1. <body style="overflow-x: hidden; overflow-y: auto">
2. <body style="overflow-x: hidden; overflow-y: scroll">
3. <body scroll="no"> (virker, men fjerner scrollbarene i begge retninger)
4. <body style="overflow-x:hidden; overflow:-moz-scrollbars-vertical;">

Er der noget galt med mine koder? Hvad kan jeg gøre for at løse problemet?

/Søren
Avatar billede udvikler Nybegynder
03. november 2005 - 09:09 #1
Prøv med kun style="overflow-x:hidden" i din <frame>
Avatar billede udvikler Nybegynder
03. november 2005 - 09:13 #2
Og velkommen til eksperten forresten :)
lige en ting:

På eksperten lukker man sine spørgsmål efter at man har fået et brugbart svar, det gør du ved at spørger ham/hende der hjalp dig om han/hun ikke vil lægge et svar og derefter kan du se en gul box øverst i spørgsmålet som vejleder dig resten af vejen :)
- altså bare klik på brugernavnet nederst til venstre på siden og klik accepter ;)
Avatar billede olebole Juniormester
03. november 2005 - 10:41 #3
<ole>

Da du alligevel sender dokumenterne som HTML (og ikke XHTML), kan du ligeså godt bruge en DTD, der svarer til koden og måden den serves på:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
... osv - osv ...

- men under alle omstændigheder, er det ikke body-elementet, der scroller ... det er dokument-elementet:

html {
  overflow: -moz-scrollbars-vertical; /* af hensyn til ældre Moz'er */
  overflow-x: hidden;
  overflow-y: auto;
}

/mvh
</bole>
Avatar billede mexico Nybegynder
03. november 2005 - 12:40 #4
Jeg har lavet hjemmesiden i Dreamweaver og som nybegynder er jeg ikke så god til html.

I hvilken side skal <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> indsættes og hvor på siden?

Jeg lukker først spørgsmålet i aften når jeg kommer hjem hvis det er ok - jeg er nemlig på arbejde lige nu.

/Søren
Avatar billede mexico Nybegynder
03. november 2005 - 12:43 #5
...og i hvilken side skal style="overflow-x:hidden" indsættes og hvor på siden?

glemte at sige at jeg er nybegynder...

/søren
Avatar billede udvikler Nybegynder
03. november 2005 - 15:17 #6
<head>
<style>
  overflow: -moz-scrollbars-vertical; /* af hensyn til ældre Moz'er */
  overflow-x: hidden;
  overflow-y: auto;
</style>
</head>

- altså under head :)
Avatar billede mexico Nybegynder
03. november 2005 - 19:16 #7
Det har intet hjulpet. Skal tingene ændres i mit framesæt eller i de enkelte frames?Kan I ikke lige prøve at vise mig hvordan det skal se ud:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>vask</title>
<style type="text/css">
  overflow: -moz-scrollbars-vertical;
  overflow-x: hidden;
  overflow-y: auto;
<!--
.style2 {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
}
.style3 {
    color: #FF0000;
    font-weight: bold;
    font-size: 18px;
}
-->
</style>
</head>

<body>
<table width="100%" height="385" border="0" cellpadding="2" cellspacing="2" style="text-align: center">
  <tr>
    <td width="23%" height="242" style="text-align: center; vertical-align: middle;"><pre class="style2">Levering: 7-10 dage<u>


Bem&aelig;rk:</u>
M&oslash;nster og terracotta
design vil variere.

Ikke to er ens!</pre></td>
    <td colspan="3" style="text-align: center"><span style="text-align: center; vertical-align: top"><img src="Stortfoto/talavera_ceramic_sink_191315-22.jpg" alt=" image 2" name="image" width="287" height="238" id="image" /></span></td>
    <td width="21%" style="text-align: center; vertical-align: middle;"><pre class="style2">Bredde: ca. 45 cm
L&aelig;ngde: ca. 55 cm
H&oslash;jde: ca. 25 cm
V&aelig;gt: ca. 4,1 kg


<span class="style3">Pris: 2153 kr</span>
(inkl. moms)

</pre></td>
  </tr>
  <tr>
    <td height="137" colspan="5" style="text-align: center; vertical-align: top; white-space: normal"><p><strong>Talavera Hand Painted Sink </strong></p>
    <p>This bathroom sink has a dark blue border, followed by white band around the  sink border. The central part is much lighter with a mesh-like pattern and blue  dots on each mesh intersection. From the central opening a flower-like pattern  is drawn to eight directions and finishing with a nice and colorful flower  surrounded by a C-like yellow pattern. A very sophisticated pattern which is  hard to explain in words, the picture is worth hundred words. It has an overflow  system.</p></td>
  </tr>
</table>
</body>
</html>
Avatar billede udvikler Nybegynder
04. november 2005 - 16:34 #8
Ændre:
  overflow: -moz-scrollbars-vertical;
  overflow-x: hidden;
  overflow-y: auto;

Til:
table {
  overflow: -moz-scrollbars-vertical;
  overflow-x: hidden;
  overflow-y: auto;
}
Avatar billede mexico Nybegynder
10. december 2005 - 20:29 #9
Jeg har desværre stadig ikke forstået det. Skal det indsættes på hovedsiden altså den som hedder mex.html eller hvad?

Vil I ikke lige prøve at kopiere hele html siden ind og indsætte koden der hvor den skal være.

Så bliver jeg sgu glad.

Mvh Søren
Avatar billede udvikler Nybegynder
13. december 2005 - 07:48 #10
Prøv med denne:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>vask</title>
<style type="text/css">
<!--
html {
  overflow: -moz-scrollbars-vertical;
  overflow-x: hidden;
  overflow-y: auto;
}
.style2 {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
}
.style3 {
    color: #FF0000;
    font-weight: bold;
    font-size: 18px;
}
-->
</style>
</head>

<body>
<table width="100%" height="385" border="0" cellpadding="2" cellspacing="2" style="text-align: center">
  <tr>
    <td width="23%" height="242" style="text-align: center; vertical-align: middle;"><pre class="style2">Levering: 7-10 dage<u>


Bem&aelig;rk:</u>
M&oslash;nster og terracotta
design vil variere.

Ikke to er ens!</pre></td>
    <td colspan="3" style="text-align: center"><span style="text-align: center; vertical-align: top"><img src="Stortfoto/talavera_ceramic_sink_191315-22.jpg" alt=" image 2" name="image" width="287" height="238" id="image" /></span></td>
    <td width="21%" style="text-align: center; vertical-align: middle;"><pre class="style2">Bredde: ca. 45 cm
L&aelig;ngde: ca. 55 cm
H&oslash;jde: ca. 25 cm
V&aelig;gt: ca. 4,1 kg


<span class="style3">Pris: 2153 kr</span>
(inkl. moms)

</pre></td>
  </tr>
  <tr>
    <td height="137" colspan="5" style="text-align: center; vertical-align: top; white-space: normal"><p><strong>Talavera Hand Painted Sink </strong></p>
    <p>This bathroom sink has a dark blue border, followed by white band around the  sink border. The central part is much lighter with a mesh-like pattern and blue  dots on each mesh intersection. From the central opening a flower-like pattern  is drawn to eight directions and finishing with a nice and colorful flower  surrounded by a C-like yellow pattern. A very sophisticated pattern which is  hard to explain in words, the picture is worth hundred words. It has an overflow  system.</p></td>
  </tr>
</table>
</body>
</html>
Avatar billede udvikler Nybegynder
13. december 2005 - 07:55 #11
Eller hvis den skal være lidt "pænere"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>vask</title>
<style type="text/css">
<!--
html {
  overflow: -moz-scrollbars-vertical;
  overflow-x: hidden;
  overflow-y: auto;
}
.style2 {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
}
.style3 {
    color: #FF0000;
    font-weight: bold;
    font-size: 18px;
}
-->
</style>
</head>

<body>
<table width="100%" height="385" border="0" cellpadding="2" cellspacing="2" style="text-align: center">
  <tr>
    <td width="23%" height="242" style="text-align: center; vertical-align: middle;"><pre class="style2">Levering: 7-10 dage<u>


Bem&aelig;rk:</u>
M&oslash;nster og terracotta
design vil variere.

Ikke to er ens!</pre></td>
    <td colspan="3" style="text-align: center"><span style="text-align: center; vertical-align: top"><img src="Stortfoto/talavera_ceramic_sink_191315-22.jpg" alt=" image 2" name="image" width="287" height="238" id="image" /></span></td>
    <td width="21%" style="text-align: center; vertical-align: middle;"><pre class="style2">Bredde: ca. 45 cm
L&aelig;ngde: ca. 55 cm
H&oslash;jde: ca. 25 cm
V&aelig;gt: ca. 4,1 kg


<span class="style3">Pris: 2153 kr</span>
(inkl. moms)

</pre></td>
  </tr>
  <tr>
    <td height="137" colspan="5" style="text-align: center; vertical-align: top; white-space: normal"><p><strong>Talavera Hand Painted Sink </strong></p>
    <p>This bathroom sink has a dark blue border, followed by white band around the  sink border. The central part is much lighter with a mesh-like pattern and blue  dots on each mesh intersection. From the central opening a flower-like pattern  is drawn to eight directions and finishing with a nice and colorful flower  surrounded by a C-like yellow pattern. A very sophisticated pattern which is  hard to explain in words, the picture is worth hundred words. It has an overflow  system.</p></td>
  </tr>
</table>
</body>
</html>
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