|
HTML - Extending <a> Click Area
Hello!
I have an <a> tag with display block set which is good as it makes it as wide as its container. However, I want to give it more height than it currently has, 100% is possibile. Inside the <a> tag there is an <img> tag with the image being very poor in height, it's a line of text with special font. How can I get the <a> to be higher please? Thanks! Similar TutorialsHello everyone! I need some of your expertise to help me figure out this problem: http://uberdome.net/rustest/?page=club on this page, as you can see, the left column doesn't extend fully even though i have height:100% in my css. Please help me fix this.. you can download the css file at: http://uberdome.net/rustest/styles/style1.css Thanks. hello, new member here so hiya! I have a site and I have a div containing all the page. At first I gave it a height just so I could put CSS in and see what it's like. After I have taken out the height though, the div shrinks to like 1 pixel. Why isn't it as long as it's containing divs - including left column, main section, footer? Many thanks I have a website in the making that has two side bars that are jpges. I am using show/hide div tags that extend the page to stretch to match the content it is showing. How can I make the side bars extend to fill in the gap when the page needs to become bigger? This is what I tried thus far... The sidebars have a gradient to them to make it look like steel so I took a small piece and cut it and made it a jpeg. I then made an extra row under the side bars and set this cut jpeg as a background image. That didn't work. Any help would be greatly appreciated. http://www.dynamicdrive.com/dynamici...iframessi2.htm This is the tutorial I followed. I did everything it said to do and it worked on my index page where the iframe is located. The only problem is when I try to load a new page into that iframe the iframe doesn't extend and scroll bars appear. On the tutorial there is an example of what i'm talking about. Does anybody know why the other page doesn't extend? Here is an exmaple: http://www.dejavulifestyle.com/dvsite/example.html It's the video page that i'm trying to open in the iframe. Edit: I meant to type dynamically in the title. Hi, I'm kind of new to HTML and I've been trying to make a website that has 3 frames in it. One frame extends across the entire top of the page and has about a 100 pixel height. The second frame extends the entire length of the page, but only has a width of about 200 pixels. Which leaves the rest for the thrid frame. I'm doing this so that frames one and two don't change and all of the content changes in the third frame. I'm running into an issue, because I cannot figure out how to get one frame extend across the top and one fram extend the length of the page. I can do one or the other but not both. is there any way that I can configure the columns and rows so that the page takes on this look? Thank you. here is a visual of what I'm trying to do: Code: ____________________ | 1 | |__________________| | | | | | | | 2 | 3 | | | | -------------------- I am looking to have an area beside my nav bar that is titled "Whats New". This would be a small square beside the nav bar with a few links under it that would link to new additions of the site or current events. I want this section to be included on all 9 pages of my website, but when I change these items I dont want to have to change the links and text on all 9 pages. How can I make it so I alter just one page and it will change on all 9 to save me time? Could I use CSS to do this? If so how? Also I thought of using an iFrame. Not sure if that would work either. Please let me know of a way to do this Thanks, PizzaStick Hi, I don't know if this is the best board to post on so if not please move. I'm looking to offer a members area on my new website im developing at the moment. The main goal is for my customers to have a username and password which they can then log into the personal member area. I don't think i want anything too complicated but this is my ideas so far of what i would want: Inovices: I want to make invoices available as PDF's for the customers, at the moment i don't mind if this has to be a manual upload but some way of manageing it would be nice. Monthly reports: My customers receive monthly reports on teh support they used during that month, i would like to make this available on the website, again i don't mind if i have to manually upload the files but some way to manage it. Subscriptions: I want my members to be able to activate additional services which will have recurring monthly payments. Either using paypal or another trusted payment gateway. The member will need to have a list of teh additional services i offer and then the ability to either subcribe to an additional service or unsubscribe aswell from within there member area. Tutorials: All of my members require tutorials to be created for them every now adn again. At the moment i would send this by email and after a month or 2 the custoemr deletes the email to find they need the tutorial again. I would like to store tutorials in there member areas so they have access to them all teh time. Is there any software out there i can take a look at to manage something like what i'm after? If there are any Open source ones available i would prefer that as i find open source not only to be free but also easier to edit and build on in the future. Any suggestions or ideas to where i can find something to handle this would be really appreciated. If one doesnt exist then anyone interested in doing some programming for me? Send me a PM and we can discuss my requirements in more detail and also discuss price. CC_DESIGN I have made a layout for guild in an online game i play im new to html because im 14 so im not very good. The text at the top i want as one blog area but i want a second blog area underneath thats under a spaer here is the code i used for the first blog area <div style="position:absolute;left:450;top:330;width:375;height:304;overflow:auto"> But when i use the same code to make a second area but change the pixels to place it elsewere it just keeps messing up please could someone help me with this i need it soon Ok im pulling my hair out, im trying to make a small text area scrollbox. How od I change the font face, color and background color? Thank you, this is what I have so far please help. Quote: <html> <head> <title>Page title</title> </head> <body> <textarea rows="3" cols="10"> </textarea> </body> </html> So the issue in question is located at Deejay Octane I am wanting the links DIV to float to the right that much is happening, however the content DIV is not stretching to contain it. Any suggestions? Thanks Is it possible to use img map and area over an swf file the same way that you can use it on a jpeg? I want to make just specific coordinates on the video to go to specific links. I did it for a jpeg but I can't get it to work on my swf file. could any hero (who must be very advanced) send me example code if you could get it to work -Mark :wacko: :wacko: :excl: marksmolen@mail.com 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. My apologies if this is in the wrong area, i have searched forum and could not find what i'm needing/doing wrong. I have a website that was in cold fusion, i am changing it to html/css. So i sliced it up and everything is good except the area i need to be dynamic for wordpress. Only half is stretching. The part where i want widgets to go is not stretching with rest. Sorry if my code is a mess, i'm just learning. Thanks for any advise or directions. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body background="images/bg.jpg">
<body>
<div id="wrapper">
<div id="header">
<div id="topleft"><!--start of content keep left -->
</div>
<div id="home">
</div>
<div id="about">
</div>
<div id="process">
</div>
<div id="yachts">
</div>
<div id="blog">
</div>
<div id="news">
</div>
<div id="contact">
</div>
<div id="headbanner">
</div>
</div><!--header -->
<div id="contentwrap">
<div id="leftcontentwrap">
<div id="static">
</div>
<div id="dynamic">
</div>
</div><!--leftconentwrap -->
<div id="rightcontentwrap">
<div id="sidebarwrap">
<div id="sidebar">
</div><!--end sidebar -->
<div id="sidedynamic">
</div>
</div><!--sidebarwrap -->
</div>
</div><!--contentwrap -->
<div id="footwrap">
<div id="footer">
</div><!--footer -->
</div><!--footer wrap -->
</div> <!--wrapper -->
</body>
</html>
CSS Code: @charset "utf-8";
/* CSS Document */
#header {
height: 280px;
width: 891px;
}
#headbanner {
background-image: url(images/island_12.png);
height: 203px;
width: 891px;
float: left;
}
#home {
background-image: url(images/island_04.png);
height: 77px;
width: 63px;
float: left;
}
#sidebarwrap {
float: left;
height: 348px;
width: 200px;
}
#dynamic {
background-image: url(images/island_15.png);
width: 659px;
min-height: 427px;
}
#contact {
background-image: url(images/island_10.png);
float: left;
height: 77px;
width: 140px;
}
#news {
background-image: url(images/island_09.png);
float: left;
height: 77px;
width: 55px;
}
#footer {
background-image: url(images/island_16.png);
height: 75px;
width: 891px;
float: left;
}
#sidedynamic {
background-image: url(images/sidedynamic.jpg);
float: left;
height: 77px;
width: 232px;
min-height: 77px;
}
#rightcontentwrap {
height: auto;
width: auto;
float: left;
}
#contentwrap {
width: 891px;
min-height: 348px;
}
#sidebar {
background-image: url(images/island_14.png);
height: 348px;
width: 232px;
}
#static {
background-image: url(images/island_13.png);
float: left;
height: 152px;
width: 659px;
}
#process {
background-image: url(images/island_06.png);
float: left;
height: 77px;
width: 93px;
}
#about {
background-image: url(images/island_05.png);
height: 77px;
width: 67px;
float: left;
}
#blog {
background-image: url(images/island_08.png);
float: left;
height: 77px;
width: 61px;
}
#leftcontentwrap {
width: 659px;
min-height: 348px;
float: left;
}
#topleft {
background-image: url(images/island_03.png);
height: 77px;
width: 347px;
float: left;
}
#yachts {
background-image: url(images/island_07.png);
float: left;
height: 77px;
width: 65px;
}
#wrapper {
width: 891px;
min-height: 800px;
margin-right: auto;
margin-left: auto;
padding-top: 25px;
padding-bottom: 0px;
padding-left: 15px;
padding-right: 0px;
}
Hello, I have a site with a big picture that use <area> and <map> tags. How can I replace piece of the big picture, by other image using OnMouseOver or by other way? (The image is defined by coords) Thank You! Big Image, and the image that I need to replace. Hi, how would i got about setting up a place where people can leave comments on my website? How extensive/difficult is it to customize a scroll area? I've seen the very simple table versions which automatically generate a scroll bar based on your browser/system. But I want a very clean, simple, minimal scroll area. Even if it were two arrows. I have a mock up here where its just a line with a dot on the right side of a small fixed text area. Is this a flash or javascript thing? Or can it be done with css, html? Thanks Hi, i have the following text <td><span (some style stuff) ><a href="http://www.mysite.co.uk">We are a company in the UK that blah blah blah <br /> Our website is great blah blah </a> </span> </td> This is sitting in a table, i'd like the area where the text is located to be hyperlinked (e.g if you go anywhere inside this table cell, the mouse turns to a link) to 'www.mysite.co.uk' etc., not just the text itself.. how can i do this? Thanks P&P Hi, I currently have a blog which I designed using wordpress although for some reason when you view a post on IE the white background of my content doesn't extend all the way down like it should. If you take a look at this post from my blog you will see what i'm talking about. http://shokzguide.com/starcraft-2-gu...de-strategies/ I can't seem to understand why it won't work. The code is the same on my other pages, although for some reason in the blog single posts it does this only one IE. Thanks Hi, I have some big banner images that have a number of different links on them and i need to have them linking to another page. So far i have been breaking the images up into smaller images and putting them back together with CSS. This has proven to work fine on some of the simplier images but now i have some complex images with about 5-10 links in different places. To continue breaking up the banners these images would need to be broken into more than 30 parts just to have the areas i want clickable. Is there another way to acheive what im after using some kind of frame that i position over the image and get the same effect rather than having to break all the images up? is it image mapping i need to do some learning on or is this completely different? thanks in advance CC_Design Hi I have a Normal Div area: <div style="width:300px;height:300px;overflow:auto;border-width:0px;border-color:000000;border-style:solid;"> Text is here Text is here Text is here </div> I want when the page is loaded, the div area shows the bottom automatically i.e. The last Line I dont want users to take it down manually with the mouse everytime the page is loaded Do you know how this can be done? |
|||||||