|
HTML - Freewebs Html Picture Background
I want this picture duplicated so it fills my whole background with multiple pictures of the same thing
What code would I have to use cos Im using HTML The picture is http://www.freewebs.com/call--of--duty--4/M4.jpg So could somebody tell me the code I would need to put in Similar TutorialsIf anyone could get this image http://img15.imgspot.com/?u=/u/06/31...1163541024.jpg onto a Freewebs page as a repeating background image and give me the code, I would greatly appreciate it. Thanks. Hello, I am very new to HTML and websites - by very new I mean I just learned two days ago that websites are made using HTML. so anyways I made a website by html code and then used an FTP client to put it on the internet. The page shows up great using just the file on my computer, but after puting the page on the FTP client for the internet the background picture will not show up. this is how I coded it: background="whatpic.gif" src="whatpic.gif" style="background-attachment:fixed" I put the picture in the same folder as the html page on both my computer and the FTP client. Any help would be great. The background picture is a very simple thing I made using paint and saved as a GIF file. thanks -Laura I'm new and a web designer,and i have a question.In my page,freewebs i don't know if my page acepts variables Get and Post,and i want to know how to set my page to acept the variables. Thank you. (Sorry but my english is crap.) Ok Hi, I'm new here. I'm no pro but I know a little about html. I'm currently building a website for a friend on freewebs. I like things to amazing so i want to use custom buttons on it. What would i have to do use custom buttons on the site http://pitirresparks.tk And i have another question. you know how you can position an image or object using x a y coords. How do i get those Is there an app. that allows me to know those coords What i want is an html table with 9 rows and 3 columns the first row is merged into a single cell with NAME in the rest of the first columni is to be merged into a single cell with a picture in i want the picture to be tight in the cell, no whitespace above, below or on the sides i want the bottom 8 rows (all of them except the header) to be the same height i'm nearly there but the bottom eight rows aren't all the same height. I'd prefer to do it using % rather than pixels if possible, i tried setting the first row to be 20% of the row height and the other 8 rows to be 10% but it didn't work any help appreciated, thanks Code: <body bgcolor=EEEEEE> <div align="center"> <!-- table with pic and summary data in --> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" cellalign="center" WIDTH="800"> <tr bgcolor="DarkGrey" height="20%"> <th width="100%" colspan = "3"> <font size=8 face="trebuchet MS"> NAME </font> </th> </TR> <TD rowspan="9" align="center" width = 20%><img width = 100% src="c:/test.bmp"/> </TD> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </TD> </TR> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> </TR> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> </TR> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> </TR> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> </TR> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> </TR> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> </TR> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> </TR> </table> sorry for the strange title to my problem, but it's the best I can do. On the site below: http://www.nomagicneon.com/shows.html I have an image (not the truck) that contains data in the middle of it. I made it in MS publisher, now to change the data, I have to go back to MS pub. and change and save and resize etc etc. What I would like to do is: Make the image, cut out the data and then be able to put the data in using HTML code. I think that would require using code for the data and the new picture I created using absolutes. but since never using absolutes, I am not sure. any ideas? TIA Hello. I have problem with creating a website for my Counter-Strike team. When I trying to write match info, and insert there a little flag, it always goes below map picture. It goes there everyway... with FrontPage, with PageBreeze, even with a WordPad, then i tried to edit HTML code manualy. Here is a screenshot: I realy need this problem to be solved. Sorry for my english. Hi i need some help i cannot figure out how to enter text ontop of a picture using HTML script. if i do it in design view the centering of the page and the alignents get all messed up how can i do this???? does anyone have any suggestions or html script examlpes to show me ???? im new at this and i wana learn how to use html script rather that making a website in design view it doesnt work!!!! erm im using Dreamweaver MX 2004 if this is important Thank You Pavzzz _________ Dear experts, I'm trying to send out a EDM. After creating the html mail, I realised that after attaching it to signature of my Outlook Express, my picture inside the html codes doesn't not appear. What should I do in order for the picture to appear ? Hope to hear some advice. Thanks. I am currently making a comic website and I have no programing experience. I have seen some websites with neat galleries and I am wondering if there is any way to crop their html. My favorite gallery type is the one where the user can specify how many pictures he wants to see per page (there is usually a little box where you can choose how may pics per page are shown). Ok I hope my question is clear enough. Thanks in advance. Comments on this post Mandarin disagrees: Spambot. http://answers.yahoo.com/question/index?qid=20091226053506AA0Uun3 Hey People! So I've been beating my head against a wall attempting to figure this out. I'm creating a website from scratch, and my problem is that the background image that I have set, is not appearing UNDER my text or other images (like my page content) The background image is appearing above my content, or under my content. I have tried placing the html code for the background under body, head, and also I have attempted to correct it using padding-top (etc) and also margin. Again I also tried <div-id> and other things like that.... but I'm not sure on what else to try... I've done everything that I know. This is driving me nuts! Here is what I have right now....Please, if you know what I am missing from my code to fix this, let me know!!! Code: <body> <center><div style=background-image="<a target='_blank' title='ImageShack - Image And Video Hosting' href='http://img717.imageshack.us/i/background1250copy.jpg/'><img src='http://img717.imageshack.us/img717/4030/background1250copy.jpg' border='0'/></a> <Background-repeat="no repeat"/> <width="500px"/> <height="200px"/> </center> <body bgcolor="#787878"> <div-id> <padding-top="100px"> <padding-left="100px"> <padding-right="25px"> <center> <img><a target='_blank' title='ImageShack - Image And Video Hosting' href='http://imageshack.us/photo/my-images/51/thefinaltester.png/'><img src='http://img51.imageshack.us/img51/4365/thefinaltester.png' border='0'/></a></img> <p><a style> <font-family="courier new"> <font-size="18px">MetalNihilism.co.cc is currently under construction, please continue to check for updates!! </font-family> </font-size></p></a style> </center> </div-id> </div style> </body> Sorry if this was a long post, BUT I'M DYING HERE lol <3 thanks to anyone who can help! Hi all, This is a really basic question I'm sure. I'm creating a simple HTML website for someone. I'm using Pagebreeze HTML editor. When I'm in Pagebreeze and using the 'preview' option etc, my background image appears without a problem. But when I upload the .htm file to the FTP server, and try to go to the URL, the background doesn't appear. The code I've got is just as follows: <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <meta content="MSHTML 6.00.6000.17063" name="GENERATOR"></head> <body language="Javascript1.2" background="Lights1.jpg"> Any ideas why this might be happening? The image is definitely on the FTP site. Thanks in advance for any help you can offer. Kevin Hello! I have just started using HTML, and Im already stuck! I want to have a blue background, with a limited white frame (like the white frame you can see he http://xrk.no/ ). The background color is no problem, but how do I make that white frame, without using a picture? Hope this one is a easy one for you! Thanks im not sure if this is an issue with html or css but im i have 3 columns in a table of 1 row and im using css to assign a background image to the table columns and the 1st and 3rd column will not top align the background image properly to line up with the background image of the 2nd column (or possibly its the 2nd not lining up with the 1st and 3rd) i will link to the site and post the affecting code here (you can view source on the page to see the html) http://www.wiffleague.com/main.php Code: td.mainBoxTitle
{
background-color: #4d6066;
background-image: url('../images/topmiddleedge.png');
background-repeat: repeat;
background-position: top left;
background-attachment: fixed;
font-family: Geneva, Verdana, Tahoma;
color: #000000;
font-size: 8pt;
text-decoration: none;
font-weight: bold;
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
}
td.mainBoxTitleLeft
{
background-color: #4d6066;
background-image: url('../images/topleft.png');
background-repeat: no-repeat;
background-position: top left;
font-family: Geneva, Verdana, Tahoma;
color: #000000;
font-size: 8pt;
text-decoration: none;
font-weight: bold;
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
}
td.mainBoxTitleRight
{
background-color: #4d6066;
background-image: url('../images/topright.png');
background-repeat: no-repeat;
background-position: top right;
font-family: Geneva, Verdana, Tahoma;
color: #000000;
font-size: 8pt;
text-decoration: none;
font-weight: bold;
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
}
note: the 3 background images in question were sliced off of the same original psd file and exported as png files using the same pixel height per slice (35px) and a 35px width for the left and right image with a 3px width for the middle image Newbie here. Hello to everyone. I have a huge problem. I am VERY new to HTML and my website was going great until the background image just went away. I have gone through every part of the layout and can not seem to find out why. Please help. I can send the entire HTML( its is not that big) to anyone who is willing to help me. Or, someone can call me or give me their number and I will call them. I need to get this website up tonight so that my business will start tomorrow. Thanks in ADVANCE> Thanks, Matt 479-643-4221 I'm quite new to this and used a tag generator thing, how do I make the background black and has anyone got any other tips to make this look more attractive? Here is the code: HTML Code: <p style="text-align: center;"><span style="background-color: rgb(0, 0, 0);"><br></span></p> <p style="text-align: center;"><span style="color: rgb(255, 255, 255);"><span style="font-size: xx-small;"><span style="font-family: verdana,geneva;"><span style="background-color: rgb(255, 255, 255);">if this newsletter is not displaying properly, click <a title="Sternberg Clarke New Talent - February 2010" href="http://www.scflyers.com/newsletterfeb10.html" target="_blank">here</a> to see it in its full splendour</span></span></span></span></p> <p style="text-align: center;"><span style="font-size: xx-small;"><span style="font-family: verdana,geneva;"><span style="background-color: rgb(255, 255, 255);"><br></span></span></span></p> <table style="border: 4px solid rgb(244, 249, 249); width: 751px; height: 604px; background-color: rgb(255, 255, 255);" align="center" border="4" cellpadding="0" cellspacing="6"> </table> <table style="border: 0pt solid rgb(0, 0, 0); width: 600px; height: 183px;" align="center" border="0" cellpadding="0" cellspacing="0" frame="border"> <tbody> <tr> <td style="width: 20px; height: 20px;" colspan="8"> <p><img style="border: 1px solid black;" title="sclogo" src="http://www.scflyers.com/htmlfiles/logo_600px.gif" alt="sclogo" width="600"></p> </td> </tr> <tr> <td colspan="8"> <p style="text-align: center;">performers of the month - March 2010</p> <hr> </td> </tr> <tr> <td> </td> <td style="text-align: center;" colspan="6"> <p><span style="text-decoration: underline;"><span style="font-size: x-large;">the langley sisters</span></span></p> <p><span style="text-decoration: underline;"><span style="font-size: x-large;"><br></span></span></p> </td> <td> </td> </tr> <tr> <td> </td> <td style="text-align: center;" colspan="5" valign="middle"> <p style="text-align: center;"><img style="border: 1px solid black;" title="Langley Sisters" src="http://www.scflyers.com/langley-sisters_250px.jpg" alt="Langley Sisters" width="250" height="238"></p> <p style="text-align: center;"> <object style="width: 250px; height: 206px;" data="http://www.youtube.com/v/1uSKPIZaZtg&feature" type="application/x-shockwave-flash" width="250" height="206"> <param name="src" value="http://www.youtube.com/v/1uSKPIZaZtg&feature"> </object> </p> </td> <td> <p style="padding-left: 30px;"><span style="font-size: small;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu massa lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed commodo nulla non eros lobortis sed convallis ante pharetra. Nulla porta sollicitudin enim, quis egestas est elementum nec. Sed mollis consequat magna, eget volutpat turpis ultrices volutpat. Integer eu odio felis. Praesent ac felis eu lacus pellentesque fermentum. Morbi sit amet diam augue. Vivamus imperdiet placerat nulla accumsan ultrices. Nullam volutpat porttitor malesuada. Sed quis velit sit amet turpis lobortis accumsan a a ipsum. Donec at tortor felis. </span></p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </td> <td> <p> </p> <p> </p> </td> </tr> <tr> <td colspan="8"> <hr> </td> </tr> <tr> <td> </td> <td style="text-align: center;" colspan="6"> <p><span style="text-decoration: underline;"><span style="font-size: x-large;">puncture kit</span></span></p> <p><span style="text-decoration: underline;"><span style="font-size: x-large;"><br></span></span></p> </td> <td> </td> </tr> <tr> <td><br></td> <td colspan="5" valign="middle"> <p style="text-align: center;"><img style="border: 1px solid black;" title="pk" src="http://www.scflyers.com/puncture_250px.jpg" alt="puncture kit" width="250" height="238"></p> <p style="text-align: center;"> <object data="http://www.youtube.com/v/wCdauhGajBE&feature" type="application/x-shockwave-flash" width="250" height="206"> <param name="src" value="http://www.youtube.com/v/wCdauhGajBE&feature"> </object> </p> <p> </p> <p> </p> <p> </p> <p> </p> </td> <td style="padding-left: 30px;" valign="top"> <p><span style="font-size: small;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu massa lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed commodo nulla non eros lobortis sed convallis ante pharetra. Nulla porta sollicitudin enim, quis egestas est elementum nec. Sed mollis consequat magna, eget volutpat turpis ultrices volutpat. Integer eu odio felis. Praesent ac felis eu lacus pellentesque fermentum. Morbi sit amet diam augue. Vivamus imperdiet placerat nulla accumsan ultrices. Nullam volutpat porttitor malesuada. Sed quis velit sit amet turpis lobortis accumsan a a ipsum. Donec at tortor felis.</span></p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p><span style="font-size: small;"><br></span></p> </td> <td style="width: 20px; height: 20px;"><br></td> </tr> <tr> <td colspan="8"> <hr> </td> </tr> <tr> <td> </td> <td style="text-align: center;" colspan="6"> <p><span style="text-decoration: underline;"><span style="font-size: x-large;">cash cows</span></span></p> <p><span style="text-decoration: underline;"><span style="font-size: x-large;"><br></span></span></p> </td> <td> </td> </tr> <tr> <td> </td> <td colspan="5"> <p style="text-align: center;"><span style="font-family: helvetica;"><span style="font-size: medium;"><strong><img style="border: 2px solid black;" title="cashcows" src="http://www.scflyers.com/cashcows_250px.jpg" alt="cashcows" width="250" height="238"></strong></span></span></p> <p style="text-align: center;"> <object data="http://www.youtube.com/v/IvTHGp8Yui8" type="application/x-shockwave-flash" width="250" height="206"> <param name="src" value="http://www.youtube.com/v/IvTHGp8Yui8"> </object> </p> <p style="text-align: center;"><span style="font-family: helvetica;"><span style="font-size: medium;"><strong> </strong></span></span></p> <p style="text-align: center;"><span style="font-family: helvetica;"><span style="font-size: medium;"><strong> </strong></span></span></p> </td> <td style="padding-left: 30px;" align="left"> <p style="text-align: justify;"><span style="font-size: small;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu massa lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed commodo nulla non eros lobortis sed convallis ante pharetra. Nulla porta sollicitudin enim, quis egestas est elementum nec. Sed mollis consequat magna, eget volutpat turpis ultrices volutpat. Integer eu odio felis. Praesent ac felis eu lacus pellentesque fermentum. Morbi sit amet diam augue. Vivamus imperdiet placerat nulla accumsan ultrices. Nullam volutpat porttitor malesuada. Sed quis velit sit amet turpis lobortis accumsan a a ipsum. Donec at tortor felis.</span></p> <p style="text-align: left;"> </p> <p style="text-align: left;"> </p> <p style="text-align: left;"> </p> <p style="text-align: left;"> </p> <p style="text-align: left;"> </p> <p style="text-align: left;"> </p> <p style="text-align: left;"> </p> <p style="text-align: left;"><span style="font-size: small;"><br></span></p> </td> <td><br></td> </tr> <tr> <td colspan="8"> <hr> </td> </tr> <tr> <td style="text-align: center;" colspan="8"> <p><span style="font-size: x-large;"><span style="text-decoration: underline;">kate mlynar</span></span></p> <p><span style="font-size: x-large;"><span style="text-decoration: underline;"><br></span></span></p> </td> </tr> <tr> <td> </td> <td colspan="5"><img title="km" src="http://www.scflyers.com/km_250px.jpg" alt="km" width="250" height="238"> <p> <object data="http://www.youtube.com/v/tz8BvSiop5Q" type="application/x-shockwave-flash" width="250" height="206"> <param name="src" value="http://www.youtube.com/v/tz8BvSiop5Q"> </object> </p> </td> <td style="padding-left: 30px; text-align: justify;" valign="top"> <p><span style="font-size: small;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu massa lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed commodo nulla non eros lobortis sed convallis ante pharetra. Nulla porta sollicitudin enim, quis egestas est elementum nec. Sed mollis consequat magna, eget volutpat turpis ultrices volutpat. Integer eu odio felis. Praesent ac felis eu lacus pellentesque fermentum. Morbi sit amet diam augue. Vivamus imperdiet placerat nulla accumsan ultrices. Nullam volutpat porttitor malesuada. Sed quis velit sit amet turpis lobortis accumsan a a ipsum. Donec at tortor felis.</span></p> </td> <td> </td> </tr> <tr> <td><img title="bottomleft" src="http://www.scflyers.com/htmlfiles/bl.gif" alt="bottomleft"></td> <td colspan="5"><br></td> <td> </td> <td><img title="bottomright" src="http://www.scflyers.com/htmlfiles/br.gif" alt="bottomright" width="20" height="20"></td> </tr> </tbody> </table> <p style="text-align: center;"><span style="color: rgb(255, 255, 255);"><span style="font-size: xx-small;"><span style="font-family: verdana,geneva;">click <a href="mailto:sarah@sternbergclarke.co.uk?subject=unsubscribe"> here</a> to unsubscribe</span></span></span></p> <p style="text-align: center;"><span style="font-size: xx-small;"><span style="font-family: verdana,geneva;"><span style="color: rgb(0, 0, 0);"><br></span></span></span></p> <p> </p> Hi all, I want to change the look of my blog, and am interested in the overlapping style shown in this example: http://etsytreasuryteam.blogspot.com...ingcolors.html I need to know how to have a main background and then the overlapping image shown in the example (the leaves and colored dots/berries(?)) Hope this makes sense! I know basic HTML, but am stumped with this one. I am still working on creating the images I am going to use. Any help with this would be MUCH appreciated. Thanks! Hi, I have a table with a background image. i want that this background image adjust itself dynamically according to the size of the table. Can this be achieved. can anyone post any technique of doing this? Thanks in advance geniuses htmlgroom |
|||||||