PDA

View Full Version : Could someone please help me?

digidivakathy
08-31-2005, 11:30 PM
PLEASE could someone help me with this?

I have made a vBulletin powered page with bio information about my team members and have managed to get everything perfect in FF, but I have one little problem in IE and don't know how to fix it. The time stat is over to the far right instead of at the bottom above the nav bar. I'm sure it's something very tiny, but I just don't know what it is...can anyone help me?

http://www.digiscrapdivas.com/forums/AAM_suzy.php

That's the page. If you have any other suggestions on how to make it look better, feel free to let me know, but I'm happy with it other than the little problem I described.

I'm sorry if this isn't the right place to ask this, but there are so many help forums out there that I didn't know where to start. I have basically done all this by trial and error, copying and pasting things over from other templates. Ideally, the two tables would be the same height and the bottom borders would line up, but that isn't a big deal. The only thing that I really have an issue with is that date stat thing being in the wrong place. Can anyone help me at all? I'll be happy to send someone the code if they're brave enough to take it on, LOL!

Thanks so much for any help!
evil kev
09-01-2005, 01:21 AM
a quick fix should be if you change: <div class="smallfont" align="center">All times are GMT -6. The time now is <span class="time">08:01 PM</span>.</div> to: <div class="smallfont" align="center" style="clear:both;">All times are GMT -6. The time now is <span class="time">08:01 PM</span>.</div>

altho really you shouldn't be using two tables like that next to each other a much neater solution would be to have one table with that split into two so it would be <table cellspacing="0" cellpadding="0" width="100%" class="tborder">
<tr>
<td width="40%">
left content
</td>
<td width="60%">
right content
</td>
</tr>
</table>

and i dont think you'd have the same problem with that
digidivakathy
09-01-2005, 02:50 AM
See, that's the thing...the time thing isn't even in my template. It's being called from somewhere else, I guess. Here's the whole template (don't laugh, I already told you I copied and pasted lots of this ;) ):

$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
<title>$vboptions[bbtitle]</title>
$headinclude
</head>
<body>
$header
$navbar
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="40%" align="left">
<tr>
<td class="alt1"><p>bio paragraph 1</p><p>bio paragraph 2</p><p>bio paragraph 3</p><p>bio paragraph 4</p><p>bio paragraphy 5<br><br></p>
</td></tr></table>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="60%" align="left">
<tr><td class="alt1" align="center"><img src="http://www.digiscrapdivas.com/Images/AAM_Layout_suzy.jpg"></td></tr>
<tr><td class="alt1" align="center"><p>Here are some links to places where you can learn more about me<br>and see some of my layouts:<br><br><a href="http://www.herwebsite.com">Her blog</a><br><a href="http://www.digiscrapdivas.com/photopost/showgallery.php?cat=500&ppuser=208">My gallery at Digiscrapdivas</a><br><a href="http://www.scrapbook-bytes.com/gallery/showgallery.php?cat=500&ppuser=18354">My gallery at Scrapbook-Bytes</a><br><br>Events I currently sponsor at Digiscrapdivas:<br><br><a href="http://www.digiscrapdivas.com/forums/forumdisplay.php?f=28">Inspiration Challenge</a><br><a href="http://www.digiscrapdivas.com/forums/forumdisplay.php?f=29">Our First Digital Circle Journal</a></tr></td><tr><td class="alt1" align="center"><p align="center"><img src="http://www.digiscrapdivas.com/Images/SNUNES_kitpreview.jpg" border="0" alt="Funky Divas Mega Kit" /></a><br><br><a href="http://www.digiscrapdivas.com/downloadpro/download.php?file=5">Download my contribution to the Funky Divas Mega Kit here!</a></p>
</td>
</tr>
</table>

$footer
</body>
</html>
Boofo
09-01-2005, 03:09 AM
Try adding a <br /> above $footer.
digidivakathy
09-01-2005, 03:26 AM
Boofo, no workie. Still same problem...thanks, though! It was worth a shot...anything else?
Boofo
09-01-2005, 03:36 AM
Ok, now try <br /><br /> there and see if that works.
evil kev
09-01-2005, 11:50 AM
ahh i see.. well you could try changing the template to this


$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
<title>$vboptions[bbtitle]</title>
$headinclude
</head>
<body>
$header
$navbar
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="40%" rowspan="3" style="vertical-align:top;">
<p>bio paragraph 1</p><p>bio paragraph 2</p><p>bio paragraph 3</p><p>bio paragraph 4</p><p>bio paragraphy 5<br><br></p>
</td>
<td class="alt1" width="60%">
<img src="http://www.digiscrapdivas.com/Images/AAM_Layout_suzy.jpg">
</td>
</tr>
<tr>
<td class="alt1" align="center">
<p>Here are some links to places where you can learn more about me<br>and see some of my layouts:<br><br><a href="http://www.herwebsite.com">Her blog</a><br><a href="http://www.digiscrapdivas.com/photopost/showgallery.php?cat=500&ppuser=208">My gallery at Digiscrapdivas</a><br><a href="http://www.scrapbook-bytes.com/gallery/showgallery.php?cat=500&ppuser=18354">My gallery at Scrapbook-Bytes</a><br><br>Events I currently sponsor at Digiscrapdivas:<br><br><a href="http://www.digiscrapdivas.com/forums/forumdisplay.php?f=28">Inspiration Challenge</a><br><a href="http://www.digiscrapdivas.com/forums/forumdisplay.php?f=29">Our First Digital Circle Journal</a>
</td>
</tr>
<tr>
<td class="alt1" align="center">
<p align="center"><img src="http://www.digiscrapdivas.com/Images/SNUNES_kitpreview.jpg" border="0" alt="Funky Divas Mega Kit" /></a><br><br><a href="http://www.digiscrapdivas.com/downloadpro/download.php?file=5">Download my contribution to the Funky Divas Mega Kit here!</a></p>
</td>
</tr>
</table>

$footer
</body>
</html>


what i've done here is put it into 1 table thats split 60 40 as two columns and the column on the left has the rowspan attribute to make the one cell the same height as the 3 columns on the right and the style attribute is used to align the text to the top of the column where it would appear in the middle without it.
digidivakathy
09-01-2005, 05:33 PM
evil kev, you are my hero! This is perfect...thank you so very very much!
evil kev
09-01-2005, 08:30 PM
you're welcome :)
digidivakathy
09-04-2005, 04:56 PM
Could I possibly pick your brain one more time? Say I wanted one column at the top that was the entire width of the table and then the two columns underneath it? How could I do that?

Thanks so much!