Need a helping hand to recreate some styles

Hey, sorry guys, this is my biggest request so far that I can't work properly.


Hey my new header (Work in progress) has a close .css obsolete file and I was wondering if I could get a hand with recreate it. In addition, the .css file is incompatible with my another .css file and I have no idea how I'm supposed to edit this extremely long file.

header2.PNG

In addition to this, I was wondering if I could get a hand to a drop down menu header like this (which I based my design of header autour)

http://www.aucklanddj.co.nz/

HTML codes:

<! doctype html >

<!-[if lt IE 7] > < class html = "ie6" lang = "fr" > <! [endif]-->

<!-[if IE 7] > < class html = "ie7" lang = "fr" > <! [endif]-->

<!-[if IE 8] > < class html = "ie8" lang = "fr" > <! [endif]-->

<!-[if IE 9] > < class html = "ie9" lang = "fr" > <! [endif]-->

<!-[if gt IE 9] > <!--> < html lang = "en" > <!-<! [endif]-->

< head >

< title > Expertpcguides.com < / title >

< link href = "css/header - styling.css" rel = "stylesheet" type = "text/css" >

<!-[if lt IE 9] >

"< link rel ="stylesheet"href="/silverstripe-browsersupport/css/style.css ">

<! [endif]-->

< / head >

< body >

< div class = "page-wrap" >

< div id = "Web" >

< header id = "header" = "banner" role of site >

< div class = "container" >

< div class = "inner" >

< nav id = role = "navigation" ' header-nav">

< ul class = "-no style list clearfix" >

< class li = "left" >

< ul class = "-no style list clearfix" >

< class li = "" >

< a class = "link" href = "www.expertpcguides.com" > dictionary < /a > < /li >

< class li = "" >

< a class = "link" href = "www.expertpcguides.com" > items < /a > < /li >

< class li = "" >

< a class = "link" href = "www.expertpcguides.com" > story of the PC < /a > < /li >

< /ul >

< /li >

< class li = "Center" >

" < a class = 'site-mark' href = ' http://www.expertpcguides.com/IMG/logo-smaller.PNG "> PC expert Guides < /a > < /li > .

< class li = "right" >

< ul class = "-no style list clearfix" >

< class li = "" >

< a class = "link" href = "www.expertpcguides.com" > Top downloads < /a > < /li >

< class li = "" > < a class = "link" href = "www.expertpcguides.com" > Forums < /a > < /li >

< class li = "" >

< a class = "link" href = "www.expertpcguides.com" > Connect < /a > < /li >

< /ul >

< /li >

< /ul >

< / nav > <!-header / # - nav - >

< ul id = "header-subnav" class = "-no style list clearfix" >

< li >

< a class = "btn, btn - sm" href = "www.expertpcguides.com" data-toggle = "modal" data-target = "#contact - modal" > contact us < /a > < /li >

< li >

< a class = "btn, btn - sm" href = "www.expertpcguides.com" > About Us < /a > < /li >

< /ul > <!-header / # - subnav - >

< / div >

< / div > <!-/-> .container

< / header >

<!--> header - site / # -.

<!-/ - fixed - head-# site - >

< / html >

If interested I will post a short version of the current .css file. But for the moment, I think that its too long to post. Thanks for the help in advance.

Have you given some thought tot rebuild the old pages of site with less code?  In its current state, it is undisciplined with all those

Tags inside
  • labels, , etc...  HTML5 provides a very good opportunity to simplify your code essentially - without all the other stuff.  This would make your CSS a lot less painful to work, too.

    Nancy O.

  • Tags: Dreamweaver

    Similar Questions

    Maybe you are looking for