HTML - Tumblr/html/ Groupmember Issues

===



I'm on a Mac and I'm noticing that the site I'm developing is having major <TABLE> issues on IE for the PC -- like seen in this Screen Shot he http://sample.studiopresence.com

What it should look like is seen on this Screen Shot he http://sample.studiopresence.com/site_v2B.htm

Here's the actual HTML version of the site: http://australianwellnesscentre.studiopresence.com


Any help on this is GREATLY APPRECIATED!!!

Thanks in advance!


===

hey im using tumblr to design my website

here is the link to my site

http://sheridanvegas.tumblr.com/

ive been trying to teach myself html in order to change the theme

what i want to do is centre the image at the top of the page and remove the dotted line where my menu bar is.

I attached the html.

thankyou!

Hey there. I'm new at doing this tumblr theme thing.
Take a look at it: http://Ihaznoidea.tumblr.com

So the thing is that, i would like to get that line which says who you follow.
If you have checked the link, i'd like it to be at the top from the middle and to the right side. (if that is possible)

Or else if it is possible i would like to get a sidebar, i've tried to get it to work, but simply can't make it stay in one position, nor get it to be at the right side.

and is it possible to make the description to be under the headline.

thanks thank thanks

Hi there, I have a tumblr theme that doesn't allow for permalinks for video entries. I really want to add a small link for the permalink page underneath each post, maybe have it fade in whenever you hover over the post.

My tumblr page is blackmilklove.tumblr.com and this is the html.

Hi guys maybe some one could help me here

iv made a template in photoshop see below




now i have the header and footer stretching perfectly
now the issues is when i try to insert the content in the middle (content is a thumbnail gallery script)

2 left and right sidebar disappear and they do not stretch up and down


i duno what im missing ??? is there a way to do this?? iv tried using a table inbetween the top and bottom half but still i just removes the side bars... in other words im try to "make a square(theme) with content in the middle of it" if you catch my drift with the side bars streting up and down as the content grows larger

i think an iframe in the middle would work but the CMS im using does not like Iframes and i know iframes are a bit outdated

here is the code im using... ANy help will be very much appreciated

HTML Code:

<style type="text/css">
<!--
body,td,th {
	color: #0F0;
}
-->
</style><center>
<style type="text/css">
<!--
body {
	background-color: #0b0b0b;
}
-->
</style><table id="Table_01" width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="2">
			<img src="images/steamlounge_01.png" width="213" height="185" alt=""></td>
		<td background="images/steamlounge_02_STR.png" width="100%" height="185" alt=""></td>
		<td colspan="2">
			<img src="images/steamlounge_04.png" width="238" height="185" alt=""></td>
	</tr>
</table>
<table id="Table_02" align="left" width="87" height"100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
		<td background="images/steamlounge_05_STR.png" alt=""></td>
	</tr>
</table> 


<p>hgjdgjdghjjdg
  hjd
  ghjd
  gh
  g
  g
  g
  g
  g
  g
  g
  
  g
  g
  g
  g
  g
  g
  g
  
  g
  g
  g
  g
  g
  gg </p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>&nbsp;</p>
<table id="Table_02" align="right" width="87" height"100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
		<td background="images/steamlounge_07_STR.png" alt=""></td>
	</tr>
</table> 
<table id="Table_01" width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="2">
			<img src="images/steamlounge_10.png" width="213" height="68" alt=""></td>
		<td background="images/steamlounge_11_STR.png" width="100%" height="68" alt=""></td>
		<td colspan="2">
			<img src="images/steamlounge_13.png" width="238" height="68" alt=""></td>
	</tr>
</table>
</center>

Hello all! New to the forum here, so smack me into shape if i step outside of the rules...

Have recently been attempting to maintain a (very basic) website for my parent's cottage. I aimed to keep it low maintenance in order to allow me not to have to do too much to it! The address is http://www.bettwsbach.co.uk

Recently, i've been attempting to add a new 2009 price list to the website, which has come to me in the form of an excel spreadsheet. Here's how it should look:
http://www.bettwsbach.co.uk/Misc/BBPrice.jpg

I've used Excel's in-house save-to-webpage feature, and with a bit of jiggery-pokery to make the background come up (!!) here's how it appears as part of a frameset on my mac:
http://www.bettwsbach.co.uk/Misc/BBPriceMac.jpg

HOWEVER! I'm reliably informed that on various computers, the formatting gets pretty screwed. If you have time, go through the link to the website above, click on 2009 prices, and see if it's legible. I can only think it might be a browser-related issue (i'm on firefox), or perhaps a resolution issue - maybe the page is trying to sort its own sizing out for each computer. Either way, you can see that the formatting changes markedly between Excel and the HTM page it pushes out.

So i guess my questions a
1) Anyone come across this before? Any idea why it's messing me around?
2) Any idea how to make it better?
3) Is there a better solution to the webpage (i.e., not using Excel altogether) that i've inadvertently disregarded? Bear in mind the whole thing has been put together by me and notepad, and i've had to teach myself HTML, with very little time dedicated to the running of the website.

Many thanks in advance.

Rob

Hello all,

I am having a problem which I can't seem to figure out with an html page. I sliced up a photoshop image then turned it into a web page. I took the html table from the sliced up header, and plugged it into the final web page. It looked like it was aligned properly in Dreamweaver, however when I viewed the webpage there were some alignment issues with the page.

Here is the link to the misaligned page:
http://test.gridpointpm.com

Here is the code for part of the index page that includes the header with the alignment issues:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="maxheight.js" type="text/javascript"></script>
</head>

<body  id="page1" onload="new ElementMaxHeight()">
<div class="w">
  	<div class="site_center">
  	<div class="site_center1">
          	<div id="header">
       	  		<div class="flash">
                <!-- Save for Web Slices (indexheader.psd) -->
<table id="Table_01" width="866" height="441" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="13">
			<img src="images/index_01.jpg" width="866" height="66" alt=""></td>
		<td>
			<img src="images/spacerh.gif" width="1" height="66" alt=""></td>
	</tr>
	<tr>
		<td colspan="13"><img src="images/index_02.jpg" width="866" height="206" alt="" /></td>
		<td>
			<img src="images/spacerh.gif" width="1" height="206" alt=""></td>
	</tr>
	<tr>
		<td colspan="7" rowspan="2">
			<img src="images/index_03.jpg" width="632" height="114" alt=""></td>
		<td colspan="5">
			<img src="images/index_04.jpg" width="157" height="34" alt=""></td>
		<td rowspan="6">
			<img src="images/index_05.jpg" width="77" height="169" alt=""></td>
		<td>
			<img src="images/spacerh.gif" width="1" height="34" alt=""></td>
	</tr>
	<tr>
		<td colspan="5" rowspan="2">
			<img src="images/index_06.jpg" width="157" height="95" alt=""></td>
		<td>
			<img src="images/spacerh.gif" width="1" height="80" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="images/index_07.jpg" width="360" height="15" alt=""></td>
		<td rowspan="3">
			<img src="images/index_08.jpg" width="180" height="40" alt=""></td>
		<td rowspan="4">
			<img src="images/index_09.jpg" width="92" height="55" alt=""></td>
		<td>
			<img src="images/spacerh.gif" width="1" height="15" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="images/index_10.jpg" width="153" height="40" alt=""></td>
		<td>
			<img src="images/index_11.jpg" width="42" height="16" alt=""></td>
		<td rowspan="3">
			<img src="images/index_12.jpg" width="9" height="40" alt=""></td>
		<td>
			<img src="images/index_13.jpg" width="58" height="16" alt=""></td>
		<td rowspan="3">
			<img src="images/index_14.jpg" width="98" height="40" alt=""></td>
		<td rowspan="3">
			<img src="images/index_15.jpg" width="31" height="40" alt=""></td>
		<td>
			<img src="images/index_16.jpg" width="44" height="16" alt=""></td>
		<td rowspan="3">
			<img src="images/index_17.jpg" width="7" height="40" alt=""></td>
		<td>
			<img src="images/index_18.jpg" width="55" height="16" alt=""></td>
		<td rowspan="3">
			<img src="images/index_19.jpg" width="20" height="40" alt=""></td>
		<td>
			<img src="images/spacerh.gif" width="1" height="16" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/index_20.jpg" width="42" height="24" alt=""></td>
		<td rowspan="2">
			<img src="images/index_21.jpg" width="58" height="24" alt=""></td>
		<td rowspan="2">
			<img src="images/index_22.jpg" width="44" height="24" alt=""></td>
		<td rowspan="2">
			<img src="images/index_23.jpg" width="55" height="24" alt=""></td>
		<td>
			<img src="images/spacerh.gif" width="1" height="9" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_24.jpg" width="180" height="15" alt=""></td>
		<td>
			<img src="images/spacerh.gif" width="1" height="15" alt=""></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
       	  		</div>
   		  </div>

Any help would be much appreciated. Thanks in advance.

Can anyone expain to me why this page I am working on looks fine in both Google Chrome and Mozilla Firefox, but looks completely askew when using Microsoft Internet Explorer?

Any help would be appreciated!

http://imxevent.com/imx2011/Public/C...ortMenu=101005

view-source:http://imxevent.com/imx2011/Public/C...ortMenu=101005

I think it is this piece of code that is causing me problems (lines 281-287)...

HTML Code:

<p><font style="FONT-SIZE: 20px" color="#c00000"><strong>imX Keynote Sessions</strong></font></p> 

<p><span style="FONT-FAMILY: Univers 57 Condensed; COLOR: black"><font style="FONT-SIZE: 15px">An extension of the forward thinking that has defined the development of imX, these Keynote Presentations reflect imX’s position as a high-level gathering place for manufacturing thought leaders from across the country and around the world. If it’s important for U.S. manufacturing, it's discussed at imX.</font></span>&nbsp;</p><p><table style="width: 510px; height: 138px; " class="RadEDomMouseOver"> 

<tbody> 

<tr> 

<td colspan="3">&nbsp;<strong>KEYNOTE SESSION&nbsp;- DAY ONE</strong></td></tr> 

<tr><td style="text-align: center; vertical-align: top; ">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img alt="Michael Molnar" src="http://www.imxevent.com/imx2011/CUSTOM/images/molnar.jpg"&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td style="text-align: left; vertical-align: middle; "><font><font><br><url=http://www.imxevent.com/imx2011/public/Content.aspx?ID=316&amp;amp;sortMenu=102003 style="color: rgb(255, 0, 0); font-family: arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; ">Michael F. Molnar</a></font></font><b style="font-family: arial, Verdana, sans-serif; font-size: 14px; ">, FSME, CMfgE, PE</b><br><br><table class="RadEDomMouseOver" style="font-family: arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; width: 510px; height: 138px; "><tbody><tr><td style="text-align: left; vertical-align: top; "><strong><font color="#ff0000">Date:</font></strong></td><td>&nbsp;</td><td style="text-align: left; vertical-align: top; ">Monday, September 12, 2011</td></tr><tr><td style="text-align: left; vertical-align: top; "><strong><font color="#ff0000">Speaker:</font></strong></td><td>&nbsp;</td><td style="text-align: left; vertical-align: top; ">Michael F. Molnar, FSME, CMfgE, PE</td></tr><tr><td style="text-align: left; vertical-align: top; "><strong><font color="#ff0000">Title:</font></strong></td><td>&nbsp;</td><td style="text-align: left; vertical-align: top; ">The U.S. Advanced Manufacturing Initiative: <br>Your Role in Public Private Partnerships</td></tr></tbody></table></td></tr><tr><td style="TEXT-ALIGN: left; VERTICAL-ALIGN: top" colspan="3">&nbsp;<iframe width="480" height="315" src="http://www.youtube.com/embed/VUzBbwlpIFk" frameborder="0" allowfullscreen=""></iframe></td></tr></tbody></table></p> 

<p><a name="schutz"></a>

Hi all,

Not sure if im posting in the right place but i am having some problems, well, a lot of issues, with an email im sending in outlook.



As you can see outlook has put hue gaps in before each section, although the gap in the right column is supposed to be there. Any one have any advice on how to fix this? Its works well in every other email inbox... really stumped!

Thanks for any help in advance.

Matt

I have a header on top of my profile
http://stevespeeps.tumblr.com/

However is there any way I can have it on top like that with like
a facebook twitter & myspace icon with a navigation bar like message pics etc

The way I have it set up is just an image as a header & it seems thats the only way I can figure out how to put it up there. I tried a div code & did the slice tool thing but
nothing was aligned & did not work

Any help will be greatly appreciated =)

Really hoping someone here can help me! Ok so, I am using the theme he
http://www.tumblr.com/theme/10375

Basically, I was trying to change the width of the entire theme to my liking. So in the coding I changed every "900px" to "600px"

The code:
http://www.heypasteit.com/clip/08PT

However in doing that, the "sidebar" of the theme moved down to the footer and I've been looking through the code, trying to change some different things and I just can't figure out what to do to bring it back to the right side. Please help? Thank you kindly

Dear forums!
I'm having issue with an padding-problem which i'm not able to solve on my own. I don't understand why my code returns the problems that it does, but it for some reason does.

Okay, what is the problem?

I've drawn them into this picture;
http://i42.tinypic.com/4v1veo.png
The problem is that the first navigation-button starts off with about 10-15 pixels, and ends about 3 pixels out of the actual navbar (if you check the borders).

I would like to remove this, so that the navbar button covers the whole area of the navbar div / element, without starting too late or ending too late.




CSS code can be found here;
http://www.myhrensolutions.net/tolkf...sign/index.css

the HTML-code can be viewed here;
http://www.myhrensolutions.net/tolkfirma/tjenester.html


All help is muchly appriciated,
thank you!

- Scott.

Hello all im new to forum.

i am building an online portfolio and im trying to make sure it works for the most used browsers.

The code i have written works perfectly fine for IE but when using FF i have problems

The problem im having is to do with my Navigation Bar. When i mouse over the navagation bar in FF it only works if i mouse over the bottom of the "image" of the navagation bar. Can anyone see why this is happening? i will post the relevant code and an example url.

<LINK REL=stylesheet HREF="http://maths.sci.shu.ac.uk/students/Keenan_Liam/stylesheet.css" TYPE="text/css">
</head>

<div style="POSITION: relative; TEXT-ALIGN: center">

<span style="WIDTH: 1000px; POSITION: relative; TOP: 104px; TEXT-ALIGN: center">

<a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/home/index.html" target="_blank" class="opacityit"><img width="100" height="29" alt="Home" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/homeRj.jpg" border="0"></a>
<a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/cv/index.html" class="opacityit"><img width="100" height="29" alt="CV" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/mycv.jpg" border="0" ></a>
<a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year1/index.html" class="opacityit"><img width="100" height="29" alt="Year 1" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year1.jpg" border="0"></a>
<a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year2/index.html" class="opacityit"><img width="100" height="29" alt="Year 2" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year2.jpg" border="0"></a>
<a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year3/index.html" class="opacityit"><img width="100" height="29" alt="Year 3" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year3.jpg" border="0"></a>
<a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year4/index.html" class="opacityit"><img width="100" height="29" alt="Year 4" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year4.jpg" border="0"></a></span>
</div>

the url is http://maths.sci.shu.ac.uk/students/...me/index2.html

Thanks,
Liam

Hello,

I designed this website http://www.aitputd.org/conference and found that it has compatibility issues when viewed with different browsers.

e.g. The 'font' of the menu changes (becomes bold) when viewed in IE and Chrome browsers as opposed to FF3.5

Also The title 'sponsors' on the left does not stay at the center in IE and FF3.5 but seems good in Chrome.

Is there a solution to address these problems??

Any help is highly appreciated.

Regards,

NP