Søg
Avatar billede tipsen Nybegynder
21. juli 2002 - 18:44 Der er 26 kommentarer og
4 løsninger

Er dette design muligt!?

Hej eksperter

Jeg har lavet en skitse af et design:

http://www.tommyipsen.dk/testdesign.gif

-er det muligt at lave et sådant design, hvor der altså både er en "topbar" og en "bundbar" med faste pixelhøjder samt en celle i mellem, som har egen scrollbar. Bundbaren skal ligge nederst i billedet - dvs. noget i retning af følgende intuition:

topbar: 20 pixels
bundbar: 30 pixels
cellen i mellem disse: resten af pladsen!

Hvad har jeg af muligheder (eks. html, css, javascript) og er det overhovedet muligt?

Det bedste ville være en løsning uden frames (iframes er helt udelukket!) men nu glæder jeg mig lidt til at høre om mulighederne!
Avatar billede eagle124 Nybegynder
21. juli 2002 - 18:47 #1
Det kan jeg ikke se noget galt i
Avatar billede namnam Nybegynder
21. juli 2002 - 18:50 #2
Ja det vil jeg også sige.. Det ser ok ud.
Avatar billede fiskesuppe Nybegynder
21. juli 2002 - 18:53 #3
Jeg tror kun du kan lave det vha. en IFRAME - ellers kan jeg ikke se hvordan det vil være muligt at lave scrollbaren som du ønsker den. Hvordan du så gør de venstre hjørner i scrollbaren blå-farvede har jeg ingen anelse om...
Avatar billede fiskesuppe Nybegynder
21. juli 2002 - 18:53 #4
Det nemmeste er nok at lave det i Flash...
Avatar billede callesen Praktikant
21. juli 2002 - 18:53 #5
Snup kilden fra www.rudtennis.dk - minus eksternt script er grundstrukturen der.
Avatar billede jakoba Nybegynder
21. juli 2002 - 18:54 #6
det mest crossbrowser er nok at lave det med javascript.
Og ja det kan gøres, med tabeller og omhygge.
Avatar billede fiskesuppe Nybegynder
21. juli 2002 - 18:56 #7
JakobA -> En scrollbare i en tabelcelle?
Avatar billede tipsen Nybegynder
21. juli 2002 - 18:56 #8
eagle og namnam: Det var ikke et spørgsmål om vurdering af designet, men snarere et spørgsmål om hvordan jeg kunne lave det i html!?

fiskesuppe: Hvad mener du med blå hjørner i scrollbaren!?
Avatar billede callesen Praktikant
21. juli 2002 - 18:59 #9
Scrollbar i celle:
<TD STYLE="height:100px;width:100px;"><DIV style="width:100px;height: 100px;overflow:scroll;overflow-x : hidden;">dit indhold</DIV></TD>
Avatar billede fiskesuppe Nybegynder
21. juli 2002 - 18:59 #10
tipsen -> Ups jeg kom til at formulere mig lidt forkert. Hvis du laver selve sidens indhold i en IFRAME så kan det være svært at gøre de venstre hjørner af IFRAME'n (ikke scrollbaren - det giver jo ingen mening at skrive det sådan) blå farve så der er sådan nogle buede hjørner rundt om indholdet.
Avatar billede a1a1 Novice
21. juli 2002 - 19:01 #11
jeg vil ikke mene at du kan lave det uden frames, men med et frameset skulle der ikke være nogle problemer....

(der er vel snart ikke noget browsere der ikke understøtter frames?)
Avatar billede tipsen Nybegynder
21. juli 2002 - 19:07 #12
fiskesuppe: Flash er desværre ikke noget jeg kan finde ud af og derfor ikke en mulighed.
callesen: Det ser rigtigt ud, men det er ved hjælp af iframes!
jakoba: Er det muligt med en scrollbar i en tabelcelle (evt. vha. css?)
callesen: Ved du om din CSS er standard? (crossbrowser kompatibel!)
fiskesuppe: ok - de blå hjørner kan undværes, men er bare en nice feature.
a1: Årsagen til at jeg gerne vil undvære frames er pga. nogle overvejelser vedr. mulighederne i serverside-scripting (php) dér vil det være en fordel at undvære framesættet!
Avatar billede fiskesuppe Nybegynder
21. juli 2002 - 19:13 #13
Jeg kan godt lave siden til dig efter hvad jeg fik at vide af callesen. Vent 10 minutter.
Avatar billede nikolajdu Nybegynder
21. juli 2002 - 19:13 #14
<html>
<head>
    <title>Top og bundbar</title>
   
    <script type="text/JavaScript">
    ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
ie5 =(document.getElementById)? true:false
ns6 = (document.getElementById && !document.all)?true:false;

function setBar() {
    var barObj = (document.all)? document.all.toppen : document.getElementById("toppen");
    barObj.style.top = 0;
    barObj.style.width = document.body.offsetWidth - barObj.offsetWidth
    var barObj2 = (document.all)? document.all.bunden : document.getElementById("bunden");
    barObj2.style.top = document.body.offsetHeight - barObj2.offsetHeight;
    barObj2.style.width = document.body.offsetWidth - barObj2.offsetWidth
    barObj.style.visibility = "visible";
    barObj2.style.visibility = "visible";
}

window.onload = setBar;
window.onresize = setBar;
</script>
   
</head>

<body>


<div id="toppen" style="position:absolute;background-color:#ff0000;visibility:hidden;">Topbar</div>
<div id="bunden" style="position:absolute;background-color:#ff0000;visibility:hidden;">Bund-Bar</div>
</body>
</html>
Avatar billede nikolajdu Nybegynder
21. juli 2002 - 19:13 #15
Sådan i den stil?
Avatar billede a1a1 Novice
21. juli 2002 - 19:13 #16
?
det kan da være ligemeget om der er php eller html?
(det kan da være besværligt at navigere i frames, men det gør ingen forskel om det er phphtml eller bare alm. html....?
Avatar billede gaunt Nybegynder
21. juli 2002 - 19:14 #17
Det kan gøres i DHTML, uden brug af Frames.
Avatar billede jakoba Nybegynder
21. juli 2002 - 19:16 #18
scrollbaren kan du lave med css eller iframe
css tager ns4 med, men ifram lader dig skifte indhold meget nemmere.
Avatar billede hells Nybegynder
21. juli 2002 - 19:16 #19
<html>
<body>

<table cellspacing="0" style="width: 500px;">
  <tr>
    <td colspan="2" style="height: 20px; background-color: #000088; color: #ffffff;">

fast pixelhøjde laves med height i style-attributten

    </td>
  </tr>
  <tr>
    <td style="width: 40px; background-color: #000088; color: #ffffff;">

fast pixelbredde laves med width i style-attributten

    </td>
    <td>

<div style="width: 460px; height: 400px; overflow: auto;">
selve inholdet placeres her. scrollbaren kommer frem når der er for meget tekst. det er bestemt med overflow: suto i style-attributten. den kan også sættes til scroll, hvilket vil resultere i en scrollbar ligemeget hvad
</div>

    </td>
  </tr>
  <tr>
    <td colspan="2" style="height: 20px; background-color: #000088; color: #ffffff;">

fast pixelhøjde laves med height i style-attributten

    </td>
  </tr>
</table>

</body>
</html>
Avatar billede jakoba Nybegynder
21. juli 2002 - 19:17 #20
Og endeli ku du no også lave det hele i gode gamle frames.
Avatar billede tipsen Nybegynder
21. juli 2002 - 19:21 #21
nikolajdu: Ja - noget i den stil - problemet er bare at det ikke fungerer i hverken min mozilla1.0 eller min Netscape 6.2 ... :-/
a1: Det er problemet med at opdatere elementer i flere frames - og du har ret det er reelt set ligegyldigt om jeg bruger dynamiske eller statiske sider, men php giver mig så nogle muligheder for at opdatere nogle elementer som jeg ellers ikke kunne...
gaunt: Kan det gøres i dhtml så det ikke kun fungerer i IE?
Avatar billede nikolajdu Nybegynder
21. juli 2002 - 19:22 #22
tipsen - Nej ikke endnu ;-)
Avatar billede a1a1 Novice
21. juli 2002 - 19:26 #23
jeg har da før lavet dynamiske menuer i framesets det er ikke særligt besværligt...

her er et eksempel (menuen bliver også opdateret ved klik (får farve og henter undermenuer (der er bare ikke nogen underpunkter :) ) ) )

http://www.strandmoellekroen.dk/

"designet" er næsten det samme som det du efterspørger...:)
(der er bare en frame udenom det hele)
Avatar billede fiskesuppe Nybegynder
21. juli 2002 - 19:27 #24
Du kan eksempelvis lave det sådan her:

http://home.no/sausage/eksperten/237931.htm

Erstat de røde tabelceller med de hjørnebilleder du vil have der. De skal være af farven #000066
Avatar billede a1a1 Novice
21. juli 2002 - 19:31 #25
behøver jeg at sige at det self. virker i (næsten) alle browsere...
testet i ie, mozilla 1.0, ns4.79, ns6.2, opera 6.01....:)
Avatar billede tipsen Nybegynder
21. juli 2002 - 20:06 #26
Hej alle

Nu har jeg hvertfald fået et godt overblik over de muligheder jeg har. Jeg vil prøve lidt af hvert og se, hvad der giver de bedste resultater!

Det kan dog godt tage noget tid inden jeg får prøvet det hele og jeg vil gerne sige tak for hjælpen til alle som har hjulpet og vil også gerne give nogle point. Så hvis jeg, udover de svar jeg har fået, kunne få svar fra fiskesuppe og nikolajdu vil det være fint! Hvis nogen føler sig forbigået, må de lige sige til!
Avatar billede nikolajdu Nybegynder
21. juli 2002 - 21:53 #27
Jeg kan da godt svare, men er ikke færdig endnu :)
Avatar billede tipsen Nybegynder
21. juli 2002 - 21:58 #28
Hvis du kan få den til at fungere på tværs af browsertyper er jeg imponeret! :-)
Avatar billede fiskesuppe Nybegynder
21. juli 2002 - 22:33 #29
Svar :)
Avatar billede =maddog= Nybegynder
22. juli 2002 - 00:25 #30
jeg har lavet en iframe der duer i NS4 hvis der nogen der er interesseret.
www.dsr.kvl.dk/~maddog/new.html den er rimelig meget på development stadie men skulle være stort set bugfri.
evt. bugs må gerne mailes til mig.
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 går 16:43 Nomad Tracking Car Af fleknes i Apps til Android
25/0916:15 Internet forsvinder hele tiden Af TTA i Internetforbindelser
23/0920:49 Fejl på Tv2 Play Af Bukse i Browsere
23/0918:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
White papers
Flere white papers »