|
HTML - Sections Of A Tag Highlight
I 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? Similar TutorialsI 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. 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. 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 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 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 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. Hello, I have a webpage with several html anchors. The anchor part works ok, but when I click on the links, I only goto to the part of the page with all the anchors (all anchors are gathered low in the page) and I wanted to know if there is any way of highlighting the specific anchor that the user has clicked on. Thank you. I am doing a simple calendar. I managed to do the table with days etc. I have a problem I wish to highlight a number and the cell automatically according to the date of the day. Can Someone help please? Thanks & best regards I have a Web Page with the following HTML code: <div id= "BlockA" > <div style="position:absolute;left:31.82px;top:79.70px" class="cls_005">Text 1</div> <div style="position:absolute;left:340.70px;top:79.70px" class="cls_005">Text 2</div> <div style="position:absolute;left:31.10px;top:92.90px"> <span class="cls_005">Text 3</span> <span class="cls_002">Text 4</span></div> <div style="position:absolute;left:105.02px;top:92.90px" class="cls_005">Text 5/div> </div> "BlockA" is usually displayed without highlighting. However, under certain circumstances (as controled by my Web App), I would like to highlight (e.g. with backgroundcolor = "yellow") "Block A" when the Web page is displayed. The highlight should not change the classes in the div and span within "BlockA". Can anyone suggest how can I do this? Thanks in advance. sg2000 Hello everyone. I have a spry accordion menu in a table and as you well now when it is clicked you get a highlight around the edge of the spry object, i'm on a mac so mine is grey and when I look at it on my friends PC it is blue. Is there any way to simply get rid of this highlighting effect? Thanks Thecaia23 HI, Greetings, I would like to put a link at webpage A, eg Code: <a href="http://www.example.com"> HUHULALA </a> then when someone clicks on it, then it will link to webpage B and the page will display and highlight all the words, HUHULALA. Can we actually do that? thanks. Hi all, I have a very simple html file with table rows/columns. I implemented a feature where if you click once anywhere in a row, the row becomes 'highlighted' (modify the background color). The problem, and the thing I want to eliminate, is that the specific character/word that you click on also becomes highlighted. How can you keep the system from highlighting words/characters that you click on? I hope this is an easy one. Thanks, Bill HTML Code: <html>
<head>
<script type='text/javascript'>
var currentRow=-1;
function SelectRow(newRow)
{
for (var i = 1; i < 4; i++)
{
var cell=document.getElementById('cell_'+newRow+','+i);
cell.style.background='#AAF';
if (currentRow!= -1)
{
var cell=document.getElementById('cell_'+currentRow+','+i);
cell.style.background='#FFF';
}
}
currentRow=newRow;
}
</script>
</head>
<body>
<table border=1>
<tr>
<td onclick='SelectRow(1)' id='cell_1,1'>cell1_1</td>
<td onclick='SelectRow(1)' id='cell_1,2'>cell1_2</td>
<td onclick='SelectRow(1)' id='cell_1,3'>cell1_3</td>
</tr>
<tr>
<td onclick='SelectRow(2)' id='cell_2,1'>cell2_1</td>
<td onclick='SelectRow(2)' id='cell_2,2'>cell2_2</td>
<td onclick='SelectRow(2)' id='cell_2,3'>cell2_3</td>
</tr>
Hi all, I don't exactly know what to call it, apart from the explanation to what I want to do. Basically, I have a HTML page. On their, I have a text box and a search button and some text in a table. What I want to do is, when typing something in the box, clicking search will then jump to a part of the page and 'highlight' what is typed into the box. Ideally, the page will run in either HTML but I can use ASP. Unfortunately I cannot use PHP. Could anyone please help or give me some advise on this? Ok, you know how you can drag the mouse over any amount of normal text and the text gets that blue border around it. Try doing the same with an input box and you can only highlight the text of one input box at a time. How can I highlight the text from multiple form input boxes at once? Hi All, I was able to Highlight in yellow a sentence. But it doesn't work on the Option / Drop Down Menu sentence. Please HEEEELLLLP me find my mistake(s) BELOW: Code: <!DOCTYPE html>
<head>
<title> Yellow Hightlight </title>
</head>
<body bgcolor="#00CCFF">
<script type="text/javascript">
window.onload=function()
{
document.getElementById('NewsletterList').onchange=function()
{
window.location=('http://www.example.com/'+this.value+'');
}
}
</script>
<select id="NewsletterList">
<option value=""><P> <FONT style="BACKGROUND-COLOR: yellow"> PLEASE SELECT THE FOLLOWING: </FONT> CLICK This Box and Select!</P> </option> <!--this option takes you to your home page-->
<option value="xxxxx">yyyy</option><!--this option takes you to
.
.
.
.
.
</body>
</html>
Hi...not sure if this is the proper place to post this or not. I'm trying to do two things...first: I'm trying to set up a search box in frame 1 that will search, scroll to and highlight text in frame 2. Is this possible? I've been searching around for days looking for answers, and have so far come up short. I managed to create a search box in frame 1 that reloads frame 2, but that's not really what I'm after. ---------------------------- Now for the second thing I'm looking to do (along the same lines): I want to click a link in frame 1 that scrolls to a target in frame 2 and highlights it. The target is a word in the middle of a paragraph. Any help would be appreciated. I'm pretty green, so treat me like a beginner. Thanks so much! |
|||||||