HTML - Simple Html Problems
This is a table related issue. Is it possible to have one long row for your first row and then have 2 small columns on the 2nd row? I tried
Code:
<table border="1" align=center cellspacing="1"> <tr><td background="./images/topbanner.gif" width="512" height="22"></td></tr> <tr><td bgcolor="#0099FF" width="22" height="22"></td><td> </td></tr> </table> And that didn't appear to work..it makes another column on the first row.. Similar TutorialsHi guys, Ok I have 2 problems, one I'm sure is really simple but my brain is dead. The other might not be so easy. First off I have a webpage, that has a table in it. Within one of the cells are a series of small images (150x112pix). All I want to do is make that cell have a scrollbar so that users can scroll through the images. Nice & simple but for some reason I can't get the damn thing to work. (certainly not in Firefox anyway) I've set the cell widths, the table widths, I've enabled no wrap, everything I can think of. But each time it just blows the table formatting out. I've played with CSS & even iframes but nothing will work within the cell of the existing table. The second is a question to scratch a itch I've always had. Is it possible to use a bit of script that changes a image for another on a certain date? For example, to save one having to add some snow at christmas, you could have a pre-made logo with abit of the white stuff on, then come the set date it automatically loads that image instead of the orignial & then after a set date (say a week after new year) it reverts back to the original. Cheers folks. Hi Everyone i love this forum already Anyway, if someone could have a look at my basic site and see where i have gone wrong that would be fantastic. I have 3 niggles with a template im doing.I may redo the whole template now ive learnt as i think there maybe some stray code and/or ile convert it to css now im learning about div's ... anyway... the domain is... http://www.idealintexpools.co.uk/ (ignore the domain name - isnt staying there) 1. The main one is the white gap at the bottom of the fading image (IE) I spent about 2 hours trying to get rid of it and i bet its so simply 2. On firefox, there are huge gaps 3. The whole page slips off the side of the page slightly As i mentioned, because i have been fiddling i may need to redo it all from scratch but if anyone could at least give some pointers, ile be in your debt Cheers everyone Rob Hi, I'm really new to HTML and CSS, but I'm trying to teach myself. Maybe you can help with this problem: I have a table on my homepage that contains 3 columns. I want the first column to have multiple rows (each at 75px high), but I want the 2nd and 3rd column to only have 1 row, and have variable height. I used a colspan tag in the HTML, which seemed to work, in Safari. But I'd like it to look the same in all browsers. In Safari, my first column, top cell, is displayed at the top of the table. And in Firefox and Chrome, that first cell is displayed at the bottom of the table. How can I get the cells to start at the top of the table (each 75 px high) and build from the top-down. For example, This is a screen-shot of what I'd like to have in all browsers: http://toddk.org/table-css-help.png Here is my site: http://toddandjill.com/ CSS: http://toddandjill.com/tkstyles.css These are the CSS properties for my table (also in the CSS file above): HTML Code: .home-table { margin: 20px auto 0px auto; border-spacing: 8px 0px; } .home-table .row1 { width: 316px; height: 0px; NOborder: 3px dotted; vertical-align: text-top; } .home-table .row2 { width: 316px; height: 75px; border-bottom: 2px dotted #c1c1c1; vertical-align: text-top; } Any help would be greatly appreciated, thanks!! Todd Hi, I'm being outsourced to turn an image into a website and I've been jumping through hoops all night trying to create a simple drop-down menu... Obviously it's not going well. All I want is that it is no more than 20px high, black no borders, white Arial Black or Verdana 10px all caps BOLD font, text mouseover to #fbb03b.. drop-downs that have a dark grey border on the bottom only (no other sides should have borders) and mouseover to #fbb03b for each link (same text formatting as base menu). This is becoming incredibly difficult for me, and things just keep going wrong. I'm using Adobe DreamWeaver CS4. This project is due in 12 hours, and I haven't slept, so I'm not exactly in for a learning experience right now, I just need immediate and effective help. Please help if you can. Thanks very much. My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the 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" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> Hi Team, I'm having problems formatting images in HTML. Here is my site: http://ledtvprices.org.uk/ I would like to "left align" the merchant logo buttons at the top so that they all sit above the H1 Tag and start from the left to the right, rather than the middle of the page. I'd also like to left align all the tv images and space them all out evenly. How do I achieve this in HTML? Thanks. Sunil. Reply With Quote I'm trying to modify my template on my website - as I've found one I want to use as a base (It's open source, and we've got permission to edit it), but I don't understand a word of what is in the HTML as most of it is PHP, with maybe the odd div container thrown in. If you visit the site, he www.omgpcgames.com, all I want to do is stretch that header out across the top, instead of being a small image on the right hand side. I'm aware this will involve re-ordering modules, so I'm not overly sure about what I am doing. If anyone can make any sense out of this, please can you give me a pointer in the right direction? HTML Code: * You can use and modify this template any way you like, but it would be * kind to have a link back to www.gameon.be, doesn't matter how/where... */ defined( '_JEXEC' ) or die( 'Restricted access' ); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>"> <head> <jdoc:include type="head" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" /> <!--[if IE 7]> <style type="text/css">.vertmenu li ul { float: left; position: relative; bottom: 15px; }</style> <![endif]--> <!-- IE 7 fix for vertical header menu; I think FF 2 also needs this, but since I don't use this and don't like hacks... --> <!--[if IE 6]> <style type="text/css">.popular { position: relative; bottom: 99px; }</style> <![endif]--> <!-- IE 6 fix for user4, which needs to be on same height as user3 --> </head> <body> <!-- header --> <div class="header"> <!-- user1 (fex: menu (enable 'always show submenu items')) --> <?php if ($this->countModules('user1')) : ?> <div class="<?php echo $this->params->get('gomenuType'); ?>"> <!-- horizontal of vertical (left/right) --> <jdoc:include type="modules" name="user1" style="xhtml" /> </div> <?php endif; ?> <!-- user2 (fex: banner) --> <?php if ($this->countModules('user2')) : ?> <div class="banner"> <jdoc:include type="modules" name="user2" style="xhtml" /> </div> <?php endif; ?> </div> <!-- content --> <div class="contentcontainer"> <!-- left column --> <?php if ($this->countModules('left')) : ?> <div class="containerleft"> <!-- title (set in template menu) --> <div class="titlecontainer"><?php echo $this->params->get('leftMenuTitle'); ?></div> <!-- show content set to left --> <div class="stylemenu"> <jdoc:include type="modules" name="left" style="xhtml" /> </div> </div> <?php endif; ?> <!-- right column --> <?php if ($this->countModules('right')) : ?> <div class="containerright"> <!-- title (set in template menu) --> <div class="titlecontainer"><?php echo $this->params->get('rightMenuTitle'); ?></div> <!-- show content set to right --> <div class="stylemenu"> <jdoc:include type="modules" name="right" style="xhtml" /> </div> </div> <?php endif; ?> <!-- middle column: size of middle column depends on the use of left/right columns --> <div class="containermiddle_<?php echo $this->countModules('left')>0; ?>_<?php echo $this->countModules('right')>0; ?>"> <!-- title (set in template menu) --> <div class="titlecontainer"> <?php if ($this->params->get('middleMenu')=='breadcrumbs') { ?> <jdoc:include type="modules" name="breadcrumbs" style="xhtml" /> <?php } else { echo $this->params->get('middleMenuTitle'); } ?> </div> <?php if ($this->countModules('user3 or user4')) : ?> <div class="containerlatestpopular"> <!-- user3 (fex: latest articles) --> <?php if ($this->countModules('user3')) : ?> <div class="latest"> <jdoc:include type="modules" name="user3" style="xhtml" /> </div> <?php endif; ?> <!-- user4 (fex: most read articles) --> <?php if ($this->countModules('user4')) : ?> <div class="popular"> <jdoc:include type="modules" name="user4" style="xhtml" /> </div> <?php endif; ?> </div> <?php endif; ?> <!-- user5 (fex: newsflash) --> <?php if ($this->countModules('user5')) : ?> <div class="newsflash"> <jdoc:include type="modules" name="user5" style="xhtml" /> </div> <?php endif; ?> <!-- show articles --> <jdoc:include type="component" style="xhtml" /> <!-- footer --> <div class="footer"> <span>template by<a href="http://www.gameon.be" target="_blank">www.gameon.be</a></span> <?php if ($this->countModules('footer')) : ?> <jdoc:include type="modules" name="footer" style="xhtml" /> <?php endif; ?> </div> </div> </div> </body> </html> hi i got a problem on my website.. coz when i browse my site using mozilla firefox it all happens ok.. all the buttons were ok. it displayed sumthin on the iframe.. but when i uses the IE7 i found out that theres no display on the frame when i click the home button.. please help.. i check the source but i didnt find any problem. help me.. heres the site please check it.. http://www.radissonagro.com ok i know i just made a thread very similiar to this one, and yet it isnt. i found this new code on a site and i want to use it. i have added my own banner, my own buttons and now i want the the button to link to the "Content goes here" place. which seems impossible for me! i can only make the links open up a new window, cant make it open up on same page in the spare fields of the design. any help is appreciated. the reason i change to this is that this should be better for more browsers than the other design i hade picked first. <html> <table cellspacing="1" cellpadding="0" border="0" bgcolor="black" id="shell" height="250" width="400"> <tr height="50"><td colspan="2" bgcolor="white"> <table title="Banner" id="banner" border="0"> <tr><td><img src="banner.gif" width="600" height="200"></td></tr> </table> </td></tr> <tr height="400"><td bgcolor="white"> <table id="navigation" title="Navigation" border="0"> <tr><td><a href="home.htm" target="content"><img border="0" src="homeknap.gif" width="80" height="21"></a></td></tr> <tr><td><a href="about.htm" target="content"><img border="0" src="joinusknap.gif" width="80" height="21"></a></td></tr> <tr><td><a href="join.htm" target="content"><img border="0" src="aboutknap.gif" width="80" height="21"></a></td></tr> </table> </td><td bgcolor="white"> <table title="Content" id="content" border="0"> <tr><td>Content goes here</td></tr> </table> </td></tr></table> </html> Hello members of HTML forum. I'm having some troubles with some HTML. I want to remove the space between 2 images, but if I remove to <p> tag, the website will just become chaos. The area I want to remove: Source: Quote: <body bgcolor="black"> <center> <img alt="Diablo" src="image1.jpg"><a href="http://adscendmedia.com"><img src="image2.jpg" alt="Download" /></a><img alt="Diablo" src="image3.jpg"> <p> <img alt="Diablo" src="frame1.jpg"><iframe width="822" height="536" src="http://www.youtube.com/embed/f_k9vL18YCQ" frameborder="0" allowfullscreen></iframe><img alt="Diablo" src="frame2.jpg"> <img alt="Diablo" src="image4.jpg"> Does anyone know how to fix this problem? Thanks I just launched my first web page (free on GoDaddy) and it doesn't run right. It is only simple html. it keeps trying to reload. I thought at first the header GD inserts was try to fit into a space not big enough, so I put in a few <br/> to make room but that did not work. Here is a sample of my code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title></title> </head> <frameset rows="18%,82%"> <frame src="CryofFreedomheader.htm" marginwidth="0" marginheight="0" scrolling="no"/> <frameset cols="25%,75%"> <frame src="navbar.htm"/> <frame src="cofcontent.htm" name="cofcontent" /> </frameset> <noframes> <h1>>This frameset document contains:</h1> <ul> <li>page1</li> <li>page2</li> <li>page3</li> </ul> </noframes> </frameset> </html> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>cofcontent</title> </head> <body> <br/> <br/> <br/> <br/> <br/> <h1></h1> <p style="font-size: 15pt; font-weight: bold"></p> <p> © 2009 </p> </body> </html> Any help will be appreciated. Hi folks first time on this particular board. I once encountered a realy simple "CMS" system. somehow there was an area on "index.htm" that called in a .txt file and displayed it. what would the code be to do this? I thought about Iframes but this is depricated nowadays. Also I want to use this method (if it exists) to build an admin area which writes to the afore-mentioned .txt file in order to make simple updates to the text on the site. Can I do this? Thanks for helping sorry im a bit of a n00b! Hello, I'm creating my very first website, using notepad. For some reason my images do not display in Firefox, and in Internet Explorer the middle column is pushed way down into the page but the images DO display. My website seems to work just fine in Chrome and Safari. Can anyone take a look at the code and tell me what I did wrong? http://www.moorestock.com Thank you Hello all. Im totally green and just started last night on making a website. i am at the moment trying te make a nice layout but cant get the links in my menu bar to open up in the content table. can someone plz help me out?!? this is my code so far: index.htm <html><head></head> <frameset rows="20%,*"> <frame name="title" src="banner.gif"> <frameset cols="30%,*"> <frame name="menu" src="menu.htm"> <name="content" src="content.htm"> </frameset> </html> menu.htm <html> <head> <title>Frame Menu</title> <base target="content"> </head> <body bgcolor="#0099DD"> <tr><td><a href="content1.htm"><img border="0" src="homeknap.gif" width="80" height="21"></a></td></tr> <tr><td><a href="content2.htm"><img border="0" src="aboutknap.gif" width="80" height="21"></a></td></tr> <tr><td><a href="content3.htm"><img border="0" src="joinusknap.gif" width="80" height="21"></a></td></tr> <tr><td><a href="content4.htm"><img border="0" src="contactknap.gif" width="80" height="21"></a></td></tr> </body> </html> content.htm <html><head> <base target="content"> </head> ... </html> i can only get it to open my buttons in new windows, not on the main page as i want.... plz help me out. My site is not on the internet yet and wont be before its done sometime in the future. hope someone can help me out! Hi I'm new to this site and I'm having trouble trying to validate my page, I keep getting multiple errors and I'm out of ideas...can somebody help please. Thanks I keep getting these sort of errors: Line 37, Column 9: end tag for element "br" which is not open <tr></br> Line 27, Column 5: XML Parsing Error: Opening and ending tag mismatch: body line 16 and br </br> Line 37, Column 9: XML Parsing Error: Opening and ending tag mismatch: tr line 37 and br <tr></br> Line 54, Column 18: XML Parsing Error: Opening and ending tag mismatch: div line 38 and td </div> </td></tr> HTML Code: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Megan Fox</title> <meta name="Author" content="Jean Paras" /> <meta name="Keywords" content="Megan Fox, Jennifer's Body, Article" /> <meta name="Description" content="A website for my courswork which is based on a Megan Fox article" /> <link href="mainstyle.css" rel="stylesheet" type="text/css"/> <style type="text/css"> </style> </head> <body> <table border= "15" width = "800" > <tr><td><div class="navigation"> <a href="index.html">MAIN</a> | <a href="meganfox.html">MEGAN FOX</a> | <a href="morefox.html">MORE ON FOX</a> | <a href="gallery.html">GALLERY</a> | <a href="links.html">USEFUL LINKS</a> | </div> </td></tr> </table></br> <table border= "15" width = "800" ><tr> <td><h1>MEGAN FOX</h1></td> </tr><tr> <td><a href="meganfox.html"><img src="megan-fox.jpg" alt="Go To Article" /></a> </td></tr> </table> <table border= "15" width = "800" > <tr></br> <td><div class="navigation"> <a href="index.html">MAIN</a> | <a href="meganfox.html">MEGAN FOX</a> | <a href="morefox.html">MORE ON FOX</a> | <a href="gallery.html">GALLERY</a> | <a href="links.html">USEFUL LINKS</a> | <div id="footer"> <p id="footer-copyright"> ©2009. All Rights Reserved. <br id="footer-neado"/> Article/Images Provided By: <a href="http://www.totalfilm.com/">Total Film Magazine</a><br /> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" /></a></p> </div></td></tr> </table> </body> </html> I want to create a simple one page html site where I can collect money from a person through paypal in exchange I would send them brand new factory sealed items I already got the PayPal buttons needed but how do i link the pictures of items to the buttons? The goal is for the person to send me money as a gift so PayPal does not charge me any help i would be greatful Hi, and thanks in advance for those who have a look at this issue. As an amateur webmaster, this question may seem extremely simple, but after working on it a while I have not been able to make it work. What I have is a solid bar running down the left side of the page, and I only want it to take up 20% of the page, I would like to then create the main page contents to the right of that bar taking up the remaining 80% with a white background. I was able to get the table set up for the side bar, but could not seem to start another one for the rest of the page. Like I said, this is an amateur speaking, so the answer may be very simple. Here is the html I have written so far: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style href>a {text-decoration: none} </style> <title></title> <body bgcolor="#FFFFFF" text="#000000" link="#D8F0E3" vlink="#246B44" alink="#9ED9B8" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <style type="text/css"> body {text-align: left; } </style> <table width="20%" border="0" cellspacing="0" cellpadding="10" height="3" bgcolor="#006699"> <td align="center" valign="middle"> <font face="Verdana" size="4" color="#FFFFFF">Round Table Quotes Association <br> <style type="text/css"> body {text-align: left; } </style> </head> <br> <font face="Verdana" size="2"><a href="about.html" target="_blank">About</a><br><br> <font face="Verdana" size="2"><a href="cv.html" target="_blank">Authors Index</a><br><br> <font face="Verdana" size="2"><a href="submit.html" target="_blank">Submissions</a><br><br> <font face="Verdana" size="3" color="#FFFFFF">Table of Contents<br><br></font> Can someone tell me the code I will need to created the field to the right of the bar which will be inline with the bar and its contents, but filling up the remainder 80% of the page? Thanks so much, htmldad Hi! I'm pretty new to html, I'm trying to build my own fairly simple website using 123 reg Instant site and I want to make it from scratch with my own banners and buttons etc. I've been playing around putting some images up on the webpage, but I'm having problems getting the images to stay put, they move around when the browser window gets made smaller/bigger. heres the link to the website http://handbagshandbagshandbags.co.uk/ Any help would be really appreciated! Hi guys, my name is Paolo and I'm newbie I don't speak English very well because my native language is Italian (I live in Switzerland, so..). This is my Menu HTML code: PHP Code: <div id="telefilm-menu"> <ul> <li class="first"></a> <li><a href="http://www.telefilmnetwork.com/greek/" class="right current">Sommario</a></li> <li><a href="http://www.telefilmnetwork.com/greek/news/" class="right">News</a></li> <li><span class="right">Episodi</span></li> <li><span class="right">Cast</span></li> <li><span class="right">Immagini</span></li> <li><span class="right">Video</span></li> <li><span class="right">Musica</span></li> <li><span class="right">DVD</span></li> <li><span class="right">Extra</span></li> <li><span>Forum</span></li> <li class="last"></a> </ul> </div> The CSS style: PHP Code: #telefilm-menu { margin: 124px 0 0 10px; font-weight: bold; } #telefilm-menu li.first { width: 10px; height: 36px; background: url("telefilmenu-sx.gif") no-repeat top left; padding: 0; } #telefilm-menu li.last { width: 10px; height: 36px; background: url("telefilmenu-rx.gif") no-repeat top left; padding: 0; } #telefilm-menu ul{ margin:0; padding:0; list-style-type:none; width:auto; float:left; height: 36px; } #telefilm-menu ul li{ display:block; float:left; margin:0; background: url("telefilmenu.gif") repeat-x top left; color:#cccccc; text-decoration:none; line-height: 36px; vertical-align: middle; padding: 0 5px 0; } #telefilm-menu ul li span.right{ background: url("telefilmenu-border.gif") no-repeat bottom right; display:block; line-height: 36px; padding-right: 10px; } #telefilm-menu ul li a{ display:block; float:left; color:#000000; text-decoration:none; line-height: 36px; vertical-align: middle; padding: 0 8px 0 8px; } #telefilm-menu ul li a.right{ background: url("telefilmenu-border.gif") no-repeat bottom right; display:block; line-height: 36px; padding-right: 10px; padding-left: 10px; } #telefilm-menu ul li a.current{ display:block; float:left; color:#ffffff; text-decoration:none; line-height: 36px; vertical-align: middle; background: #006f9f; } #telefilm-menu ul li a.current:hover{ color:#ffffff; text-decoration:none; } #telefilm-menu ul li a:hover{ color: #000000; text-decoration: underline; That's what appear: The problem is that when there is the blue background (as color, not image), the "bar" on the right doesn't appear because is also as background.. I would like to get this: I don't really know how to do that...Can anybody help me please? Thanks in advance, Paolo. PS: sorry for the time, but where I live it 's midday On my website, I have the following action for a form: <FORM METHOD="POST" ACTION="mailto:kaze950@hotmail.com"> However, when I test it in both firefox and internet explorer, it just opens up a window on my hotmail account sending a blank message to my e-mail adress. Is this supposed to happen? I thought that when I click 'Submit' on the form it would simply send an e-mail or something to my e-mail adress with the information on the form. Would this be the same for other people? I'm pretty new to HTML, so any help is appreciated. |