How can I Center of the elements on the Web site "bootstrap".
I am creating a Web site for someone and it is temporarily on my Web space
www.tdrd.Karoo.net
First of all - the menu.
As seen in the mobile screen size I want than this centered on the width.
Seen in the larger screen - I want to have a long line centered on each side of the menu
menu-menu - menu - menu -.
My client wants to have the menu similar to stickywalnut.net
Please can someone advise...
CSS file is:
@charset "utf-8";
/* ***************************************************** */
/ * GLOBAL STYLES * / / * GLOBAL STYLES * / / * GLOBAL STYLES * /.
/* ***************************************************** */
{@-ms - display window
Width: device-width;
}
{@viewport}
Width: device-width;
}
{body
background-image: none;
do-family: Arial, Helvetica, without serif.
}
. Container {}
Max-width: 960px;
padding-left: 0.3787%;
padding-right: 0.3787%;
margin: auto;
Background: RGBA (255,255,255,0.6);
}
H2 {}
do-family: Arial, Helvetica, without serif.
font-size: 140%;
color: #06F;
}
div. Row.well {margin: 0 ;}}
IMG, object, embed, {video
Max-width: 100%;
}
/ * IE 6 doesn't support max-width so 100% width by default * /.
. IE6 img {}
Width: 100%;
}
{#logo-wrapper}
Width: 100%;
background-color: #FFF;
}
{#adaptiveMessage}
position: relative;
Clear: both;
margin: 0;
Width: 100%;
display: block;
background-color: #99C7E2;
do-family: Arial, Helvetica, without serif.
do-size: 9px;
}
{.logoimg #logo - wrapper}
height: auto;
Width: 90%;
}
/* ***************************************************** */
/ * Mobile layout: 480px and below. */
/* ***************************************************** */
{body
background-image: none;
}
{p}
do-size: 100%;
}
{of NAV
Clear: both;
float: left;
left margin: 0;
display: block;
Width: 300px;
background: #455868;
do-size: 11pt;
do-family: ' PT without ', Arial, without serif.
make-weight: bold;
border-bottom: 2px solid #283744;
border-bottom: 0;
}
NAV ul {}
Width: 100%;
display: none;
margin: 0;
padding: 0;
}
nav li {}
display: block;
Width: 100%;
float: left;
color: #FFF;
background: #455868;
}
NAV a {}
color: #fff;
display: inline-block;
Width: 100%;
text-align: center;
text-decoration: none;
line-height: 40px;
text-shadow: 1px 1px 0px #283744;
}
nav li a {}
color: #FFF;
border-right: 1px solid #576979;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
NAV a: hover nav a: active, nav a: visited {}
color: #FFF;
background-color: #8c99a4;
text-decoration: none;
}
NAV a {#pull
display: block;
background-color: #283744;
Width: 100%;
}
NAV a #pull: after {}
content: "";
background: url("..) /_img/NAV-icon.PNG') no-repeat;
Width: 30px;
height: 30px;
display: inline-block;
right:-55px;
Top: 10px;
position: relative;
}
/* ***************************************************** */
/ * Tablet Layout: 481px to 768px. Inherits the styles of: Mobile layout. */
/* ***************************************************** */
@media only screen and (min-width: 481px) {}
/*
nav li {}
display: block;
Width: 50%;
float: left;
color: #FFF;
background: #455868;
}
*/
}
/* ***************************************************** */
/ * Office Layout: 769px to a maximum of 1232px. Inherits the styles of: Mobile and tablet. */
/* ***************************************************** */
@media only screen and (min-width: 769px) {}
{of NAV
height: 40px;
Width: 100%;
Background: #FFF;
do-size: 11pt;
do-family: ' PT without ', Arial, without serif.
make-weight: bold;
/ * border-bottom: 2px solid #283744; * /
}
NAV ul {}
padding: 0;
margin: 0 0;
Width: 100%;
height: 40px;
color: #999;
Display: block;
}
nav li {}
Width: 140px;
color: #999999;
Background: #FFF;
position: relative;
}
NAV a {}
color: #999999;
Width: 100%;
text-align: center;
text-decoration: none;
line-height: 40px;
position: relative;
}
nav li a {}
color: #999;
border-right: 1px solid #576979;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
Li: last-child-NAV a {}
border-right: 0;
}
NAV a: hover nav a: active, nav a: visited {}
color: #FFF;
background-color: #8c99a4;
}
NAV a {#pull
display: none;
}
}
Try to add the below css at the end of your stylesheet styles:
NAV ul {}
text-align: center;
}
NAV ul li {}
float: none;
display: inline-block;
}
@media only screen and (max-width: 768px) {}
{of NAV
Width: 100%! important;
}
}
Tags: Dreamweaver
Similar Questions
-
How can I integrate an ecommerce store in my Web site?
How can I integrate an ecommerce store in my Web site? I used an external supplier and I would like to add the electronic commerce as a page on my own site
Thank you - M
Here is the record of the week last Muse Jam on adding e-commerce to your site from Muse, that you may find useful.
-
How can I add a pdf file to a Web site?
How can I add a pdf file to a Web site?
Hello
You can create Media Download and then use on the page.
More information:
http://helpx.Adobe.com/business-catalyst/using/add-media-downloads.html
https://www.YouTube.com/watch?v=FQ9qQdqXbGs
Thank you
Sanjit
-
I can't open all the Web sites in firefox(version 25), its long loading time, help please
I can't open all the Web sites in firefox(version 25), its long loading time, help please
Hello, normally these problems are caused by a security/firewall software which does not recognize and therefore blocks the new versions of firefox: solve connection problems to websites after Firefox update
-
I have CS6 installed on my desktop and it works fine. I would like to install on my laptop as well. How to do that on the Web site? I'm logged into my Adobe account on my laptop.
Hi Leendert,
Please use the link below to download CS 6:
Download Creative Suite 6 applications
Kind regards
Sandrine Bani
-
Hi again.
When I close my phone and tablet version on my site, I intend to have two large buttons at the top of the Web site that say "CLICK HERE for VERSION PHONE" AND "PRESS HERE for TABLET VERSION.
How you launch the phone and tablet with making it duplicate content?
... Make articles to submit my site with 3 different versions?
For example,.
(1) see HumboldtPitBulls.Com for some of the best traditional dogs (goes to 'normal PC version' of the website)
(2) If you are interested in seeing see some beautiful APBTs website (goes to 'version of phone' web site)
(3) If you want to learn more about the history of the old Rednose Pitbull family discover our items (goes to version 'Tablet' on the website)
Please tell me I didn't need on the 'market' all 3 versions separate. Looks like more work that simply "come see HumboldtPitBulls.Com".
Thanks again!
Hello
You can create all three layouts of your site in a single file of Muse and publish/export/upload as required. Muse generates the code to detect the device used by the user and automatically redirects to relevant content... You only need to promote the "yourbusinessname.com" and Muse handles redirection to "yourbusinessname.com/phone/" or "yourbusinessname.com/tablet/" depending on what device you use to access the site.
Please see a few resources around Muse: Designing for Devices.
http://TV.Adobe.com/watch/Muse-feature-tour/Adobe-Muse-designing-for-mobile-devices/
http://www.adobepress.com/articles/article.asp?p=2219864
http://helpx.Adobe.com/Muse/using/creating-website-mobile-devices.html
See you soon,.
Vikas
-
How can I put a Blog on a Dreamweaver Web site?
Hello
OK basically, Im setting up a website for a friend using Dreamweaver, however it is not have Dreamweaver and once the site is up, he would like to be able to update the 'News' page itself, and I want it to fit the Web site as aposed to be a seprate blog page. I would like something similar to the blog page on http://www.grizzly-bear.net so it blends with the site (hopefully, you get what im say). So I guess the best way to do this would be to put up with a blog and then (somehow?) put the blog article in a section of the Web site? im sorry no need to technically jargon.
Simply put ideas how to allow someone else to update the text in the "News" section without dreamweaver? any suggestions would be greatly apreciated, keep it as simple as possible as Im a bit of a beginner, even though id say im reasonably competent in dreamweaver.
Thank you very much!!
Yes, the solution I found was exactly how you described using Blogger, then Feedburner Buzzboost and by adjusting the CSS to fit with the rest of the site. I certainly found the simplest and easiest way to do it and it strongly suggests as a solution. Im just now to find the CSS code to get rid of the blog as a link title.
-
Imaq is for cameras USB driver always available? He can not find on the Web site of NOR
Cannot find or-Imaq for cameras USB Driver. Is it still available on the Web site of nor?
Thank you
Or here.
Andrey.
-
How can I delete a password "saved" for a Web site on the Firefox browser?
I always ignore the possibility to save passwords, but see now that I must have clicked the wrong thing by mistake and he saved a password I don't want not saved for reasons of confidentiality and security. How can I remove this password 'remember'...? Thank you. Wish I could turn off the annoying function altogether as well... Grrrr!
Open the 'Settings' window (I have a German Version, and here is under Extras (probably ' options' in English-> settings).
Open the 'Security' tab and you will find a button for a list of all the passwords you have saved. Just mark that you want to delete and press 'delete '. -
When I click on most, if not all of my favorites, the new site opens in the tab where I was open. I want the new site to open in a new tab (unless I have type the name where the address was. How can I get this done.
Jerry KerstenSorry, the setting for this preference has been removed a few years ago.
You can try using TabMix Plus extension to add this feature to Firefox. I heard that TMP include a pref for this action.
https://addons.Mozilla.org/Firefox/1122/
But TMP is a very complex extension and has been problematic from time to time. My advice is to get used to manual bookmarks open in a tab by using one of the three ways that I mentioned. -
A web site that I regularly access using Firefox has been updated in the last 24 hours. I make Firefox to access the external site updates rather than site updates apparently stored on my memory cache?
You can reload webpages and ignore the cache to refresh potentially stale or corrupt.
- Hold down the SHIFT key and click the Reload button
- Press 'Ctrl + F5' or 'Ctrl + Shift + R' (Windows, Linux)
- Press 'Command + shift + R' (Mac)
-
How can I connect to the Adobe site?
How you connect to the adobe site?
Click sign out at the top right of a page of adobe.com. or, if you want to disconnect from your cc app, open it > click on the gear icon > preferences > account > disconnection from the cc.
-
Whenever I use Firefox to open an information site A, another information site B will appear on the left of a. How can I close A in order to have the full screen for B.
Opening in the sidebar is the default value for the bookmarks created via a link or a button on a Web site.
You can view the properties of a bookmark using the context menu in the side bar (Ctrl + B; Cmd + B on Mac).
In the Bookmark Manager (Bookmarks > show all bookmarks) you can click on the button more in the lower details pane on the right.
Make sure "Load this bookmark in the sidebar" is not selected. -
Hello. I am a Romanian customer, Windows user and I want to buy Photoshop + Lightroom (special pack for photographers). The site says that the purchase page does not exist. If not, how can I buy? Is an interview with the site problem? Thank you.
Please contact support:
I hope this works.
Concerning
Megha Rawat
-
Satellite L500-113 - how to record audio from the Web site?
I have a L500-113.
I am the controller program for an Internet radio station and want to record audio streaming from our website. Regardless of the recording software, I can record only since the built in MIC, even if the flow is fortunately playing on my computer. No other recording device is displayed in Device Manager. Surely I can record of built in the card Realtek sound? I installed the latest drivers/Manager Realtek from Toshiba.
Any help would be appreciated.
Thank you
Hi mate
I think that the laptop supports a Realtek audio chip.
I have a laptop with the same Realtek audio chip and I can record the audio stream of a Web site.I m using a free tool called no. 23 Recorder.
Google for it and you will find some details!
Maybe you are looking for
-
Mail that is to be received in my Inbox goes right in the trash.
This has only started recently. Mail that I would like to receive and have normally received in my Inbox, all of a sudden started going straight in the trash. This only happens to some of my incoming mail. The selection of the mail that goes to the t
-
Hi support them. We intend to buy a new license for Windows Server Standard 2012 that we have been informed of this business license Windows Server 2008 R2 are no longer available. But where some of our applications do not work on the new OS, can we
-
How to fix error 0 x 80070006 - vista
Please advise me to resolve the error for 0 x 80070006 - vista
-
replace the graphics card for HP omni 27
I bought the HP omni 27 AIO a few months before and wonder if I could replace my mxm3.0 with the more powerful discrete graphics, one because of the game card. For everything else, this PC is good enough. Here are the specs of my HP omni 27 PC AIO: 2
-
WINDOWS problem Update Diagnostic
http://answers.Microsoft.com/en-us/Windows/Forum/Windows_7-performance/Windows-Update-Diagnostic/c12daa70-FACC-484f-BEB4-9c254bb07a06 I am following up on posting, I published last month which has not been resolved & without others responses took pla