HTML - Html Easy Questions Please Help

Hello I am new to HTMLforum and joined because I am having trouble viewing a page correctly in IE...just like most cases, it views perfectly fine in Firefox, Safari, etc.

The problem I am having is in the backround image section. You see, I have a background pattern/img on the whole page itself (ex. the wood pattern). But in the TABLE section where all my content will be, i ALSO have another background img/pattern (ex. wrinkled paper)

The problem I am having is, in Firefox(etc) the page views perfectly fine. But in IE (7) the page only views the wood pattern and not the wrinkled paper pattern inside my table.

here is a temporary link to the site http://www.realtourproductions.com/newtrail/index.html

I would greatly appreciate any help.

Hey, thanks ahead of time for any amazing answers,

Anyway, i am hosting my website on Tumblr, which is a blogging thing @ quickcache.org
And you can customize your theme in HTML.

I want to add a 150 by 150 or less picture to the left of the blog title.
You can view to code here and view the sample website here
If you could give me a updated copy with fill in the blank code that would be epic!

I assume it should be easy for anyone with any knowledge of HTML.
And yes i know i need a image host.
Also if you add to the code, could you give me a recommended picture size to fit it to the left of the title?


Thanks so much!

Hello All member,

How to create easy HTML sitemap ???

Please share your suggestion here ........

I just need to write an html page (or asp) or whatever, that takes a varialble from a form and opens/makes an http call to another page using the variable the user input. For example, the user enters there name (Bob)on a page and hit submit. I need Bob at the end of the call.

I then need the following opened/called or whatever.

http://www.somesite.com/script/Bob


I am very new to programming and just need this for a quick work project.

Hi guys, just a quick question about positioning objects in HTML.
Sorry if the is a noobish question, im new to html and dreamweaver.
Basically, for a school assignments we nhave to create a webpage. There is one aspect though that i cant figure out. What is the best way to position pictures, divs etc in HTML?
If I use absolute positioning with pixels, it changes where it is on different screen sizes (obviously). The best way i have found so far is by using percentages (eg top 40%) but this is slow and hard. Any better way?
Too long didnt read- how to position things so it looks the same on any resolution
Thanks in advance

1. Under the picture, there are some tags (funny, meme, comic). When you hover over the tags, they turn white/bright. Is there a way to make this stay white/bright? (http://plustom.tumblr.com/post/18287272359)
2. Under the picture, there are pictures of some people. When you hover over their pictures, they turn white/bright. Is there a way to make this stay white/bright? (http://plustom.tumblr.com/post/18287272359)
3. Under the pictures of the people, there is a link that says "Previous Post". When you hover over it, it gets bold. Is there a way to make this stay unbold? (http://plustom.tumblr.com/post/18287272359)

Current HTML code: (Excuse the faces).

HTML Code:

body {font-family: {font:Text}; font-size: 12px; color: {color:Font}; background-color: {color:Background};}
#right {width: 250px; left: 50%; top: 50px; margin-left: -400px; position: absolute; {block:IfFixedSidebar}position: fixed;{/block:IfFixedSidebar}  -webkit-transition-duration: .3s;}
#right:hover {opacity: 1;}
#right a {text-decoration: none;}
.title {padding-bottom: 10px; border-bottom: 2px solid {color:Tertiary}; font-size: 14px; display: inline-block; font-weight: bold; margin-bottom: 10px;}
a {color: {color:Font};}
.link {font-size: 11px; display: inline-block; margin-top: 5px; font-weight: bold;}
#center {width: 400px; margin: auto; margin-top: 50px;}
#description {margin-bottom: 5px; font-size: 11px; max-width: 200px;}
.entry {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid {color:Secondary};}
.entry img {-webkit-box-shadow: 1px 1px 1px 1px {color:Shadow} !important; max-width: 400px;}
.perma {position: absolute; opacity: 0; -webkit-transition-duration: .2s; z-index: 1;}
{block:IndexPage}.entry:hover .perma {opacity: 1;}{/block:IndexPage}
.permalink {display: inline-block; padding: 10px; background-color: {color:Primary}; color: {color:Primary Font};}
.permalink:hover 
.exclamation {display: inline-block; margin-left: 1px; opacity: 0; -webkit-transition-duration: .2s;}
.link:hover .exclamation {opacity: 1;}
.text_perma {width: 100px; text-align: right; position: absolute; margin-left: -110px; -webkit-transition-duration: .2s; opacity: 0;}
{block:IndexPage}.entry:hover .text_perma {opacity: 1;}{/block:IndexPage}
.text_permalink {border-bottom: 1px solid {color:Background}; display: inline-block; -webkit-transition-duration: .2s;}
.text_permalink:hover {border-bottom: 1px solid {color:Secondary};}
h2 {font-size: 14px;}
h2 a {text-decoration: none; border-bottom: 1px solid; -webkit-transition-duration: .2s;}
h2 a:hover {border-bottom: 1px solid {color:Background};}
.label {margin-right: 10px; font-weight: bold;}
.album_art {display: inline-block; margin-right: 10px; float: left;}
.album_art img {width: 150px; height: 150px;}
.audio {display: inline-block; min-height: 150px; max-width: 207px;}
ol.notes {margin-left: -45px; list-style-type: none; width: 400px;}
ol.notes a:hover {text-decoration: none;}
ol.notes blockquote {margin-top: -3px; margin-left: 0px; padding-left: 13px; padding-top: 5px; border-left: 11px solid {color:Primary}; margin-bottom: 0px;}
ol.notes li.note {padding: 5px;}
li.note img {margin-right: 10px; width: 11px; height: auto; opacity: .5; -webkit-transition-duration: .3s;}
li.note:hover img {opacity: 1;}
.entry blockquote {border-left: 2px solid {color:Primary}; padding-left: 10px; margin-left: 25px;}
.player {-webkit-box-shadow: 1px 1px 1px 1px {color:Shadow};}
#tags {margin-bottom: 20px;}
#tags a {margin-right: 10px; opacity: .7; text-decoration: none;}
#tags a:hover {opacity: 1;}
.nav_1 {display: inline-block; width: 50%; margin-bottom: 20px;}
.nav_2 {display: inline-block; width: 50%; text-align: right; margin-bottom: 20px;}
#nav a {text-decoration: none;}
#nav a:hover {font-weight: bold;}
.audio_symbol {padding: 7px; background-color: {color:Background}; opacity: .9; border-radius: 100px; position: absolute; margin-top: 7px; margin-left: 7px; font-size: 14px; height: 15px; width: 15px; -webkit-text-stroke: 1px transparent;}
{block:IfInfiniteScrolling}.regular_pagination {display: none;}{/block:IfInfiniteScrolling}

im going to start off saying that thanks for helping me with the layout changer, it works awesome, thank u guys for ur patience

well i have a site aka spt.byethost7.com
i have a few questions

- I want when someone clicks a link on my menu i want the site not to move just the middle part which is where i will have the stuff of which the link will represent.

for example: http://www.pokenebula.mihopa.net/
click Berry Dex under General, ull see that the page doesnt change just the middle part, can ya tell me please?

- Is byethost a good host?

- can i get the best free host? if so please tell me

thanks for ur time

Hi all,

I'm wondering if someone could explain a little about the validation of my site?

http://validator.w3.org/check?uri=ht...ctype=Inli ne

For one thing, I can't understand why it gives the wrong line in the code for the error, and what is means by the column of the code. Neither of them correspond in any way with my code, that I can see.

Also, why is telling me that maginheight, height, etc., are all invalid elements.

Finally, will being html 4 compliant help my page rank in any way?

Hi everyone. I am looking to engage someone in conversation about an HTML cut-up excercise I am currently working on. I have some basic HTML and CSS experience from several short evening courses I attended a couple of years ago, built myself a couple of very basic, amateur sites (I am interested in 3d modeling and built myself a couple of portfolio sites to show some of my models), and went as far as to fumble my way through putting together a practice e-commerce site using PHP/mysql/apache. This was all a couple of years ago now and I had thought web design was a thing of my past.

But, in a slightly strange turn of recent events I put myself forward for an seo position at a local web dev company, and came away asked if I would be interested in a junior front end developer role. I am eager to take on this challenge, and have been given an html cut-up excercise to do as a barometer of my abilities.

Everything I have ever done web wise, has really been from scratch, so this cut-up business is very new to me. I found several videos on youtube which all centred around the slice tool in photoshop, and then saving out the slices as an html and images file, to then fine tune elsewhere, in my case, Dreamweaver.

I am conscious though, of not having an image heavy webpage, and also am not happy with the huge and complicated table that Photoshop coded for me as a result of all my slicing.

So, does anyone have any experience with Photoshop cut-ups, and ideas to get the best results from the outcome. At the moment, Ive hand coded most of the buttons, so they are no longer images, and added links to them. But I got to a point where all the 1 pixel high 'spacer.gif's' were getting on my nerves that I deleted all of them. Then that left me with a very distorted and empty looking table, so I deleted all the table elements from the code also. So my idea from here is to use divs and absolute positioning to place all the leftover 'necessary' parts, how they look in the original psd image.

Does it sound like I am on the right path? I assume there are several methods of going about a cut-up. Could anyone give me some advice?

Ben

http://plustom.tumblr.com/

This is my current blog and I need some help tweaking it.

1. When you hover over the sidebar title/picture, it turns bright/white. Is there a way to make it stay bright/white without hovering over it?
2. Is there a way to move the sidebar with the title/picture over to the left?
3. When you hover over the picture in the middle, there's a small square box at the top left corner of the picture. It's white when you hover over the picture, but when you hover over the square, it's gray. Is there a way to make the square box stay white all the time?
4. There is a white line under the picture. Is there a way to make it bold similar to the line under "Amnesia"?

Current HTML code: (Can't seem to post rest in next post).



HTML Code:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>{Title}</title>

<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Font" content="#000"/>
<meta name="font:Text" content="Arial"/>
<meta name="color:Primary" content="#dcdcdc"/>
<meta name="color:Primary Font" content="#fff"/>
<meta name="color:Secondary" content="#eee"/>
<meta name="color:Tertiary" content="#ccc"/>
<meta name="color:Shadow" content="#dcdcdc"/>
<meta name="if:Show Caption" content="0"/>
<meta name="if:Fixed Sidebar" content="1"/>
<meta name="if:Infinite Scrolling" content="0"/>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>

<script src="toggle.js" type="text/javascript"><!--mce:1--></script>

<style type="text/css">

body {font-family: {font:Text}; font-size: 12px; color: {color:Font}; background-color: {color:Background};}
#right {width: 250px; left: 50%; top: 50px; margin-left: 220px; position: absolute; {block:IfFixedSidebar}position: fixed;{/block:IfFixedSidebar} opacity: .7; -webkit-transition-duration: .3s;}
#right:hover {opacity: 1;}
#right a {text-decoration: none;}
.title {padding-bottom: 10px; border-bottom: 2px solid {color:Tertiary}; font-size: 14px; display: inline-block; font-weight: bold; margin-bottom: 10px;}
a {color: {color:Font};}
.link {font-size: 11px; display: inline-block; margin-top: 5px; font-weight: bold;}
#center {width: 400px; margin: auto; margin-top: 50px;}
#description {margin-bottom: 5px; font-size: 11px; max-width: 200px;}
.entry {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid {color:Secondary};}
.entry img {-webkit-box-shadow: 1px 1px 1px 1px {color:Shadow} !important; max-width: 400px;}
.perma {position: absolute; opacity: 0; -webkit-transition-duration: .2s; z-index: 1;}
{block:IndexPage}.entry:hover .perma {opacity: 1;}{/block:IndexPage}
.permalink {display: inline-block; padding: 10px; background-color: {color:Primary}; color: {color:Primary Font};}
.permalink:hover {opacity: .7;}
.exclamation {display: inline-block; margin-left: 1px; opacity: 0; -webkit-transition-duration: .2s;}
.link:hover .exclamation {opacity: 1;}
.text_perma {width: 100px; text-align: right; position: absolute; margin-left: -110px; -webkit-transition-duration: .2s; opacity: 0;}
{block:IndexPage}.entry:hover .text_perma {opacity: 1;}{/block:IndexPage}
.text_permalink {border-bottom: 1px solid {color:Background}; display: inline-block; -webkit-transition-duration: .2s;}
.text_permalink:hover {border-bottom: 1px solid {color:Secondary};}
h2 {font-size: 14px;}
h2 a {text-decoration: none; border-bottom: 1px solid; -webkit-transition-duration: .2s;}
h2 a:hover {border-bottom: 1px solid {color:Background};}
.label {margin-right: 10px; font-weight: bold;}
.album_art {display: inline-block; margin-right: 10px; float: left;}
.album_art img {width: 150px; height: 150px;}
.audio {display: inline-block; min-height: 150px; max-width: 207px;}
ol.notes {margin-left: -45px; list-style-type: none; width: 400px;}
ol.notes a:hover {text-decoration: none;}
ol.notes blockquote {margin-top: -3px; margin-left: 0px; padding-left: 13px; padding-top: 5px; border-left: 11px solid {color:Primary}; margin-bottom: 0px;}
ol.notes li.note {padding: 5px;}
li.note img {margin-right: 10px; width: 11px; height: auto; opacity: .5; -webkit-transition-duration: .3s;}
li.note:hover img {opacity: 1;}
.entry blockquote {border-left: 2px solid {color:Primary}; padding-left: 10px; margin-left: 25px;}
.player {-webkit-box-shadow: 1px 1px 1px 1px {color:Shadow};}
#tags {margin-bottom: 20px;}
#tags a {margin-right: 10px; opacity: .7; text-decoration: none;}
#tags a:hover {opacity: 1;}
.nav_1 {display: inline-block; width: 50%; margin-bottom: 20px;}
.nav_2 {display: inline-block; width: 50%; text-align: right; margin-bottom: 20px;}
#nav a {text-decoration: none;}
#nav a:hover {font-weight: bold;}
.audio_symbol {padding: 7px; background-color: {color:Background}; opacity: .9; border-radius: 100px; position: absolute; margin-top: 7px; margin-left: 7px; font-size: 14px; height: 15px; width: 15px; -webkit-text-stroke: 1px transparent;}
{block:IfInfiniteScrolling}.regular_pagination {display: none;}{/block:IfInfiniteScrolling}

</style>

</head>

<body>

<div id="right"><div style="display: block;"><div class="title"><a href="/">{Title}</a></div></div>
<div id="description">{Description}</div> {block:AskEnabled}<div style="display: block;"><div class="link"></div></div>{/block:AskEnabled} <div style="display: block;"><div class="link"></div></div> <div style="display: block;"></a></div></div> {block:SubmissionsEnabled}<div style="display: block;"></a></div></div>{/block:SubmissionsEnabled} {block:HasPages}{block:Pages}<div style="display: block;"><div class="link"><a href="{URL}">{Label}<div class="exclamation">!</div></a></div></div>{/block:Pages}{/block:HasPages} <div style="display: block;"><div class="link"></a></div></div></div>

<div id="center">

i want to make my text go from left to right inside my html box. for some reason its only going in the center of the page. ive tried editing the code but to no avail. please help me! heres the address, thanks dale.

http://stores.ebay.co.uk/My-Memory-U...WITH-HTML.html

and here's the code...............

<div align="center"><table border="0" cellpadding="0" cellspacing="0" width="819">
<tbody><tr><td><img src="http://www.use.com/images/templates/bynum/6411/pintop.jpg" width="819"></td></tr>
<tr><td align="center" background="http://www.use.com/images/templates/bynum/6411/topbar.jpg" height="80" valign="middle"><font color="#000000" face="arial, helvetica, verdana, sans serif" size="4"><b></b></font></td></tr>
<tr><td background="http://www.use.com/images/templates/bynum/6411/midbar.jpg"><div align="center">
<table align="top" border="0" cellspacing="0" width="720"><tbody><tr><td style="background-repeat: no-repeat" width="720"><div align="center"><table style="width: 1px; height: 52px;" border="0" cellpadding="0" cellspacing="0"><tbody><tr>
<td><br></td></tr><tr><td>

<b>NOTE :</b> why is the text centered i want it from green to green inside the box?.<p>


<br><strong><br></strong><strong></strong><br></p></td></tr></tbody></table>
<img src="http://www.use.com/images/tran60h.gif" height="60" width="1"></div></td></tr></tbody></table></div></td></tr>
<tr><td><img src="http://www.use.com/images/templates/bynum/6411/botbar.jpg" width="819"></td></tr>
<tr><td><img src="http://www.use.com/images/templates/bynum/6411/footer.jpg" width="819"></td></tr>
</tbody></table>
</div>

Hey,
I would really appreciate it if someone can help me with this.
I have an ebay store and I want to use HTML to link my items to my store. "Click Here to View my Store" Can someone help me out with this. I dont want to put the link to my store cause that might be against the rules or something so in the store part of the HTML just put something like (storelinkhere)
Thanks everyone I know its a really dumb question but im just not getting this HTML stuff.

First let me excuse myself for being so un-educated with HTML. Or any language for that matter..

I currently am starting a photography business and since Facebook is a great way to connect, I am in the process of making a professional looking Page via their FBML Tab (the fact that I am coding through facebook shouldn't interfere with my questions).

There are two thing I am trying to achieve that I am sure are simple too, but I don't know how. Here goes:

Question 1:
These boxes are almost literally what I will be doing on my site. There are three images below this text, the first two you see are seamlessly touching horizontally. I need to know how to achieve this vertically also, with not even 1px between a top and bottom image

(Here would be about a 2px space if I were to put <br> in my code [or return key]. But If I don't do something, the boxes would stay horizontal)


Question 2:
This is a mock-up of what the starting page will look like. In the blue box is my question.

I hope this ^ made since. And the reason why I mentioned imageshack.us is because I dont have anywhere else to host images, so the code would have to accommodate several completely different image URLs.


If any additional info is needed please lmk. I am pretty eager to get to workin on this.

- Brandon

Okay I'll be very happy of any help I get.
So I know something about html- code but not enough. I need to create a site witch has a background image, centered switching page(like example: http://www.oipolloi.com/),
and three links: Home, Gallery and Contact.

Thanks already.

Hello all. I'm new to these forums. A new free MMO is being launched on June 20, and I have decided to make a nice guild page for the guild me and a friend have made. However, having absolutely no experience whatsoever with coding, I've run into some problems.

The site may be viewed he
www.maliceadmin.5gbfree.com

I have set the site up perfectly the way I want it on my main desktop. Everything is aligned perfectly, no trouble at all. This is on a 19 inch monitor at 1280x960 resolution. However, I was just surfing the web upstairs here on my laptop and decided to check out my site. The text is not aligned properly as it was shown on my main desktop. I'm completely new to coding so please be very detailed in your responses. Does anybody know what the problem might be?

Also, I couldn't figure out how to adjust the height of my table. For example, when text reaches the end of the black box, I want it to cut off and have a scrollbar to be scrollable.

My final and least important question why the text size and alignment works on Firefox, but not IE.

That would be all. Thanks for your time.