|
HTML - Positioning <div> Tags
Which is the better way to position the div tags? Should I use float or some fixed position?
I could get two columns positioned with float left and right, but what about a third column? Thanks Similar TutorialsHi all. I'm designing a website and for the first time using div tags. The style is controlled by CSS. I'm trying to get 2 div tags to be positioned next to each other, side by side. How do I do this, I just can't get it to work. Thanks i'm looking for a cheap way out of making collapse/expand code. i've learned a lot of 'ghetto' techniques n thought mayb i can use something similar to the html tricks i've learned in the past. the theory i have is.. i use the title of the collapse/expand text as a link to the text below it to open and close by using the navigating tags: Code: <a name="content">opening/closing text here</a> and the title above the content: Code: <a href="#content">Title</a> to open the area of text. now my idea of a shortcut around the whole css/html/javacript combo is to make the text below it use a Code: <font size=0>content</font> at default and have the href title link change the font size to the default 9pt but I don't know if that's even possible. Is it possible with the Code: <div> tags? and if so, using that, would i still b able to make a link like that? Is it possible to trigger the action of a form with a submit button that's outside the form tags? If so, how should this example be rescripted to make the input tag work outside the form tags? [/code] <html> <body> <form name="input" action="html_form_action.asp" method="get"> First name: <input type="text" name="FirstName" value="Mickey" /><br /> Last name: <input type="text" name="LastName" value="Mouse" /><br /> <input type="submit" value="Submit" /> </form> </body> </html> [/code] 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 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 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 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 was doing reading and practicing at the w3 site and came along the <pre>/</pre> tag section. I find it easier using these tags instead of the <p>/<p> tags as you don't have to insert <br> tags everytime you want to start a new sentence within your paragraph. Does it really matter as far as coding goes if you use this or is it just considered not proper coding techiques? Note: Also,i added a paragraph at the very end of my test page just using the <pre>/</pre> tags and the "Style/Type Attributes" did not apply to it.Why is this? Kindly, Texan 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 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??? 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. Who can HELP ME with divs Hi, " SPRAY TAGS" I've noticed this on CS source. Does anyone what exactly it is and know how to do them? 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. I understand that there should only be one H1 tag in a document, but what about H2, H3 etc. For example if I had a page listing products I would apply the H1 tag to the category, but I think the products in the list would be of equal importance, so would it be semantically correct to apply H2 tags to the products? And to take it a bit further, if each of the product had options (i.e. sub-products), would it be correct to apply H3 tags to the options? e.g. <h1>Dogs</h1> <h2>Labrador</h2> <h3>Golden</h3> <h3>Chocolate</h3> <h3>Black</h3> <h2>Collie</h2> <h3>Border</h3> <h3>Rough</h3> <h3>Bearded</h3> <h2>Boxer</h2> <h2>Retreiver</h2> <h3>Golden</h3> <h3>Flat coat</h3> Thanks 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. Hi there, I would like to recreate the image alt tag from ie in firefox.... well actually to be more specific create text to appear like that, when mouse over an image thats a button for a magnifyer. I expect its really simple, Ive been browsing the web for an answer but expect its too simple to be listed. Can someone give me the html code? can I slot it into the code below? <td height="547" colspan="3"> <div><a href="bic-vbig3.jpg" class="MagicMagnify" rel="disableAutoStart:true; size:200px;"><img src="images/paint/bic-big2.jpg" border="0"/></a></div></td> thankyou from a newbiee Hello I am new here... I have been looking all day... and come across some interesting posts around the internet. I have a website design... made with div tags. I need one page to be made in table tags... I have the page in div... is there away i can change the html into div tags? I am "new" to div tags... I dont really like them... but can use tables so much easier... I have found people that "claim" to be able to make table tags into div tags with software... If this is not possible... can someone slice my psd file into a table tag html page? 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?? |
|||||||