HTML - Changing Layout Challenge Help!
i am trying to change the layout of my ecwid stores product description currently it looks like this
i want to move the description from its current position to above the sku # on the right. like this i have been able to show the change in the chrome developer tool but i can not figure out how to implement it so that the rule works correctly for every product page. the site is www.thriftybynature.weebly.com if you would like to take a look at the site live with the developer tool. im really hoping someone can help me with this i have been trying to implement this change for days with no success. ps. im using ecwids product browser within weeblys site. Similar TutorialsI'm trying to post something on a site that is blocking almost all HTML tags. As far as I know, the only tags that aren't being blocked are P, BR, A, IMG, U, B and a few other basic ones. I'm trying to post an image tag, but the image is generated from a PHP script. The site will not let me use the IMG tag with .PHP at the end of the image name. The SRC also has to end in .GIF or .JPG and cannot contain the ? anywhere in the URL, which means I can't use http://www.mydomain.com/script.php?a=image.gif I can't use SPAN or DIV or anything to do with tables or forms. I can use the P tag, but I can't use the STYLE attribute so I can't assign a background image using style sheets. So my question is, does anyone else know any way using HTML that I can include a background image or any other way to modify the URL of the IMG SRC so it doesn't use the question mark? Or is there any other way besides the STYLE attribute or the SCRIPT tag to include style sheets? Hi Everyone, I am at a loss to explain why some of my form submission markup works fine, yet slightly modified markup does not! The markup that works ok with my website is as follows: Code: <td valign="top" background="../images/nav/left_nav_top.gif" height="800" width="131"><img src="../images/nav/invisible_pixel.gif" width="131" height="1" border="0"> <img src="../images/home/left%20nave_graphic.gif" width="131" height="173"> <form name="searchform" action="store_searchresults.asp?strCategory=&strSubCategory=&strThirdCategory" method="post" onSubmit="MM_validateForm('strKeyword','','R');return document.MM_returnValue"> <IMG SRC="../images/nav/left_nav_search.gif" WIDTH=127 HEIGHT=12 ALT="" BORDER=0> <INPUT TYPE="HIDDEN" NAME="strAction" value="search"> <input style="background-color: #FFFFFF;" type="text" name="strKeyword" size="11"> <input type="image" border="0" name="imageField" src="../images/nav/top_search_gob.gif" width="24" height="22"></form></td> However the following markup on the same page does not work consistenty between different browser version. It works fine in IE but it does not work in Firefox. Firefox presents the message "Please enter a keyword" and refuses to submit the form. Code: <form name="searchform" action="store_searchresults.asp?strCategory=&strSubCategory=&strThirdCategory" method="post" onSubmit="MM_validateForm('strKeyword','','R');return document.MM_returnValue"> <input type="hidden" name="strAction" value="search"> <input type="hidden" name="strKeyword" value="LV4"> <input type="image" border="0" name="imageField" src="../images/marquee/LV4403B4.jpg" width="113" height="98"> </form> It is as though Firefox cannot see the "strKeyword" attribute. However IE has not problem with it. Any help with this will be greatly appreciated, as I am at a loss... Thanks for your time Regards David Hi...I'm a novice and trying to develop my website...having a challenge. Here's the issue, and hope that someone more advanced in this might have an idea for me: I've got an affiliate program, and want to give my affiliates some html code to add to their current website that will allow their customers to put their name and email into it which will opt them in to a newsletter that I've got. When they hit "submit" I not only want it to submit their info to my database (which I'm using through 1shoppingcart.com) I want it to open a webpage with the affiliate link to the sales page that I've got. Currently I've got the HTML for them to just sign up for a newsletter, but don't know how to adapt it to open a new window for the affiliates link at the same time. If you've got ANY ideas or want more info on what I'm working with, either post it, or you can contact me offline at jasonsimpson cox net or im me on aim at siweb63 or yahoo at givemeyourhome Thanks a ton!! Jason Hey everyone, I designed a site for a client of mine. He developed a weather radar program and he wants to sell the idea to various news organizations. The site that I'm designing is for WCBS 880 radio. Here is the test page - http://zoomradar.com/wcbs880 Anywho, this is the problem I'm having. I have two iframes on the page. One for the actual map and one for the weather forecast which we are using from the national weather service site (don't worry, we are allowed too). Here is the problem.... The forecast iframe is causing a bend/distortion in the radar map iframe about 3/4 of the way down. My client says you can't miss it and he has sent me pictures too because I can't see it myself. He says that he sees it on windows computers using the latest firefox. I'm wondering if any of you can verify this and maybe guide me towards a solution because I can't seem to figure one out. He says that the bend is in the shape of the iframe almost like it is hovering over the radar map but not really creating a mirror image??? Not sure if this makes sense to any of you. Hopefully you see what he's seeing. Any help would be greatly appreciated because I'm getting to the bottom of the barrel here. Thank you very much in advance - Dan My High School FBLA chapter is participating in a web design competition. The task was to create an online store that would sell T-shirts. We are currently using "Mal's E-commerce" shopping cart tool. So, this is my problem. I have this form: <FORM METHOD="POST" ACTION="http://ww11.aitsafe.com/cf/add.cfm" target="_self" > <INPUT TYPE="HIDDEN" NAME="userid" VALUE="D745330" /> <SELECT NAME="product"> <OPTION VALUE="Red shirt w/ logo" />Red <OPTION VALUE="Green shirt w/ logo" />Green <OPTION VALUE="Blue shirt w/ logo" />Blue </SELECT> <INPUT TYPE="HIDDEN" NAME="price" VALUE="19.95" /> <input type="submit" name="post" class="submit" value="Submit" /> </FORM> This form will submit information to mal's e-commerce, which will then generate a shopping cart preview page. (If you are confused, just put this coding into a new webpage and preview it.) All of this works fine, but instead of opening this 'shopping cart preview page' in the active window, I would like for it to open in a pop up window, with a controlled height and width, etc. I am not a form expert, but this problem has really got me.. I have tried google searching, but I have yet to find any useful suggestions. Is it even possible? I challenge all web designers to find a solution to this problem. I appreciate everyones help in advance. Hi - I am fairly new to coding but really enjoying it I am trying to create a background image effect as seen he http://www.prada.com/ and http://news.jam-factory.com/ - The background image fits to the window, without distorting the image, and bits are hidden when needed Here is my attempt: http://www.piersart.co.uk/random - but when the window is tall and thin, a black strip appears at the bottom. What am I doing wrong? I don't quite understand how to use overflow, if that is something I should be using. Do I have to use Javascript (to get window dimensions, or resize the image)? If so, how? Many thanks in advance How do i change the circled text in a browser? EDIT: Its a Pop-up.. Hi there I'm currently making a estate agency for my college project and have come into a problem I am not that great with html I much prefer programming rather than web development So here is the question how do I change a image on click of another image (for say there is 1 big image on the website and 3 smaller ones I want to change the content of the big image into the clicked smaller image) an example of this is at the following website: http://www.haart.co.uk/buying-house/...ls_160839.aspx Any help would be great thanks dave Hi everyone. Whenever i go to http://www.smokethosetires.com/ it goes to index.php. How can i get it so when i enter my url my homepage is home.php Hi, I am a bit of a beginner with HTML, so I was wondering if someone could point me in the right direction before I end up destroying our site ; ) There is a few links that I need to change the names of (for SEO reasons mainly) but don't know how to get the rest of the website to find the new link names without going through every single page and updating individually. For example: http://www.polarflamemusic.com/trumpet-lessons.html This used to be a page for teaching trumpet, but now it is for a choir. I want this button on our site to point to http://www.polarflamemusic.com/edinburgh-choir.html but I can't seem to figure out how to do this in Dreamweaver without the hours of going through every last page. Can any one offer advice? I'd be very grateful. Thanks : ) Hello HTMLforum this is my first post. I'm looking for a code that changes the title of the page constantly, like you often see on defaced webpages... Thanks I need to make it so when you click on the image map it changes the image and changes the image map. I am ONLY using html and javascript is not an option. I am shure it is something stupid... <code> <img src="image.gif" id="image" border="0" name="image" usemap="#tour" /> <map name="tour"> <area shape="circ" coords="46,39,20" onClick=" document.getElementById('image').src='flag1.jpg'; document.getElementById('image').useMap='tour2'; <!--NOT WORKING ^?!--> "> </map> <map name="tour2" id="tour2"> <area shape="rect" coords="590,325,650,408" onClick="document.getElementById('image').src='flag.jpg';"> </map> </code> why???! throwing in another random question I can't change the cursor with image maps either... onMouseOver="this.style.cursor='help'" inside my code is not changing anything... when I highlight the mouse over the image map section... Hello im new here but I need a code for html how to hide the following : when i make a link in my site like this google when u hold ur mouse on "google" u see in the left corner of your browser www.how-to-hide-this.com well is there any html code so i can keep the adresslink go to www.how-to-hide-this.com but when u keep ur mouse on google , u see in the left corner www.google.com and when u click it goes to www.how-to-hide-this.com? THe site's used in this post where example site's Dear HTML Experts, I forget the code which changed the image when, the cursor was at it? Can someone tell me the code? I'm trying to build a site where you can change the .css I found one way that works but the problem is that, when you click on a link, it automaticly changes back to the default .css file in stead of the one that the person was using... this is the code I used: <head> <link title="style1" rel="stylesheet" href="style1.css" type="text/css" /> <link title="style2" rel="alternate stylesheet" href="style2.css" type="text/css" /> <link title="style3" rel="alternate stylesheet" href="style3.css" type="text/css" /> <script type="text/javascript"> function setActiveStyleSheet(title) { var i, a, main; for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) { a.disabled = true; if(a.getAttribute("title") == title) a.disabled = false; } } } </script> </head> and in the body: <a style="cursor:pointer" onclick="setActiveStyleSheet('style1');"><img src="images/a1.jpg" alt="a1" width="30" height="30" /></a> <a style="cursor:pointer" onclick="setActiveStyleSheet('style2');"><img src="images/a2.jpg" alt="a2" width="30" height="30" /></a> <a style="cursor:pointer" onclick="setActiveStyleSheet('style3');"><img src="images/a3.jpg" alt="a3" width="30" height="30" /></a> I could use some help... Hi M8's I am struggling a bit here I am no HTML expert but I am sure someone out there will say - hey! that's easy man. I wnat to put a date on my web site that shows 10 days ahead of the live date and changes every day to maintain that gap, anyone any ideas. regards A webpage I am working on http://www.pfrieme-stumpe.de/ I want to change the framesets border either to a set value or a smaller value.. I have no idea where to change this in the code... any ideas? Thx Matt I have been a hobbyist web developer for a lil bit but I have been looking for this info but I dont think my search terms are corrent... What I want to do is make a page that has the side menu, Header, Footer. Stay the same but have links and pages that would change inside the content part of the site. Embarrassingly what I have been doing is making copies of the index file for each page . I Know there must be a better way. If someone could shed some light on my problem. Bradley |