Fordelaktig.no
Webutvikler kurs ASP.NET, C#, CSS mm.

WebRessurs.no - Webprogrammering og ressurs innen ASP, ASP.NET, PHP, SQL, HTML, CSS, Javascript, XML, C#, VB, Flash  mm.

Brukernavn: 
Passord:

Registrèr deg Glemt passord?
Logg deg inn




  ASP.net (199)
  ASP 3.0 (111)
  PHP (30)
  HTML (66)
  SQL (89)
  CSS (46)
  XML (7)
  JavaScript (78)
  Diverse kode (13)


  Programmering (22)
  System og drift (15)
  Trafikk og inntekt (11)
  Guider og tips (22)
  Nyttig lesestoff (23)
  Web forum (592)
  Link galleri (566)


  ASP.NET kurs(5)
  CSS kurs (2)
  JQuery kurs (2)


  Øk trafikken (8)
  Facebook App. (4)
  Microsoft CEO (6)


  Server & web
  Internett & epost
  Systemverktøy
  Sikkerhet
  Fildeling
  Lyd & media
  Diverse software


  Domenesalg
  Metagenerator
  Websikre farger
  Gratis epost
  WebMail


  Bli medlem!
  Siste innlegg
  Gjestebok
  Tips en venn
  Kontakt oss
  Forsiden




Kode Artikler
Linker


Mål internetthastigheten din.


Eksempel på bruk av absolute og relative posisjonering i CSS

av Øyvind A. Isaksen
 
Her viser vi et eksempel på bruk av absolute og relativ posisjonering i CSS. Det vi ønsker å oppnå i kodeeksempelet er en venstremeny der ett av elementene flyter utenfor selve menyen. Vi ønsker at den det øverste elementet (FlashElement) i menyen  skal ligge -200px over, og -50px til venstre for containeren som inneholder selve menyen.

<style>
#FlashElement{
float: left;
width:193px;
height:242px;
position: absolute;
left: -50px;
top: -200px;
background-color:Transparent;
}
.RelativPlassertKlasse{
position: relative;
}
</style>

<div id="columLeft">
<div class="RelativPlassertKlasse">
<div>
<div id="FlashElement">
Her skal det ligge et flashelement som vises -200px over og
-50px til venstre for klassen "RelativPlassertKlasse".
</div>
</div>
<div class="clear"></div><br />
<div>
Link1 here<br />
Link2 here<br />
Link3 here<br />
Link4 here<br />
Link5 here<br />
</div>
</div>
</div>

WebRessurs.no anbefaler:    StackOverflow.com | Experts-Exchange.com | W3schools | ASP.NET | Codeproject | 4Guys
WebRessurs.no er utviklet og drives av SoftMaker LTD
Sett som startside: [ ]. Bokmerk denne siden: [ klikk ]. Sitemap. http://twitter.com/webressurs_no/. Antall brukersesjoner: 9013835.
Copyright WebRessurs.no © 2003 - 2015
Turvenn.no