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
76 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 500 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 57

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

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

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

The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

691 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