Avatar billede rickypriv Nybegynder
06. juni 2004 - 16:04 Der er 12 kommentarer og
1 løsning

Vertical Scroll i Table

Hej.

Jeg har en side jeg er ved at lave der er opbygget at TABLES.
www.adminconsult.dk/bs/ - skal ses i 1024 * 768

Som i kan se , duer det java-script jeg har ikke , da min MENU glider ind under texten.
Hvad gør jeg?

Jeg har også rodet lidt med noget CSS , men det er bare ikke så pænt med den HORISONTALE scroll bar.

Håber der er nogen der har et godt forslag her.
Avatar billede rickypriv Nybegynder
06. juni 2004 - 16:07 #1
NB.. CSS udgaven kan findes her :

www.adminconsult.dk/bs/index2.htm
Avatar billede roenving Novice
06. juni 2004 - 16:14 #2
<div style="height:456px;width:828px;border-right-style:solid; border-right-width:1px; border-bottom-style:solid; border-bottom-width:1px; overflow:auto">

-- og du kan tilføje en ie-forbedring, hvis du vil sikre den i hvert fald der:

overflow:auto;overflow-x:hidden;
Avatar billede rickypriv Nybegynder
06. juni 2004 - 16:19 #3
Har du mulighed for at smide en forklaring på hvad den gør ?
Avatar billede rickypriv Nybegynder
06. juni 2004 - 16:20 #4
Jeg formoder det er CSS udgaven du har smidt en ny DIV til ?
Avatar billede rickypriv Nybegynder
06. juni 2004 - 16:22 #5
Jeg prøvede lige .. og det ser kanont ud !! :)
Avatar billede roenving Novice
06. juni 2004 - 16:24 #6
Ja, jeg kiggede ikke efter den anden, lige nu !-)

overflow:auto; vil kun vise scrollbars, når der er behov for dem, mens overflow-x:hidden; vil sørge for at der aldrig kommer en vandret scrollbar ...
Avatar billede rickypriv Nybegynder
06. juni 2004 - 16:29 #7
Kanont .. så skal jeg bare have farvet mine scrolls med lidt CSS , og så er det jo bare smukt ! :)

Tak skal du have.. !

Smid lige et svar :)
Avatar billede roenving Novice
06. juni 2004 - 16:31 #8
Velbekomme '-)
Avatar billede roenving Novice
06. juni 2004 - 16:44 #9
-- og tak for point ;~}
Avatar billede rickypriv Nybegynder
06. juni 2004 - 16:52 #10
Kan jeg ikke ændre på farven for border-right og border-bottom ?
Avatar billede roenving Novice
06. juni 2004 - 17:01 #11
Jo !-)

f.eks. også bruge border-shorthands:

<div style="height:456px;width:828px;border-right: 1px solid #ff0000;border-bottom: 1px solid #ff0000; overflow:auto;overflow-x:hidden;">

-- og short-hands findes på begge leder, så man kunne også (men det vil jo være længere i dette tilfælde:

border-width: 0px 1px 1px 0px;border-style:solid;border-color:#f00;

-- de to sidste properties kunne også være skrevet ud i 4 sider, hvor det fungerer ligesom uret: det starter i toppen, og går højre om ...

Forøvrigt har jeg i den sidste også forkortet farve-angivelsen, da tre-'cifrede' angivelser skal fordobles enkeltvis, så det er samme farve til sidst, som ovenover !-)
Avatar billede rickypriv Nybegynder
06. juni 2004 - 17:04 #12
hold op du er en guru ..! :D
Avatar billede roenving Novice
06. juni 2004 - 17:11 #13
Forøvrigt har Index dot css/html nogle gode referencer, når man lige står og har brug for et-eller-andet:

http://blooberry.com/indexdot/css/index.html -- html kan findes et click væk !-)
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