Man kan loade alle tabeller med det samme, og så skjule og vise efter hvad der trykkes på ...
I ccs3 findes en opacity-ting, som man kan sætte en delvis transparens på elementer med, den er IE foreløbig lavet med filter, som jesper-madsen viser, men for større browser-kompatibilitet kan man:
-- men det er så hele elementet, som bliver transparent, ikke kun baggrunden, vil man sådan noget skal man placere flere elementer ovenpå hinanden, typisk et billede, som er delvist transparent, og så det andet element ovenpå !-)
-- men man kan selvfølgelig også gøre billedet transparent fra fødslen !o]
jeg vil delvis give dig ret roenving. for hvis jeg skal gøre billedet transperant, så kræver det at jeg skal bruge endnu et billede. og har prøvet med halvt gennemsigtige tern, men det giver ikke samme effekt.
den effekt jeg vil have, ser du i diverse sci-fi film og sider osv.
med et eller andet der hænder med noget tekst i, hvor du så kan se baggrunden igennem... delvist.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Tomt dokument</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small; background:url(../billede.jpg) no-repeat center center; } </style> <script language="javascript" type="text/javascript"> </script> </head> <body> <div style="height:100%;background:black;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;color:white;text-align:center;font-weight:900;"> Denne tekst er sammen med resten af denne div halvgennemsigtig </div>
hele mit layout til sitet er 760*400 og det vil jeg have til at stå i midten af skærmen.
derfor den ydre tabel, for at smide det hele i center.
inden for de 760*400 har jeg så et baggrunds billede der skal fylde det hele. i ventre side skal der være en menu på omkring 130 eller noget i den kaliber.
når man klikker på et menu punkt skal der poppe et layer op, som har en sort border på enten 1 eller 2 pixel, hvor baggrunden er halvt transperant (eller hvad jeg nu vælger) med en masse tekst i.
lad os nu sige at jeg vil have menu boksen, og tekst boksen til at have forskellige højder som på billedet, og mere mellemrum mellem boksene, også som på billedet.
-- enten indsætte en iframe, som ligesom andre window-elementer kan loade sider ...
-- eller loade alle mulige former for indhold med det samme, men skjule dem, som ikke er aktuelle, og så vise/skjule dem efter behov ...
-- hvis det drejer sig om relativt små downloads pr. ting, skal du selvfølgelig benytte den anden, hvis det er komplicerede ting med store mængder af involveret download, skal du selvfølgelig vælge den første ...
-- hvis du har et stort behov for, at dine sider indekseres i søgemaskiner uden at du laver javascript-fiksfakserier, vil det også være den anden mulighed, du skal kigge efter !-)
<div id="div1" style="display:block;"> Dette er default-siden </div> <div id="div2" style="display:none;"> Denne side vises ikke fra start (2) </div> <div id="div3" style="display:none;"> Denne side vises ikke fra start (3) </div> <div id="div4" style="display:none;"> Denne side vises ikke fra start (4) </div> <div id="div5" style="display:none;"> Denne side vises ikke fra start (5) </div>
<body> <div id="container"><div> <table id="main"> <tr> <td style="width:130px;"> <div>Menu</div><br> <br style="font-size: 5px" /> <a href="#" onclick="visSkjul(2);return false;">Vis indhold 2</a><br> </td> <td style="width:600px;"> <div id="div1" style="display:block;"> Dette er default-siden </div> <div id="div2" style="display:none;"> Denne side vises ikke fra start (2) </div> <div id="div3" style="display:none;"> Denne side vises ikke fra start (3) </div> <div id="div4" style="display:none;"> Denne side vises ikke fra start (4) </div> <div id="div5" style="display:none;"> Denne side vises ikke fra start (5) </div>
</td> </tr> </table> </div></div>
</body>
den virker ikke, den sætter linksne under menu boksen?
-- og det kan absolut være nødvendigt at eksperimentere med afstandene for at få det helt rigtige resultat !-)
-- bemærk, at den doctype, jeg har vist, er absolut nødvendig for at få også IE til at respektere rekommendationerne, for du vil ofte støde ind i sider, som ikke har dtd-linket med, og så vil hverken margin til centrering eller mange andre css-ting fungere ...
-- og slet ikke på samme måde i forskellige browsere !-)
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.
Ny bruger
Nybegynder
Opret
Preview
