|
HTML - <div> In Different Sections.
I want my header at top with a logo in a navagation bar at left and the main in the middle, i have this:
HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<head>
<title>Platnium</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {background-color: #555555}
p {color: #ffffff}
div {background-color: #000000}
</style>
<script type="text/javascript"></script>
</head>
<body>
<div id="wrap">
<div style="text-align: center;" id="header">
<p>
Header
</p>
<div id="left" style="text-align: left;">
<p>
left
</p>
<div id="main" style="text-align: center;">
<p>
main
</p>
</div>
</div>
</div>
</div>
</body>
</html>
But i want them in different sections. like if i was going to put them in tables. Similar TutorialsI have an <a> tag which when you hover has the background turn grey, but it only highlights the section around the text but I would like it to be a bigger area around it. Like having text centered in a table cell and whe you hover the background turns grey. Any ideas? Hiya, I was wondering if there's a way to make various sections of the image clickable? The sections on the image are not rectangular so I can't make divs. I don't think I can use imagemap either since that only works for making one clickable area right? I already cut out these sections in photoshop and saved them with alpha background, and created a "glowing" version of each section, since I want to make it so that when mouse hovers over it, it will glow. But I can't stack them on top of each other, since if I do that only the topmost layer will be clickable for those areas where they will overlap with rectangular divs. This is example of what I mean: Thanks Hi all New to this forum and pretty basic in html But how to i create links at the top of the page to move down the page to certain sections. Regards, Alan Able to handle html sample code Hi, Consider the following HTML code: HTML Code: <div style="background-color: blue">
<p>
This is a paragraph
</p>
</div>
<div style="background-color: green;">
<p>
This is another paragraph
</p>
</div>
The problem is, despite specifying background colors for the div sections, inevitably there's a white space between the two sections. Instead, I want the colored sections to be adjacent to one another, without any space in between, like adjacent cells of a table. I'm trying to be good and avoid using <table>'s as so many tutorials have encouraged, but I'm unsure how to accomplish this without them. I believe this is possible but does anyone know for sure? Thank you! Edit: If it makes a difference, it's sort of a requirement that the content within the div sections will be <p>-enclosed blocks of text. I mean to say that when you make an image and want certain sections of it to link to one page and another section of it to link to another whats the code for this? I've been looking everywhere and can't find it anywhere Hey everyone! Does anybody know how we could set up google search results for this: ( see pic ) Hey, I'm having a couple of problems which I'm hoping some of you may be able to help me with. Basically the background for the website which I am working on has 3 sections; a top section, a blankl middle section, and a bottom section. I have therefore designed the site using 3 tables, each table containing one row and 3 columns. Each table has one of the backgrounds, such that: A. The background of the top table is the top background. B. The background of the middle table is the blank, plain white background. C. The background of the bottom table is the bottom background. This method seems to work, however when I first implemented this design non of tyhe backgrounds displayed, so to get round this I entered some <br></br> tags which succesfully caused the backgrounds to display suitably. I continues the web design in FF, and completed it. When I then viewed the finished article in IE there were 2 top backgrounds, on middle section, and 2 bottom backgrounds. I fear I may be totally missing the point here! Can anyone help me out please. |
|||||||