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
Next revision Both sides next revision
webbutv_08 [2012-11-02 11:25]
Joakim Forsgren 		webbutv_08 [2018-11-12 06:50]
Joakim Forsgren
Line 2: Line 2:
  
  
-Din uppgift är att med hjälp av CSS formatera utseendet på HTML-koden nedan så att den ser ut som bilden till vänster. Till din hjälp har du följande bilder, en {{:ring.png?linkonly|ring}} och en {{:grad.png?linkonly|gradient}}. Du skall självklart se till så att det är korrekt HTML5 och en CSS som är fri från fel. Du måste lägga till det som saknas för att dessa krav skall uppfyllas. +Din uppgift är att med hjälp av CSS formatera utseendet på HTML-koden nedan så att den ser ut som bilden till vänster. Till din hjälp har du följande bilder, en {{:ring.png?linkonly|ring}} och en {{:grad.png?linkonly|gradient}}. Du skall självklart se till så att det är korrekt HTML5 och en CSS som är korrekt, d.v.s. filerna ska validera utan fel. Du måste lägga till det som saknas för att dessa krav skall uppfyllas, men inget i nedanstående del av koden får ändras. 
  
 **Tips:**\\ **Tips:**\\
Line 10: Line 10:
 {{:facit.png |}} {{:facit.png |}}
 <code html> <code html>
 +
  
 <div class="box"> <div class="box">
Line 36: Line 37:
  
 </code> </code>
 +
 +==== OBS! ====
 +Idag skulle man inte lösa detta 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, position.