Joomla Templates Club 406,261 posts

[santi1 Friend santi1Join date: June 2008Posts: 15Downloads:0Uploads:7 Thanks: 3]

#149082

Hello,

I am using the template erika on my webpage during last year (example: http://www.oposinet.com/filosofia/). I am currently working very hard to change it to template sulfur (http://www.oposinet.com/mst/). The new webpage is practically ready, but somehow a problem came up and I have not been able to solve. I explain fully:

Image 1 is the correct situation (using internet explorer 8, with browser compatibility)

The parameters used on file template.css are:

/* HEADER
——————————————————— */
#ja-header {
background: url(../images/header-bg.gif) repeat-x top left;
border-bottom: 1px solid #DDDDDD;
z-index: 10;
}

#ja-header .main {
height: 145px;
}

h1.logo, h1.logo-text {
float: left;
font-size: 300%;
letter-spacing: 1px;
margin: 0;
padding: 0px 0 0;
}

h1.logo a {
background: url(../images/logo.png) no-repeat;
display: block;
height: 145px;
width: 457px;
}

However, after using other browsers (and even using Internet explorer) a space measuring several centimeters appears between the headline in orange and the message body. I have not been able to delete this space. You may take a look at it on image 2.

Image 2: using firefox with the same file template.css that in image 1.

Image 3: using firefox, and modifying the following:

h1.logo a {
background: url(../images/logo.png) no-repeat;
display: block;
height: 50px;
width: 457px;
}

I would thank you for any help you may provide, as this problem is very important to me and am uncapable of solving it.

I am attaching the three images and the template css.

Best regards,

Santi

---

Attachments:

1. 
2. 
3. 

1. template.zip

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#334530

Hello Santi

here is the solution for you : pls open the file /templates/ja_sulfur/css/template.css and find codes at line

#ja-search {
float: right;
margin-top: 40px;
}

and replace:

#ja-search {
margin-top:40px;
position:absolute;
right:0;
width:550px;
}

good luck

[santi1 Friend santi1Join date: June 2008Posts: 15Downloads:0Uploads:7 Thanks: 3]

#334627

Thanks Tienhc.

The problem is solved.

Santi

[Author]

Posts