?
Solved

how can make my text relative stable to the left edge of the top menu (the horizontal line)

Posted on 2016-09-02
5
Medium Priority
?
77 Views
Last Modified: 2016-10-13
I have a cms(YII)  supported web site which makes me hard to tune the position of the texts. For each product, I have text describing the product which is a picture at the right side of the text. Please see the attached copyscreen for the problem.

The page's css description is as following:

  

..........
.text  {
    font-family: 'Lato', sans-serif;
    position: absolute;
    display:block;
    top:86px;
    width:30%;
    left:25%;
    right:80%;
    font-size:20px;
    color:grey;
    line-height:27px;
  }


 .text img{
   position:relative;
   padding-left:770px;
   cursor:pointer;
   width:100px;
   height:auto;
  }.......

Open in new window


https://www.ezvizlife.com/item/6.html?from=&position=tab
0
Comment
Question by:Jason Yu
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
5 Comments
 
LVL 42

Accepted Solution

by:
David S. earned 2000 total points
ID: 41783352
The link works fine for me.

Jason, this page doesn't seem mobile friendly. Are you sure you want to put effort into it?

Anyway, since this is a simple change, the two following rules could be added to do that. However, I don't really recommend absolutely positioning the text like that (there's an awful lot of unnecessary white-space in that image).
.pwhole.banner1 {
  max-width: 980px;
  padding: 0 20px;
  margin: 0 auto;
  position: relative;
}
.pwhole.banner1 .text {
  left: 20px;
}

Open in new window

0
 
LVL 58

Expert Comment

by:Julian Hansen
ID: 41783391
Interesting - this is what I get
Screen shot
0
 
LVL 42

Expert Comment

by:David S.
ID: 41783634
Hmm... Jason, did you change servers recently? That could be caused by incomplete propagation of a DNS record update (the same address points to locations on two different servers, depending on whether the DNS lookup gets the new or old record).
0
 

Author Closing Comment

by:Jason Yu
ID: 41842383
thanks david, we got it resolved. It's a css settings.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Suggested Courses

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question