HTML - Inline Display -- Centering Issue

I re-worked the page in a different way, so no help needed anymore

thanks
knud

Hi,

i am new to this forum and would really like to congratulate all of the administrators and people keeping up this very good work.

I am trying to make a nested table in HTML, however i have some display issues. In Firefox, all the images and tables display well, however in IE, the bottom part (bootom image) does not display at all.

The page link is http://www.carmelgcauchi.com/site/TE...R%20KOTBA.html

There is also onother page wherby Firefox displays all the page correctly, while IE omits part of the table.

The link is http://www.carmelgcauchi.com/site/dwari.html

all help would be really appreciated.

regards

Hello,

I have nearly finished working on a site for my brother's Photography but am running into an issue with how it displays in IE7. Here is a link to the site:

http://www.markofphotography.com/

It looks fine in Opera and Firefox, but IE7 can't seem to render it. I created the site's HTML using Photoshop and slices. Any help is appreciated.

Thanks!

As a part of a project I am doing I want to display images on a website. The width/height of the image displayed on the screen should depend on the orientation of the image. The idea is to make the longer side 150px, so if width is greater than height then width=150px, else if height > width, then height=150px. Is there a simple way of doing this?

My solution to this is to store the image height and width in a database (I already need to create a database for images), and am using onLoad attribute to change the width/height based on a boolean parameter which tell the orientation of the image, a test version of the code is here (wait for the image to load)
http://www.confusionart.com/public/test.html
However, as you can notice, first the complete image is loaded and then resized to the desired size. i.e. there is a unnecessary switching of sizes on screen. Is there any way to avoid this.

Using AJAX & php to return a randomly generated number of single column tables, and drop them into a <div> element.
( http://www.thegreatmartinicompany.co...ace-value.html ). I've set the div to text-align: center, and put auto margins on the tables. The result is the tables are centered and equally spaced in the div element regardless of the number of tables returned. As appropriate FF and IE display the tables side by side, but Safari stacks them on top of each other. An example of the returned code is below. Any ideas why Safari does not display this as IE and FF do?

<table style="margin-left:auto; margin-right:auto"><tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</table>
<table style="margin-left:auto; margin-right:auto"><tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</table>
<table style="margin-left:auto; margin-right:auto"><tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</table>

Help!!!!

I have been looking at this for almost 6 hours and I still can't explain why my horizontal menu wrapped using Firefox and not IE. I have firefox 3 installed and some of the categories (on the same tree) wrapped and some doesn't. But if i refresh it a few times, it become normal again. This make no sense.

Maybe I need to get some fresh air because i am starting to see spots on the screen.

http://208.84.114.15

Is their any shortcut to give inline css in Dreamviewer ?
Since I am using Dreamviewer & I have to write Inline CSS explicitly & there is streachable facility in the control so that we can stretch & its appropriate width & height can be assign to its component ?
Since I am getting it in dreamviewer & if any body knows how to do it then please let me know abt it ?
Regards....

I have display:inline and its adding in two drop boxes that it shouldnt. After the drop boxes it then stops the inline. Im new to css, have only been trying it for the past couple of days. The two drop down boxes are suppose to be on the left, under the links at the top. Can someone explain to me why inline stops where it does? Thanks. Oh yeah, the links under <li> I know their to the wrong address's.

body {
font-family:georgia,'times new roman',times,serif;
color:#BD0A70;
background-color:#F2F2F2;
}
ul.navbar {
list-style-type: none;
padding:0;
width:32em;
float:left;
}
ul.navbar li {
display:inline;
font-size:125%;
background-color:#007BA7;
margin:.10em;
}
ul.navbar a,ul.navbar a:visited {
color:#ffffff;
text-decoration:none;
}
ul.navbar a:hover {
background:#00008B;
}
form.jump {
/* position: absolute; */
float: left;
}
div.floatright {
/* position: absolute; */
float: right;
}
h1 {
clear:both;
font-family:helvetica,geneva,arial,SunSans-Regular,sans-serif;
}



------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>My first styled page</title>
<link rel="stylesheet" href="mystyle.css">
</head>

<body>
<a charset="ISO-8859-1">

<!-- Site navigation menu -->

<ul class="navbar">
<li><a href="index.html">Change email</a>
<li><a href="musings.html">Change Password</a>
<li><a href="town.html">F.A.Q.</a>
<li><a href="town.html">Contact</a>
<li><a href="links.html">Log out</a>
<li>
</li>
</ul>
<form class="jump" action="/reredirect.php" align="left" method="post">
<input type ="text" name="userpage" size="17" value="Jump to user page" onFocus="this.value=''">
<img src="cooltext406694699.png" align="absbottom" onmouseover="this.src='cooltext406694699MouseOver.png';" onmouseout="this.src='cooltext406694699.png';" input type="submit" value="Submit" name="submit"></img>
</form>

<div class="floatright">
<script type="text/javascript"><!--
/* 234x60, created 11/22/08 */
google_ad_slot = "0343255875";
google_ad_width = 234;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<!-- Main content -->

<table>
<tr>
<td>
<form method="post" action="/redirect.php" name="event">
<select name="select" class="breakinline" onChange="this.form.submit()">
<OPTION SELECTED>Select friend
<OPTION value="/users/sharon">name1
<OPTION value="/users/carrie">name2
<OPTION value="/users/capy">name3
<OPTION value="/users/charla">name4
</SELECT>

</FORM>
<td>
<form id="myeventz" method="post" action="/changeevent.php" name="myevent">
<select name="myevent" class="tabletxt" onChange="this.form.submit()">
<OPTION SELECTED=>12/25 Christmas</option>
<OPTION value="0101 Event One">01/01 Event one
<OPTION value=" 0202Eventtwo">Remove this event
<OPTION value=" ">Add a new event
</SELECT>
</FORM>
</td>
</tr>
</table>
<p>Select item's to remove</p>

Which doctype doesn't allow for inline? Right now every line break in my code, IE creates a space in the tables. How do I get rid of this?

Thanks,

Alec

This question might be rather basic. I'm not a web-developer, though I have a lot of other coding experience.

As part of an internal webpage I'm creating, I want to access a webservice that returns a string and display it on the page. The service is accessed by URL, and requires parameters that are dynamically generated base upon the request parameters, so I can't just use #include.

What I want to see is something like this, where the number string is provided by the webservice: Authorization code: 1343-7205-7570-8264 I tried this:
Code:

Authorization code: <object type=text/plain data="http://blah/service?params"></object>

IE doesn't output the resulting string. Firefox does output the string, but it's not cleanly inlined with the rest of the text. It has it's own big block of the screen that the text sits in.

Is there a simple way to insert the text from a dynamically generated URL into the current page?

I'd like to open an inline frame on my site. I've got the code this far; however I cannot find out how to finish it. I need to knowhow to get it to open at a certain spot on the page. So like an example would be I want it to open at spot x on a page. How would I code this to open it at that spot?

Code:

<html>
<body>

<iframe src="default.asp"
width=125px
height=125px></iframe>


</body>
</html>

Well, i'm not sure i'm gonna use this snippet but i can think of plenty reasons why i might:
Code:

<h4 style="display:<?php print $display; ?>">

It won't validate because, quote:
"character "<" is the first character of a delimiter but occurred as data."

Maybe i've been staring at it too long but i don't see the difference from any other php statement, which the validator should simply not parse.

??

Thanks,
Joey

Hello everyone, I have a problem and it is driving me insane :/.

I am trying to create 3 inline boxes (using span or div?) that are right next to one another (ie. with no borders). The two at either side are of length 25% and the middle is of length 50%. Here is my effort at coding it myself :

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
body {
	word-spacing: 0px;
}
.sideWrap {
	top: 0px;
	width: 25%;
	height: 100px;
	background-color: #0CF;
	display: inline-block;
}
.sideWrap2 {
	top: 0px;
	width: 25%;
	height: 100px;
	background-color: #0CF;
	display: inline-block;
}
.center {
	padding: 0px;
	margin: 0px;
	left: 25%;
	width: 50%;
	height: 200px;
	background-color: #0F0;
	display: inline-block;
}
</style>
</head>

<body>
<span class="sideWrap"></span>
<span class="center"></span>
<span class="sideWrap"></span>
</body>
</html>

But unfortunately, this produces ... something I dont want .. as shown by the attachment. This clearly has inexplicable white borders that I have not coded :S, and the three blocks are not inline. Can anyone give a simple explanation as to how to put these in line and eliminate the border between them?

Thanks in advance,
mintsmike

Hi guyz,

i have a query

Mouse over the datagrid cell display tooltip or panel to display information

but only using HTML and CSS not using javascript.
can anyone help me. because im gonna use it on htmleditor on c# desktop application

thax before

Hi, I was wondering if someone could explain block and inline elements. I know they deal with word wrap but, I have read and I am still confused on how you know what is a block element and what is an inline element. Can someone provide some aid? Thanks.