Responsive design causing overlapping of content. How do I fix this?
I have an image that slides up over the menu when you alter the size of the window viewing the webpage. This is until it gets to a certain size and then it applies the css from another media query but my issue is how can I stop the picture sliding up within a media query. I dont want to have to alter the design to make the functionality work. If there is a way of doing this without having to change the layout that would be great. The website is btccs.co.uk. Thanks.
When I first loaded your webpage, I couldn't event see the menu so I see what you mean. The main problem I see is the max-height attribute that is being applied at the different screen resolutions. I don't really feel this is necessary here because I can't see anything that would cause the menu to be taller then the height needed. I would just remove that. Also there are a lot of repetitive "margin-top" attributes around too. They all seem to be offsetting and unnecessary. After those are removed I still see one more overlap due to .slider_img having a negative top margin which is overlapping the menu. Once that is removed, everything appears to be in working order from what I can tell.
Similar Messages
-
The lock screen for iPhone 3 was changed however the new password was forgotten, how can we now unlock the phone? Thank you
1) Connect to iTunes on the computer you usually Sync with and Restore...
http://support.apple.com/kb/HT1414
2) If necessary Place the Device into Recovery mode...
http://support.apple.com/kb/HT1808
Note on Recovery Mode.
You may need to try this More than Once... Be sure to Follow ALL the Steps...
Once you have Recovered your Device...
Re-Sync your Content or Restore from the most recent Backup...
Restore from Backup > http://support.apple.com/kb/ht1766 -
My time and date is stuck but the current time is overlapping the old date. I tried turning it off:(
For how long? The update process takes time.
-
My app (GUI Designer for iPad) is crashing, how should I fix this problem?
I use this app, and sometimes it crashe when I click some buttons.
Here are the steps I take when an app misbehaves. If the first step doesn't work I go to the next.
1. Quit the app and try it again. Double click the Home button to show the screen with running and recently used apps. Each app icon will have a sample page above it. Flick up on the page (not the app icon) and the page will fly away and the app icon will disappear. This quits that app.
2. Quit the app and then reset the device. Double click the Home button to show the screen with running and recently used apps. Each app icon will have a sample page above it. Flick up on the page (not the app icon) and the page will fly away and the app icon will disappear. This quits that app. The reset the device. Press and hold both the Home button and the Sleep/Wake button continuously until the Apple logo appears. Then release the button and let the device restart. You will not lose data doing this. It's like a computer reboot.
3. Quit the app and then delete it. Then reset the iPad and download a fresh copy of the app. To delete an app tap an hold on it until it begins to jiggle and display an X. Tap the X and confirm that you want to delete the app. You can download a new copy of the app without paying for it again as long as you are using the same Apple ID that you used when you first downloaded the app.
4. If none of the above work contact the developer of the app to find out if they are aware of the problems and whether an update will be offered soon. -
So some songs that i buy from itunes work fine others however dont. They show up on my phone but i cant get them to play. How can i fix this?
Welcome to the Apple Community.
Try deleting the problematic file (electing to remove original file if/when prompted) and then re-downloading the file from the iTunes store.
You can re-download content purchased from the iTunes store (availability varies depending on location) using the purchased option from the Quick Links section in the top right corner of the iTunes homepage in your iTunes application on your computer.
You can re-download content purchased from the iTunes store (availability varies depending on location) using the purchased option which is revealed in the iTunes app on your iOS device by tapping the more button at the bottom of the screen.
If the problem re-occurs, select the content which is causing a problem and use the 'Report a problem' button in Your Purchase History using your computer. -
Content floating on banner in IE 7.0. How do i fix this?
Hello, I'm fairly new to web design.
My home page is appearing great in all browsers except IE 7.0. How do i fix this?
www.oatherapychicago.com
As you can see, in IE 7.0 the content floats on top of the banner. Ideas on how to fix it without affecting the formatting in other browsers?Try this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Mental, emotional, and spiritual health therapy. Chicago psychotherapists.</title>
<link rel="shortcut icon" href="images/favicon.ico" />
<meta name="keywords" content="Spiritual health, emotional health, Open Avenue psychotherapy" />
<meta name="description" content="Chicago Therapists Specializing in Addiction Therapy, Couples Counseling, Drug and Alcohol Treatment, Depression, Anxiety, and other Mental & Spiritual Health Issues." />
<style type="text/css">
body {
background-color: #666;
margin: 0px;
padding: 0px;
#Container {
background-image: url(Design%20Tools/White-Rounded.png);
height: 600px;
width: 950px;
text-align: center;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-repeat: no-repeat;
padding-top: 30px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
#Container #Content p a {
text-decoration: none;
#Container #TopNav {
padding-top: 10px;
#Container #TopNav ul {
list-style-type: none;
margin: 0px;
padding: 0px;
#Container #TopNav ul li {
display: inline;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333;
#Container #TopNav ul li a {
color: #333;
text-decoration: none;
padding-right: 10px;
text-align: center;
padding-left: 10px;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
#Container #TopNav ul li a:hover {
color: #CCC;
#Container #TopNav ul li.last {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
#Container #Navigation {
text-align: center;
margin: 0px;
padding: 0px;
#Container #Navigation ul {
list-style-type: none;
margin: 0px;
padding: 0px;
#Container #Navigation ul li {
display: inline;
border-right-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: none;
border-top-color: #333;
border-right-color: #333;
border-bottom-color: #333;
border-left-color: #333;
#Container #Navigation ul li a {
text-decoration: none;
padding-right: 10px;
color: #333;
padding-left: 10px;
width: 100px;
border: 0px none #FFF;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
#Container #Navigation ul li a:hover {
color: #CCC;
#Container #Navigation ul li.last {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
#Container #Navigation h1 {
color: #333;
font-size: 14px;
#Container #Navigation p {
font-size: 12px;
color: #333;
#Container #ShadowMC {
padding: 0px;
width: 840px;
margin-top: 30px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url(Design%20Tools/drop-shadow-840.jpg);
#Container #MainContent {
padding: 0px;
width: 800px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: none;
color: #FFF;
#Container #ShadowMC #MainContent h1 {
font-size: 22px;
color: #DBE9F5;
#Container #ShadowMC #MainContent h2 {
font-size: 20px;
color: #DBE9F5;
#Container #ShadowMC #MainContent h3 {
font-size: 22px;
color: #DBE9F5;
.fntshrnk {
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
color: #000;
.fntsmall {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
color: #FFF;
.fntlrg {
font-size: 16px;
color: #FFF;
.noborder {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
#Container #Content {
text-align: center;
padding: 0px;
height: 515px;
width: 800px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
</style>
<!--[if IE7]>
<style type="text/css">
#Container #ShadowMC {margin-top: 45px}
</style>
<![endif]-->
</head>
<body>
<div id="Container">
<div id="Content">
<p><img src="images/Open-Avenue.jpg" width="704" height="529" alt="Open Avenue Therapy Chicago" /></p>
</div>
<div id="TopNav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="Main/therapy-services-mental-health-addiction.html">OA Services</a></li>
<li><a href="Main/therapy-chicago-about.html">About</a></li>
<li><a href="Main/therapy-chicago-therapist.html">OA Therapists</a></li>
<li class="last"><a href="Main/therapy-chicago-contact.html">Contact</a></li>
</ul>
</div>
<div id="Navigation">
<ul>
<li><a href="Main/MainSub/therapy-chicago-articles.html">Articles</a></li>
<li><a href="Main/MainSub/therapy-chicago-videos.html">Videos</a></li>
<li><a href="Main/MainSub/therapy-chicago-blog.html">OA Blog</a></li>
<li><a href="Main/MainSub/therapy-chicago-workshops-trainings.html">Workshops </a></li>
<li><a href="Main/MainSub/therapy-chicago-partners.html">Partners</a></li>
<li><a href="Main/MainSub/therapy-chicago-art-therapy.html">Art Therapy</a></li>
<li class="last"><a href="Main/MainSub/therapy-chicago-rehab.html">Rehab</a> </li>
</ul>
</div>
<div id="ShadowMC">
<div id="MainContent">
<h2><br />
Specializing in Mental, Emotional, and Spiritual Health...</h2>
<p>Open Avenue is a group of Chicago psychotherapists that specialize in relationship counseling, addiction therapy, and other mental, emotional, and spiritual health services. </p>
<p>On our site we have links to mental and spiritual health articles, inpatient drug and alcohol treatment locations, relationship and emotional health workshops, professional trainings, and other resources geared towards enhancing the mental, emotional, and spiritual health of couples, families, and individuals.</p>
<h1>Therapy and Mental Health</h1>
<p>How often do you get to openly express your thoughts in a safe environment without the fear of judgment from others? Therapy provides the context in which a person can comfortably “think out loud,” test out words and ideas, and “bounce ideas off” of professionals trained to listen and provide guidance. <br />
<br />
Intrusive and blocked thoughts and cognitions can creep into the unconscious mind and negatively impact mental health. Our minds are complex holding tanks for rich information and our thoughts need ample attention and release to gain and maintain mental fitness. <br />
</p>
<h3>Therapy and Emotional Health</h3>
<p>
Society punishes people for expressing emotion publically. Think of the coworker crying while on the job. The child yelling angrily in a store. Or even the unrestrained expression of joy within the proximity of other people. <br />
There are usually no formal consequences for emotional expression, but the social consequences have lasting impacts on an individual’s health and can lead a person to develop wild mood swings, anger explosions, or a flat affect in which a person feels numb <span class="fntsmall">(Note: emotional health is defined subjectively and while many seek to maximize happiness, emotional health encourages the occasional crying spell, emotional health allows for safe releases of anger and frustration, which is to acknowledge emotional health is complex. Emotional health starts with behavior and thought, emotional health is highly integrated with spiritual health, emotional health is key in relationship connection, emotional health is often misunderstood, emotional health takes longer to shift than maladaptive cognitions, emotional health is about freedom to express authentic emotional energy while maintaining emotional control).</span><br />
</p>
<h3>Therapy and Spiritual Health<br />
</h3>
<p>
Many people come to us for therapy because of the “void” that they are feeling. The bad news – No one thing will fill this void for every person. However, the good news is that everyone is intrinsically wired to live a life full of meaning and purpose. <br />
In this fast paced and competitive world it’s easy to veer off track of your true destiny and/or lose sight of the big picture. Therapy takes a delicate, yet deep look at your spiritual self to find the buried gems that are waiting to be discovered, fortified, and integrated <span class="fntsmall">(Note: some affiliate spiritual health exclusively with religion, and we welcome those that seek to nurture their spiritual health through a structured religious community. However, as defined here, spiritual health is not bound by religion, spiritual health is not limited to one particular value system, spiritual health is not obtained through blind compliance to dogma. Spiritual health is authentic soul searching, spiritual health is peace and energy, spiritual health is found in solitude and in meaningful relationships).</span><br />
</p>
<p><br />
<span class="fntlrg">Therapy conducted by trained counselors and mental health professionals is worth the time, money, and energy invested and will result in mental health that is in balance and harmony, emotional health that is controlled and enjoyed, and spiritual health that infuses purpose and direction into a person’s relationships and important life decisions.</span></p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
</div>
</body>
</html>
It would be good if you put your CSS code into a single external file to which your HTML docs are linked. Much simpler to manage one stylesheet.
http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com -
When will Adobe Muse will integrate responsive design (like bootstrap twitter). Will you work on this or no ?
Hi Gaurav,
Yes, thank you. However I was more specifically referring to this:
"Sites that use responsive web design, i.e. sites that serve all devices on the same set of URLs, with each URL serving the same HTML to all devices and using just CSS to change how the page is rendered on the device. This is Google’s recommended configuration."
You can find that on this Official Google Webmaster Central Blog.
I would think that Adobe might want to open their ears to Google's recommended configuration. No? Isn't it about time that Adobe starts listening to their customer base (and Google)? We've been tirelessly asking for responsive design for years.
Regarding: "Adobe Muse works perfectly when it comes to Separate URLs". True ONLY if you can get it to (re)direct correctly. Since they introduced multi device layouts I (and others) have never been able to get the correct version to display on any of my tablets (Archos & Samung Tab 2, 3, 4). The phone site would always show up on the tablet even though the hierarchy for the tablet is: Tablet/Desktop/Phone. Adobe has acknowledged this issue exists and has done nothing to solve it. How again does that help me? -
Whenever I try to open another Firefox window (by right clicking on a link or if a link tries to open a window - like printing Google maps/directions), I get a pop-up window that says a script is busy or not responding and gives me the choice to continue or stop script. The new window will only open if I choose stop script. The offending script is always: Script: chrome://tavgp/content/libs/include.js:595
How do I fix this?That is a problem with an AVG extension or toolbar.
Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions (Aurora/Firefox/Tools > Add-ons > Extensions) is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance/Themes).
* Don't make any changes on the Safe mode start window.
* https://support.mozilla.com/kb/Safe+Mode
* https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes -
apple loops for garageband pack doesn't show the folder content (loops, files...) in ableton live suite 8 library browser, but I can see all the loops in the folder from finder. how can i fix this? help please.
Thanks Barney, I tried that but all that comes up in Spotlight are the log files that show the file paths! I don't know how Steam works. Are all the files held by Steam on their server perhaps?
-
my ipod 3rd gen. touch screen is unresponsive, cant slide to unlock or enter passcode to access ipod. What is the cause? how do i fix this?
Try:
- iOS: Not responding or does not turn on
- Also try DFU mode after try recovery mode
How to put iPod touch / iPhone into DFU mode « Karthik's scribblings
- If not successful and you can't fully turn the iOS device fully off, let the battery fully drain. After charging for an least an hour try the above again.
- Try another cable
- Try on another computer
- If still not successful that usually indicates a hardware problem and an appointment at the Genius Bar of an Apple store is in order.
Apple Retail Store - Genius Bar -
firefox opens but no content is shown, url says the website but the tab does not load up and says 'untitle'. how can i fix this?
== This happened ==
Every time Firefox opened
== after norton asked me to restart my laptop. ==
== User Agent ==
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; GTB6.5; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; eSobiSubscriber 2.0.4.16; .NET4.0C)Hi,
Unfortunately we had a data base error today and lost some user accounts when we had to go back to our backups. If you have started this thread, your's is one of those. Since we can not recreate your account, please sign-up for a new account here to reply to the forum messages:
https://support.mozilla.org/users/auth
You can use the same username and email address as before. We are very sorry for the inconvenience. -
New computer win 8.1 pro, installed my creative Suite 4 Design premium but it shuts down when I try to use any of the programs and gives me an error code 147:20. How can I fix this? Is this a conflict with win 8.1 pro?
You need to adjust your security stuff/ permissions and possibly use compatibility modes. It means that your licensing service is being blocked/ shut down.
Mylenium -
when I try to back up my iPad to the computer it gives me a message saying it can't sync and there is not enough room in iTunes library. How can I fix this? I need to back up iPad content to restore on a new one
juliefrombaton rouge wrote:
when I try to back up my iPad to the computer it gives me a message saying it can't sync and there is not enough room in iTunes library.
Pretty sure it doesn’t say there is not enough room in iTunes library because it is not backed up to the iTunes library.
What is the exact message? -
Using Mavericks' Spelling and Grammar in a Pages document causes Pages to freeze, Must Force Quit. How can I fix this problem?
Mavericlks Spelling and Grammar works in Pages when used manually. And it works automatically in Text and email.Another autocorrect bug:
I type a lot of lyrics, which tend to cotain words like ’cause and ’em instead of because and them.
I've set up autocorrect instances to change a plain apostrophe with an ending, single curly quote for these words, but they are invariably changed to a beginning, single curly quote mark by Pages. The only way I can get the correct curly quote is to type over the wrong quote manually and hope that I don't have to edit the rest of the word again, as this would cause autocorrect to kick in again and change the quote to the wrong, beginning curly mark again.
Does anyone know how to get around this tedious problem? -
File - Create PDF Portfolio causes Adobe Acrobate 9.0 to stop working. How can I fix this?
File -> Create PDF Portfolio causes Adobe Acrobate 9.0 to stop working. How can I fix this?
Have you done the updates to AA9? It is currently at 9.5.5.
Maybe you are looking for
-
dear all i am new in adf. i have an entity object named Employee and an updatable view object named Employeevo. i created a simple .jspx page to display the employee in af:form. the page bindings contains CreateInsert operation. user can insert new r
-
If I have an email as an alternate email on my account how can i make is my new appleID without it saying that it has been used already?
-
I keep getting blury pic at night i hace the iPhone 5s
how can i fix My problem
-
HST60: qms$trans_errors.display_messages does not activate error window
Using qms$trans_errors.display_messages; does not activate the error window. The window is popped but is not activated and no errors are shown. When activating the error window the errors are shown. Help needed.
-
I want to transfer Logic Express 9 from my old macbook to my new retina macbook pro???
When I try and transfer Logic Express 9 from my old macbook running mt lion to my retina macbook pro running mt. lion I get the message "You can't use this version of the applicaiton "Logic Express" with this version of OSX." The version of Logic exp