|
HTML - Replacing The Image Tags
This thread; plain and simple..
I want the following tags: HTML Code: background-image:url(blokje.png); background-image:url(onderkant%20curve.png); Replaced with something like this: HTML Code: <img id="pic" src="top.png" alt=""> Why? Because the top.png image is the only image that loads correctly when mail template is sent to mail recipients. Please advice, thank you. Source: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<base href="http://asitisinheavenagain.com/">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<style type="text/css">
#container{
width:711px;
margin:auto;
font-family:verdana,sans serif;
font-size:16px;
background-image:url(blokje.png);
}
#pic {
display:block;
}
#content {
padding:0 0 60px 50px;
background-image:url(onderkant%20curve.png);
background-repeat:no-repeat;
background-position:0 bottom;
}
#p-one {
font-weight:bold;
color:#410d3e;
}
#pic-one {
text-align:center;
}
#pic-one img {
width:170px;
height:190px;
}
#link {
font-size:12px;
}
</style>
</head>
<body>
<div id="container">
<img id="pic" src="top.png" alt="">
<div id="content">
<p id="p-one">
Nieuwsbrief Februari 2010
</p><p><br>
Beste Lezer van mijn eerste nieuwsbrief,
</p><p>
Graag wil ik je opmerkzaam maken op de nieuwste activiteiten van <br>
Sessio Communications.
</p><br>
<p id="pic-one">
<img src="koord.jpg" alt=""><br>
<a href="http://www.asitisinheavenagain.com">www.asitisinheavenagain.com</a>
</p><p>
Ik nodig je van harte uit om <a href="http://www.asitisinheavenagain.com">mijn website</a> te bezoeken.<br>
Reacties zijn welkom. Doorsturen naar andere belangstellenden mag. <br>
<a href="[FORWARDTOFRIEND]">Stuur deze email door naar een vriend of vriendin.</a></p><br>
</p><p>
Mocht je geen belangstelling hebben om op de hoogte te blijven van<br>
mijn verschillende workshops en trainingen dan kun je dat via de <br>
link onderaan de pagina aangeven. Je e-mail adres wordt dan verwijderd.
</p><p><br>
</p>
</p>
</div>
</div>
</body>
</html>
Similar TutorialsHi, I have a website where i am reselling. They use fixed templates so its easy to use but they include header and footer html boxes so that you can put in your own code. I have used these boxes to change my background and font colour however there are a couple of images on there that are now the wrong colour and i cant seem to figure out code to change these images, just add to them. Does anyone know of any code that replaces one image with another? thanks! Chris I have a small image (icon) which when clicked will take you to one of x number of sites via a random link generator. Here is my html where randomlink refers to a javascript routine in the head. <form> <p><input type="button" name="B1" value="Random Link >>" onclick="randomlink()"></p> </form> This works fine in returning a random website (actually one from a list). But I would like to replace the button with an image. I tried this but no joy: <form> <input type="image" onclick="randomlink()" value="Random Link >>" src="../images/icon.jpg"> </form> What am I doing wrong? Hugh If you view my site: www.vivalefrench.com you can see that I have a few dead image links. And there are a few here and there and it would take a long time to adjust...is there an easy way to add a short piece of code at the top of my index page to detect 404 images and replace them with a standard (noimage.png) file.? I have seen somthing that you can do for each individual image but I'd like to put the code at the top to save time Hey Guys, I am a graphic designer and don't know much about HTML (but am taking a class and about to start a few books). I am using tumblr right now and I am try to replace the automated header ("black atom studio") with a jpg banner. Anyone know where in the HTML I would do this and what code I would need to swap in? (the website I am working at is www.blackatomstudio.com ) (not a plug, just incase you guys need to see what I am talking about) Here is the code I need help on. http://snipplr.com/view/8582/blackatoms-tumblr/ I've read all over various ways of making the image and the text align horizontally, yet somehow I can't get the darn thing to work in my website. I'm thinking it maybe because of DIV tags I have the following code: <div class="column1"> <div class="column2"><img src="images/logo_sm.png" border=0 height=97 align="bottom"> It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of </div> <div class="clear"></div> </div> The text is still aligning to the top of the image even though I've indicated bottom alignment. What am I doing wrong or what don't I know? Please help. thanks Navs At this guys website he has his "My Personal 100% Money-Back Customer Satisfaction Guarantee" that I'm trying to recreate. It's halfway down the page. www.thecopydoctor.com this is the URL to the certificate image border: http://www.thecopydoctor.com/images/certBorder.gif I'm just getting into HTML and my best guess is he made a div tag and used that little image as the top,right,bottom & left border. He got it to repeat all around the inside of the div. When I try this in Dreamweaver I can only get the image to go along the left or the top of the div's border. Can someone help me recreate this? i'm looking for a cheap way out of making collapse/expand code. i've learned a lot of 'ghetto' techniques n thought mayb i can use something similar to the html tricks i've learned in the past. the theory i have is.. i use the title of the collapse/expand text as a link to the text below it to open and close by using the navigating tags: Code: <a name="content">opening/closing text here</a> and the title above the content: Code: <a href="#content">Title</a> to open the area of text. now my idea of a shortcut around the whole css/html/javacript combo is to make the text below it use a Code: <font size=0>content</font> at default and have the href title link change the font size to the default 9pt but I don't know if that's even possible. Is it possible with the Code: <div> tags? and if so, using that, would i still b able to make a link like that? Is it possible to trigger the action of a form with a submit button that's outside the form tags? If so, how should this example be rescripted to make the input tag work outside the form tags? [/code] <html> <body> <form name="input" action="html_form_action.asp" method="get"> First name: <input type="text" name="FirstName" value="Mickey" /><br /> Last name: <input type="text" name="LastName" value="Mouse" /><br /> <input type="submit" value="Submit" /> </form> </body> </html> [/code] I need a bit of help working out the best way to replace the frames on my website. It's been fine with frames until now, but I'm plannning to add a WordPress blog page to it and want it to show proper URLs at the top if someone links to the blog from another site. I have the blog working in the right frame offline, but I don't quite know how to solve the link problem. The menu on the left (in the left frame) needs to be there all the time for navigation around the rest of the site. At the moment it targets links into the right frame. It also needs to retain it's CSS/javascript functionality so I'm thinking refreshing the whole page each time with a new index.html won't allow the submenus to stay open. I don't think I can use CSS to have a linked page opening up on the right side as it would mean embedding the WordPress php in a CSS box somehow... I thought about iframes which might be the best idea, but am getting muddled wondering how to incorporate everything. I hope this makes sense and someone can help. The webiste is http://phybron.com Thanks. I have this problem - I want to use this tree http://www.destroydrop.com/javascripts/tree/ on my page. On the left part of the page there would be the tree menu, on the right part there would be some data (tables, navigation etc.). First I had table with 2 cells, one with tree, one with data. Unfortunatelly the tree behaved badly (was cut when unwrapped). Then i replaced the table with <div tags>. This was ok at frst Code: <div style="float:left">Tree part</div><div style="float:left">Data part</div> Problem was, that when data was too wide, they were placed below the tree and not next to the tree This is better (wrapping wide data is ok): Code: <div style="white-space : nowrap ;"> <div style="display : inline ;">Tree part</div><div style="display : inline ;">Data part</div> </div> , but there's problem too - every other choice than display:block makes the tree again behave wrongly. I don't want to relinquish that tree - it's simple to construct, has many configuration choices, remembers state by cookies etc... Does exist another choice how to replace 2 cells (side-by-side) with <div> tags ? Or do you know another good (and free) tree such as above? Thanks. I listened to the advice a member here gave me a day ago and I ditched tables and just went with CSS. It's been working great so far, the page made with CSS looks exactly like the one made with tables - except for one thing: the submenu. In this picture you can see the problem: I want the red and orange submenu on the left to extend all of the way down to the footer. Here's my CSS for the footer, header, and submenu: Code:
.subnav {position: relative; text-align: center; width: 140px; height: 100%; padding: 0px; float: left; vertical-align: middle; background-color: #FF7F00; border: 1px solid #fdaf61; border-right: 8px solid #ff0000; }
.content {margin-top: 10px; width: 560px; height: 100%; margin-left: 140px; padding: 0px; border: 0px;}
.footer {font-family: arial; color: #000000; background-color: #ff0000; font-size: 10pt; width: 100%; height: 20px; position: relative; padding-top: 5px; float: left;}
I don't want to make the .subnav (submenu)'s position to absolute because then the orange and red will extend all the way down to the page when I want it to end at the footer. Thanks in advance i have a flv movie on my webpage. it plays when you click on it. prob is that its black when the page loads since the first frame of the movie is black. i wanted to counter this by creating a jpg of same size which displays instead of the movie. visitor's would have to click on the jpg to then see the movie. how can this be acheived??? css? I recently transferred my blog from 1and1 to hostgator, and all my apostrophes have been replaced with � How can this be fixed? Hi anyone who could help ! In the following code by clicking on the right bottom corner of the image, a link to the destination site occurs. <img src="images/4ticket.jpg" border="0" usemap="#Map" width="203" height="90"> <map name="Map"> <area href="www.destination/play.php" shape="rect" coords="72, 56, 185, 77"> </map Now I would like to replace the link with a form submit button, as I need the value of the submit button (Play FREE!) to be posted to the destination site. Thanks for any help or hint Hello, I am trying to achieve something in html that im not sure is possible, but i have been told it is. If I have a line of text with a link, is it possible when someone clicks the link, the line of text changes out and a new line of text pops up? for example. if i have this: <p>hello, please click <a href="#">here</a> to change this text</p> when the user clicks the link, the line pops out and the following line pops in in its place: <p>hello, this is the new text, please click <a href="#">here</a> to change back to the old text</p> Is this possible to do with just html (html5?) and css/javascript? if so, how would i go about doing it? I appreciate any help. thank you. Ben. edit: i no longer need the text to fade, it just has to swap the lines of code on click. Hi Learning HTML Stuff.... I have a text box on my webpage. In code it is textarea tag. I want to replace this textbox with a rich-text text box. I have complete code for rich-text textbox. How can go about replacing the existing textarea code with the rich-text textbox code? I mean after replacing, will my entire code still work or i will need to do something else also? When text is entered in the box, i click the OK button, the information goes to the database. so when i replace textbox with code of rich-text textbox code, the OK button will still work ok? Hi all, I'm working on a wordpress site with nextgen plugin (not really important) My problem is this: Let's say i have this structu HTML Code: <p>
<a href="">
<img src="" />
</a>
</p>
Now if my img is 100px height, the <p> still stays 0px, and i think that's because of the <a> tag. But the <p> has to adjust its height to whatever height the <img> is. How can i achieve this? I hope you understand what i mean here Thanks already. Hi I'm currenty learning how to use div tags I was wondering if anyone had any resources on the attributes of the div tag, havent came across anything that relates to the code i am currently working on. HTML Code: <div style = "z-index:2;left:40px;top:100px;position:absolute;color:red;text:white;font-size:30pt;border:groove">
<p> Division 1 </p>
</div>
<div style = "z-index:2;left:00px;top:250px;position:absolute;color:red;text:white;font-size:30pt;border:groove">
</div>
Does div tags generally just handle borders or can u fill a division with colour as in make a rectangle or whatever? Heres some code i have been presented by my lecturer, I can read the attributes well i think but if someone could explain it i would be greatfull just to check my understanding Thanks CW hi my name is salil. m working on a website completely in .jsp all the links are called in div containers. so just wanted to ask if is it possible to use the back button of the browser in that case... if yes how can we use it? currently when i click on the back button of the browser then i go to the previous visited site. thanking all of you for your feedbacks. salil Should be something simple to figure out, I know... but I'm having some trouble with the div tags in a section of my site. What I'm trying to do is place a few images side by side, 160 pixels from the top and center alignment. It places the images 160px from top but not in the center... This is the code I'm using: <div style=" top: 160; position: absolute; z-index: 1; visibility: show; align: center; "> Why won't it work??? |
|||||||