Centered background not aligning centered header.

Hello guys,
I am creating a website that supports bike roads in São Paulo. www.temgentenaciclovia.com
I wanted the header image to stay put on top of the site, always aligned with the background image, but for some reason, the image is a little bit to the left of what it should be.
Besides that, it all gets really messy when I try to browse the website from my cellphone.
Could someone please give it a look? I'm sure there's an easy fix to that.

thanks in advance for the attention!

ps: I'm not a native speaker, please don't mind my english.

Basic Issues with Page Layout

Hi All,

So I've decided to start using Google Web Designer, a desktop application for Mac/Windows. I made my first site (just one page for now), and I'm having a little difficulty with figuring a few things out. Here's what I'm struggling with:

• if you resize your window or even open the page on a differently sized monitor, it just stays where it is, it doesn't move to accommodate the size of your browser window.
• there is no scroll bar.
• when I hyperlink text, I'm required to make it blue and underlined.

If anyone has any ideas they'd be greatly appreciated!

Centering Text

I changed the size of the pricetage pic on the roundabout. Now I need my text to be centered on the image of the pricetag. see css code below and website link. I also need help with centering my Navigation in the grey box above the roundabout. Any help is appreciated.

http://www.luvenlexi.com/Lexistore/

}
.roundabout-moveable-item .pricetag {
background:url(../image/pricetag2.png) top left no-repeat;
display:block;
width:135px;
height:69px;
position:absolute;
top:-1px;
right:30px;
font-family: Verdana, Geneva, sans-serif;
color:#f5f5f5;
font-weight:100;

positioning text on an image element

I have the following HTML code :

  <div class="wrapper">
 
      <img src="http://wordpress.carthrottle.com/wp-content/uploads/2014/04/car-yellow-lamborghini-aventador-hd-     wallpaper.jpg" alt="demo image">
      <h2><span>Drop Dead <span class="spacer"></span><br><span class="spacer"></span> Gorgious</span></h2>
  </div>

the following CSS code :

body{
  padding: 0;
  margin: 0;
}
 
 .wrapper{
    position: relative;
    /*width: 100%;    */
 }
 
 .wrapper h2{
  position: absolute;
  top: 500px;
  left: 50%;
  min-width: 100%;
 }

links don't work under drop down menu

Hi. Thanks for the help with my drop-down menu. I posted elsewhere that I was trying to switch from hard-coding it into each page to using an iframe to import it to the page and thought I had it working.

I only just noticed that the links in my breadcrumbs or my images do not work underneath where the drop-down menu has to go in order to be positioned properly on the page. I also can not see under it to edit in Dreamweaver.

Maybe I'm looking for something other than css help... just a little weary working on this.

Syndicate content