Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
webbutv_08 [2012-11-06 17:07]
Daniel Viström 		webbutv_08 [2019-10-24 15:22]
Mattias Hamberg
Line 1: Line 1:
-====== Positionering, trix för trevligare boxar ======+====== Trix för trevligare boxar ======
  
  
Line 5: Line 5:
  
 **Tips:**\\ **Tips:**\\
-CSS: background-position, position, width, height, background, z-index, left, right, top, bottom\\+CSS: background-position, position, width, height, background, left, right, top, bottom\\
 Denna {{:help.png?linkonly|bild}} Denna {{:help.png?linkonly|bild}}
  
 {{:facit.png |}} {{:facit.png |}}
 <code html> <code html>
 +
  
 <div class="box"> <div class="box">
Line 36: Line 37:
  
 </code> </code>
 +
 +==== OBS! ====
 +Idag, med dagens webbläsare, skulle man inte lösa denna design på detta sätt, denna uppgift kommer ev. tillbaka men då ska ni lösa den på att annat sätt. Det är dock en bra övning på background-position och position.