|
HTML - Row Can Grow Adn Shrink
How to code to make row in a table can grow and shrink automatically based on the data in each cell?
Similar TutorialsHello. =) I'm trying to make font "shrink" or "grow" based on the browser's width/height...but so far, I'm having problems. I made this page as an example. If you manually resize your browser (ie: drag the sides of it and make it become smaller and smaller), you'll see that the picture maintains the same proportions, and the text stays in the same place. ...But the text doesn't "shrink" for some reason. If your browser is "small", I want the picture AND the text to get small too. For example, if the page is REALLY big, then the font should be size 18, and if it's really small, then the font would be size 1 or something. =\ Does anyone know how I can do this? Would I need to use the "Zoom" property? (I just recently heard about this property, so I don't know too much about it. But if I do need to use "zoom", please tell me: will it work in Firefox and other non-IE browsers?) Thanks in advance!! I'm new to HTML, and I wondered how to code a DIV such that when you place a DIV inside of an outer DIV, the outer DIV will automatically grow in height when the inner DIV is growing. This is done all the time, but I can't figure it out. A lot of pages will use an outer DIV as a colored background, and modify the contents of an inner DIV. When that happens, the outer DIV expands in height to continue showing the background when the inner DIV is expanding - but when I try to code it, the inner DIV grows, but the outer DIV stays in its original size. I know I'm forgetting something simple! Thanks for any reaction! Corey Okay, this is my first post at this forum and I should let you all know I'm very new and am so overwhelmed with it all that I don't even know where to start, I mean my mind keeps wondering off in different directions there is just so much to know. On with my question. I have a simple table with some css format, I would like to know how to stop the table from shrinking when the browser window shrinks. Basically if you make your browser smaller then you wouldn't be able to see all my content. Does this make sense? Code: <%@ Page Language="VB" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<style>
h4
{ text-align: left;
}
td.table2 {border-top: blue thin ridge; width: 900px; height: 100px}
td.table3 {border-right: red thin ridge; border-top: red thin ridge; border-left: red thin ridge; width: 900px; border-bottom: red thin ridge; height: 100px}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<center><table>
<tr>
<td class="table3">
<h4>Text Text Text</h4></td>
</tr><tr><td class="table2">
<h4>Text Text Text</h4></td></tr>
</table>
</center>
</div>
</form>
</body>
</html>
Hey everyone I am new, I just was wondering if anyone can help explain/link me to a tutorial that shows me how to make a template that grows when you enter content into the tables without it coming out of place? I have always used iframes for my content before and this is my first try at not using them. When I enter content more than 1 table starts growing and it distorts all my images. My site is http://computercelebs.110mb.com/home.html If you click on the references page it will show an example of what happens. I am making this website as part of my college coursework. I have ~6 weeks to finish this website so plenty of time. Thanks in advance. Ok, I've been designing this site: www.patbianco.com.au and I have small problem I havent been able to solve. The design is specifically for an ipad, and I''ve been using the ipadpeek.com site to help me to check the site aswell as a borrowed ipad. The site works great landscape, but once turned to portrait it gets scaled, the header should be the width of the screen. It's not just he header that is scaled, its the whole page. Here a screen shot of landscape: http://i53.tinypic.com/2sb4dhe.jpg Here a screen shot of portrait: http://i52.tinypic.com/2lj5pau.jpg Portrait CSS: http://pastext.net/2550 HTML: http://pastext.net/2551 Thanks In advance if anyone is able to help me. Hopefully there is, as I'm on a deadline Hi Folks! I'm hoping to get some help with figuring out some html code for my optin page. Heres the prob, I created an opt in page but when its done it stretches my autoresponder subscribe box way out with a lot of empty space which looks bad and I can't figure out what in the html is causing it, was wondering if you might have a look and see if you can pick it up? I'll attach the entire opt in page and just the autoresponder code so you can see whats happening, I'd like to make the email aces box be the same size on my opt in page if possible. Well if you can I would appreciate it immensely! Thanks to all, Brian Jackson Hello I'm new to HTML Now straight to the point : I have a web page that looks too big when screen resolution is 1024x786 , but on the other pc (screen resolution 1280x1024 ) the same page looks too small and I have white spaces around it. I want my whole page with it's elements adapt to the browser window size and fit exactly to it ( I don't want to see that scrolling thing on the right or bottom ). You could just give me the link of the function/code I have to use. Here is my code if that helps. Code: <html>
<title>AiiT</title>
<body background="b.png" style="background-repeat:no-repeat; background-position:center center; width: 1024px;height:768px;">
<div style="background-image: url('1.png'); width:764px; height:557px; position: absolute;
top: 12%;
left: 50%;
margin-left: -382px; text-align:center;
"><div style="background-image: url('Tr.png'); background-repeat:no-repeat; position: relative; left:30px; top:30px;"><img src="Her.png" border="0" style="margin-top:10px;"><br><br>
<a href="en/"><img src="an.png" border="0"></a> <a href="lt/"><img src="li.png" border="0"></a><br><br><img src="Logo.png" border=0"></div></div>
</body>
</html>
Help appreciated. I placed all my adsense ads into iFrames but when I resize the window small all the ads are pushed to the middle of the screen. How can I make them stay put. I tried working with divs too but it makes the ads the highest layer and it makes an invisible border stretching across the screen and I cant click anything thats in that border range. heres some of my code: <html> <head> <link rel="stylesheet" type="text/css" href="style2.css" /> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <center> <head> <title>BIO</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> </tr> </table> <!-- End ImageReady Slices --> <iframe src="/adsense.htm" width="120px" height="600px" frameborder="0" style="position:relative;Left:1173;bottom:865" marginwidth ="0px" marginheight="0px" scrolling="no"></iframe> <iframe src="/adsense2.htm" width="120px" height="600px" frameborder="0" style="position:relative;Left:-92;bottom:865" marginwidth ="0px" marginheight="0px" scrolling="no"></iframe> <iframe src="/adsense3.htm" width="728px" height="90px" frameborder="0" style="position:relative;Left:50;bottom:518" marginwidth ="0px" marginheight="0px" scrolling="no"></iframe> <iframe src="/adsense4.htm" width="336px" height="280px" frameborder="0" style="position:relative;Left:195;bottom:1560" marginwidth ="0px" marginheight="0px" scrolling="no"></iframe> </body> </center> </html> Hello. My site is MoveHumanityForward.org and I'm trying to make the Facebook "like" area aligned on the right side with everything else, and have the remaining items go lower. Can you point me in the right direction? Thanks, Mikeal Hello All, I am relatively new to HTML. I currently have a series of HTML pages that contain fairly large tables. Also on these pages I have placed an icon with an Code: "javascript:onClick=window.print()" tag for printing the pages (so each frame is not printed, just the selected one. However, the printed sheets are overflowing and shifting the tables around. I know when I do a print preview and change the scaling/zooming to Shrink to Fit, the printed sheet is exactly what I am looking for. I'd like the pages to print Shrink to Fit on selection of the print icon. Is this possible? Thank you |
|||||||