HTML - Style Tags

Hello there, I need some help with my DIV tag as it isnt doing what I tell it to do.


Heres a screenshot of it:



And here is the CSS code:
Code:

body{
	background-image: url(img/bg.gif);
	font-family: verdana, arial;
	font-size: 12px;
	color: black;
}
#content{
	height: 100%;
	width: 750px;
        background-color: #afafaf;
	margin-left: auto;
	margin-right: auto;
	border: medium;
	border-color: red;
	border-style: solid;
	padding-left: 5px;
	padding-top: 5px;
}
#copyright{
	height: 20px;
	width: 740px;
	background-color: #9f9f9f;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-bottom: 15px;
	border: medium;
	border-color: black;
	border-style: solid;
}

Its the "copyright" one that is messing with me, as you can see the red border is there.
But the small div tag wont center in the div tag.



I hope you understand what I mean

Hi all,

I'm working on a wordpress site with nextgen plugin (not really important)
My problem is this:
Let's say i have this structu
HTML Code:

<p>
  <a href="">
    <img src="" />
  </a>
</p>

Now if my img is 100px height, the <p> still stays 0px, and i think that's because of the <a> tag.
But the <p> has to adjust its height to whatever height the <img> is.
How can i achieve this?

I hope you understand what i mean here
Thanks already.

i have a problem about using div tags in general and positioning layers on a page. i'm a beginner so forgive my way of asking but i would appreciate any help i could get in understanding it.

Should be something simple to figure out, I know... but I'm having some trouble with the div tags in a section of my site.

What I'm trying to do is place a few images side by side, 160 pixels from the top and center alignment.
It places the images 160px from top but not in the center...

This is the code I'm using:
<div
style="
top: 160;
position: absolute;
z-index: 1;
visibility: show;
align: center; ">

Why won't it work???

Hi I'm currenty learning how to use div tags
I was wondering if anyone had any resources on the attributes of the div tag, havent came across anything that relates to the code i am currently working on.

HTML Code:

  <div style = "z-index:2;left:40px;top:100px;position:absolute;color:red;text:white;font-size:30pt;border:groove">
      <p> Division 1 </p>
    </div>

    <div style = "z-index:2;left:00px;top:250px;position:absolute;color:red;text:white;font-size:30pt;border:groove">

    </div>

Does div tags generally just handle borders or can u fill a division with colour as in make a rectangle or whatever?
Heres some code i have been presented by my lecturer, I can read the attributes well i think but if someone could explain it i would be greatfull just to check my understanding

Thanks CW

hi

my name is salil. m working on a website completely in .jsp

all the links are called in div containers.

so just wanted to ask if is it possible to use the back button of the browser in that case... if yes how can we use it?
currently when i click on the back button of the browser then i go to the previous visited site.

thanking all of you for your feedbacks.
salil

hello,

I have a html file that contains many lines.
I want add a tag in every line so that I can display them with different color.

How to do it?

Thanks

First post on here, but I'm not really new to HTML. I just have a problem with the placing of a picture on a page.

My website is www.fcumania.co.uk, which was created mainly with the use of a website designer - though these days I just edit it through Notepad. I have a problem whereby I need to add a small picture in the box where the crude "Hi-Resolution pictures" form is located. I can't seem to be able to edit the code, and the div tags in order to do this.

I know it has something to do with the CSS, and so presuming you can view the source code on the main site, the CSS files are located he

www.fcumania.co.uk/index_p.css
www.fcumania.co.uk/index_g.css

I'm sure all of you on here will be able to resolve this, and TIA if you can.

Alastair.

Hi,
I need to start this off by stating that I'm not an expert nor have I had any training but in general I can read HTML or CSS code and understand for the most part what is going on. I have been asked by my boss to migrate and update and old website and bring it onto the new php5 platform that is operating at our university. This has been a fairly straightforward task where I just copied and paste the old code into the new CMS form. But I have reach a point where using the old code and tweeking it where needed to account for the 'personality' of the CMS isn't working.

This is a bilingual website translating between English and Turkish. Here is an example of how the site used to run: http://replay.waybackmachine.org/200...page/acemhoyuk

In the new site I have made only minor cosmetic adjustments; font color and the side where the reduced translation sits. These changes were made in the CSS code and seem to work fine (once the css code is activated). I don't know what the correct terminology is but basicly the CSS appears to be hidden until you click your mouse on the text somewhere (both the English and Turkish translations are visible in the body of the text, not showing one and reducing the other as it is meant to). Once you click the mouse on the text then the page separates into the visible body of the text and the reduced translation on the right hand side (the correct formatting).

This is an example of one of the pages doing the above: http://www.une.edu.au/cat/sites/ahlat.php

Using this <div> code:
Code:

<blockquote>
<div id="content">
<div id="container" class="left_border">
<div class="bilingual">
<div class="language_a" lang="en">English language section</div>
<div class="language_b" lang="tr">Turkish language section</div>
<div class="spacer">&nbsp;</div>
<!-- /bilingual --> <!-- /container --> <!-- /content -->
</div>
</div>
</div>
</blockquote>
</div>

I have been playing around with the code trying to fix this problem and by adding <div id="page" class="page_language_b"> to the beginning of the body I get the desired result so that both the text and the translation are visible from the start - but when you click on the translation to change the language everything moves into the reduced section leaving no body to the text.

This page is an example of where I am achieving the above result: http://www.une.edu.au/cat/sites/acemhoyuk.php

Using this <div> code:
Code:

<div id="page" class="page_language_b">
<blockquote>
<div class="content">
<div class="container">
<div class="bilingual">
<div class="language_a" lang="en">English language section</div>
<div class="language_b" lang="tr">Turkish language section</div>
<div class="spacer">&nbsp;</div>
<!-- /bilingual --> <!-- /container --> <!-- /content -->
</div>
</div>
</div>
</div>
</blockquote>
</div>

From my experimenting I think the problem is with the <div id="page"> but as I said before I not an expert in this so I'm not sure how to get it to do what I want. A lot of my solutions have been through trial and error.

If someone could help me fix my <div> code I would be greatly appreciated.

Cheers
Kim

Is it possible to define coordinates for the area in percentages of the image instead of pixels? For the map I want to use an image that resizes depending on the viewport resolution. Then pixel coordinates obviously don't work.

The code in a script I'm using shows this code on the main page:

Code:

	<meta name="Description" content="[var.description;htmlconv=no;]">
	<meta name="Keywords" content="[var.tags;htmlconv=no;]">

Shouldn't their be a line "meta tags=" for the keywords? Or will replacing the word "Keywords", in the code above, with some keywords, do the trick?
Or do I need to add keywords elsewhere?

Thanks

In terms of search engine ranking, is it better for a websites meta tags (title, keywords, and description) to be different on every page of the site?... or is it best to make one really great tag and copy/paste it into every page? I would think the first would be better but then there won't be the constant repetition of good keywords because every pages tags will be different.

When you hover over an image it will display the alt text. I know there's something similar you can use for standard links. Something like <a href="http://www.google.com" alt="Click here to visit Google">Google</a>. For the life of me I can't remember what I'm supposed to use to accomplish this. I basically have a very short text link and want to display some more information when people hover over it.

Hello, I uploaded my first web site and I wrote some key words in the meta tags.
<meta name="keywords" content="...">
<meta name="description" content="...">
<meta name="language" content="...">
<meta name="country" content="...>
<meta name="robots" content="all">

The problem is that when I am writing on the google web page the keywords, it cannot find the web site. Can anyone help with the above problem??