Jump to content



Photo

The header philosophy..


  • Please log in to reply
2 replies to this topic

#1 Cosmin

Cosmin

    Graphics & Engineering

  • Joined: 12-October 02
  • Location: Europe

Posted 08 May 2013 - 08:37

Hy. I'm not so good on programming(css/html) as my main role is related to graphics but I wish to integrate such header on a website.. our main problem is related to size-compatibility tricks which I wish to understand :
- The header size is constant.. how will react on different resolutions/maximize-minimize browser? Zone A & C will enlarge/compress or?
- Which the best way to do this job without losing quality?
Thanks!
Posted Image


#2 TheLegendOfMart

TheLegendOfMart

    Neowinian Senior

  • Joined: 01-October 01
  • Location: England

Posted 08 May 2013 - 08:47

could you not fade the left and right edges of A and C respectively and have a solid colour in the background of the header DIV which has width 100% and has text-align center so no matter how wide the monitor is they will just have solid colour and the header is preserved in the middle?

Had to do it with just B because of the orange text on A and C
Untitled-2.jpg

#3 the better twin

the better twin

    Neowinian Senior

  • Tech Issues Solved: 2
  • Joined: 26-January 10
  • OS: Win 8
  • Phone: Nokia Lumia

Posted 08 May 2013 - 08:50


background-size:cover;

background-position:center, center;

width:100%;





Click here to login or here to register to remove this ad, it's free!