html - Sliding Doors Centering -


I have created it quickly but I am including it in my header, the format of the header is a logo on the right and right On the sliding doors should be a fixed height heading with the navigation button. The header's background should go across the full width of the browser, although the actual title (which, on the right hand man logo and navigation) should have a fixed width of about 900 pixels and centered.

Any ideas about how to achieve this? I have tried the following: 

  & lt; Div id = "header-outer" & gt; & Lt; Div id = "header-container" & gt; & Lt; An id = "logo" href = "& lt; php echo get_option ('home') ;? & gt; /" & gt; & Lt; / A & gt; & Lt; Div id = "header-nav" & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Home & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Projects & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; About & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Portfolio & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Blogs & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Contact & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;

and the following CSS: 

  div # header-nav {float: left; Width: 100%; Background: rgb (33,33,33); Font-size: 90%; Line-height: general; Margin top: multiplied 90px; } Div # header-nav ul {margin: 0; Padding: 0; List-style: none; } Div # header-nav ul li {float: left; Margin: 0 2px 0 2px; Padding: 0,04 px; Background: URL ('images / tab_left.png') Any repeat left top; } Div # header-nav a {display: block; Background: URL ('images / tab_right.png') Any repeating top header; Padding: 5px 10px 4px 6px; Text-decoration: none; Color: # 333; } Div # header-outer {background: rgb (333333); Height: 100px; Display area; Clean both; } Div # header-container {text-align: center; Margin: 0 auto; Width: 900px; Padding: 0; }

Just trying to understand your problem.

Do you want to display it like this ... 

  --------- | --------------------- ----------------------------- | --------- | | | Logo navigation | | | --------- | ---------------------------------------- ---------- | ---------

Or this way ... 

  --- ------ | ------------------------------------------- ------- | --------- | | | Logo navigation | | | --------- | ---------------------------------------- ---------- | ---------

If you are the first example then the following should be quite easy with the CSS. .. 

 #logo {float: left; / * Floats logo is left * / div # header-nav {float: right; / * Had to remove the width of 100% so that NA Float * could accept / background: RGB (333333); Font-size: 90%; Line-height: general; Margin top: multiplied 90px; } Div # header-nav ul {margin: 0; Padding: 0; List-style: none; } Div # header-nav ul li {float: left; Margin: 0 2px 0 2px; Padding: 0,04 px; Background: URL ('http://kieransenior.co.uk/images/tab_left.png') Any repeat left top; } Div # header-nav a {display: block; Background: URL ('http://kieransenior.co.uk/images/tab_right.png') The right to repeat the top; Padding: 5px 10px 4px 6px; Text-decoration: none; Color: # 333; } Div # header-outer {background: rgb (333333); Height: 100px; Display area; Clean both; } Div # header-container {text-align: center; Margin: 0 auto; Width: 900px; Padding: 0; }

If you want to display it as another example, then you may have to face the center for both the logo and the navigation because I'm not sure that such a CSS cross in the browser Is possible for But I feel somewhat wrong may feel free to correct me.

Hope it helps.


Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more