Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Text Alignments Firefox Vs. Safari Differences

Question

Posted · Report post

Cannot figure out why such difference in text alignment between header view in Safari/Firefox...

Header text "Contact Us" SHOULD BE in front of the icons and same line... as viewed with firefox..

Safari, bumps the icons below the text?

Please shed some light. Link below.

http://bit.ly/UJsMz4

Posting code below:


add_action('pagelines_branding_icons_start', 'new_search');

// function name

function new_search(){?>


<!-- Javascript Date Here -->

	 <p class="alignright">

	 <span style="font-family: verdana,sans-serif;padding-left:90px;bottom:90px;"><span style="font-size: 11px;"><font color="#000000"><script language=javascript>

<!--

/*

Original Code Copyright Copyright Eugene Vassiltsov.

*/

calendar = new Date();

day = calendar.getDay();

month = calendar.getMonth();

date = calendar.getDate();

year = calendar.getYear();

if (year < 1000)

year+=1900

cent = parseInt(year/100);

g = year % 19;

k = parseInt((cent - 17)/25);

i = (cent - parseInt(cent/4) - parseInt((cent - k)/3) + 19*g + 15) % 30;

i = i - parseInt(i/28)*(1 - parseInt(i/28)*parseInt(29/(i+1))*parseInt((21-g)/11));

j = (year + parseInt(year/4) + i + 2 - cent + parseInt(cent/4)) % 7;

l = i - j;

emonth = 3 + parseInt((l + 40)/44);

edate = l + 28 - 31*parseInt((emonth/4));

emonth--;

var dayname = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday");

var monthname =

new Array ("January","February","March","April","May","June","July","August","September","October","November","December" );

document.write(dayname[day] + ", ");

document.write(" " + monthname[month] + " ");

if (date< 10) document.write("0" + date + ", ");

		 else document.write(date + ", ");

document.write(year);

//-->

</script><br/>Contact Us</font>

<?php


}

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

There's no class created to wrap the javascript in your hook.

Before <!-- Javascript Date Here --> you should have <div class="new_search"> ... so


<div class="new_search">

<!-- Javascript Date Here -->

Then, at the end,

Contact Us</font></div>

Then, you'll need corresponding CSS in Custom Code > CSS Rules to standardize the alignment, margin, padding of that new class (the Contact Us link).

Share this post


Link to post
Share on other sites

Posted · Report post

duh! thats what I get with a lack of caffeine... thanks.

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites