WebRookie2011

Hi, thanks. No, the header isn't in there at all, that is what is really confusing me. Here's the code: <style type="text/css"> #wrapper { width: 800px; margin-right: auto; margin-left: auto; } #logo { background: url(http://www.rmcweb.co.cc/woodkraft_me_page/woodkraft_logo.gif) no-repeat; float: left; height: 200px; width: 268px; border-bottom: 1px solid #666; margin-bottom: 20px; } #header { width: 532px; margin-bottom: 20px; float: left; height: 200px; border-bottom: 1px solid #666; } #header #headerTop { height: 150px; width: 532px; } #header #headerBottom { height: 16px; width: 532px; text-align: right; padding-top: 24px; font-family: Arial, Helvetica, sans-serif; color: #333; padding-bottom: 10px; } #mainContent { padding: 0px 20px 10px 10px; float: left; width: 499px; margin-right: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 2em; border-right: 1px solid #333; } #bannerAd { float: right; width: 260px; height: 300px; } #contact { float: right; width: 260px; font-family: Tahoma, Geneva, sans-serif; line-height: 2em; clear: right; } h1 { font-size: 1.5em; color: #666; font-family: Tahoma, Geneva, sans-serif; } a { color: #030; text-decoration: none; } a:hover, a:active { color: #060; text-decoration: underline; } </style> <div id="wrapper"> <div id="logo"></div> <div id="header"> <div id="headerTop"><img src="http://www.rmcweb.co.cc/woodkraft_me_page/header.gif" width="532" height="150" alt="Page header"/></div> <div id="headerBottom"><a href="#who">Who are we?</a> | <a href="#delivery">Delivery</a> | <a href="#pay">Payment</a> | <a href="#returns">Returns/refunds</a></div> </div> <div id="mainContent"> <h1><a name="who" id="who"></a>Who are we?</h1> <p>We are a business which started in 2011 that supplies a variety of products ranging from MDF freestanding letters to door knockers. Here on eBay, we will be mainly selling MDF products like shapes and letters. We have been making MDF products for many years now using our CNC Router Table. We will also be selling uPVC door panels as well as door knockers and letterboxes.</p> <h1><a name="delivery" id="delivery"></a>Delivery</h1> <p>For every order, we aim to dispatch within two days or less. For most orders we use Royal Mail, but for some larger, heavier orders, we use a courier. All smaller items are packed using jiffy bags which protects the item during postage. The larger ones will usually be packed with boxes.</p> <h1><a name="pay" id="pay"></a>Payment</h1> <p>We only accept PayPal for payment because this is the safest and easiest way to transfer money.</p> <h1><a name="returns" id="returns"></a>Returns/refunds</h1> <p>If any of our products is damaged or broken when delivered, you can contact us within 7 days of delivery and we will do our best to resolve the situation quickly and effectively. Furthermore, if you are dissatisfied with your purchase then contact us within 7 days of delivery and you can return the item for a full refund.</p> </div> <div id="bannerAd"><a href="http://www.ebay.co.uk/sch/mmc201/m.html?_nkw=&_armrs=1&_from=&_ipg=25" target="_new"><img src="http://www.rmcweb.co.cc/woodkraft_me_page/current_listings_banner.gif" alt="Click here for our listings!" width="260" height="300" /></a></div> <div id="contact"> <h1>Contact</h1> <p>If you ever want to get in touch, please use eBay messaging.</p> <p>Alternatively you can use one of these methods:</p> <p>email: <a href="mailto:woodkraftni@hotmail.co.uk">woodkraftni@hotmail.co.uk</a><br /> Phone: (028) 30 888000<br /> Fax: (028) 30 888674</p> </div> </div> How would I go about adding the CSS to target the header? I have no idea how the eBay layout works. Thanks.

After coming to the conclusion that eBay chat support is most likely a typing monkey that you are having the conversation with, I decided to give up on them and come here. My problem is with the custom header. I set my shop to the custom header layout and designed it in HTML and CSS. Heres the code, it's been a while since I done HTML/CSS and I wasn't very good anyway so its probably horrible lol: <style type="text/css"> #wrapper { height: 215px; width: 100%; margin-right: auto; margin-left: auto; } #header { height: 180px; width: 1024px; margin-right: auto; margin-left: auto; } #links { width: 730px; float: left; margin-top: 45px; } #logo { height: 180px; width: 294px; float: left; } #home { width: 184px; float: left; margin-right: 25px; margin-left: 50px; } #about { width: 184px; float: left; margin-right: 25px; } #email { width: 184px; float: left; } #bottom { clear: both; background-repeat: repeat-x; background-image: url(http://rmcweb.co.cc/ebay_shop/bottom.jpg); height: 35px; } </style> <div id="wrapper"> <div id="header"> <div id="logo"><img src="http://rmcweb.co.cc/ebay_shop/woodkraft_logo.gif" width="294" height="180" alt="WoodKraft Logo" /></div> <div id="links"> <div id="home"><a href="http://stores.ebay.co.uk/WoodKraftNI"><img src="http://rmcweb.co.cc/ebay_shop/home_button.jpg" width="184" height="95" alt="Home" border="0"/></a></div> <div id="about"><a href="http://members.ebay.co.uk/ws/eBayISAPI.dll?ViewUserPage&userid=mmc201" target="new"><img src="http://rmcweb.co.cc/ebay_shop/about_button.jpg" width="184" height="95" alt="About Us" border="0"/></a></div> <div id="email"><a href="mailto:woodkraftni@hotmail.co.uk"><img src="http://rmcweb.co.cc/ebay_shop/email_button.jpg" width="184" height="95" alt="Email Us!" border="0"/></a></div> </div> </div> <div id="bottom"></div> </div> So, if you look at my shop, it has displayed correctly and is functioning properly: http://stores.ebay.co.uk/WoodKraftNI But, take a look at my Me Page: http://members.ebay....e&userid=mmc201 I didn't even want the custom header to display in that page! Does anybody know how to stop it displaying there but keep it displayed on the shop. It's really annoying because I want to design a new Me Page. Thanks!

Oh yes, thanks for your help. One problem solved, many more to come. haha

Hi, thanks for the reply. So how would I put the picture lower in the mainContent section without having the margin? Thanks.

Hi everyone, I am designing a website for a local hotel (sorta). I want to wrap text around the photo on the home page. As you see in the attachment, text does not get wrapped around the top of the photo. Here is the CSS for the #mainContentPhoto: #mainContentPhoto { float: right; height: 300px; width: 400px; margin-top: 300px; margin-bottom: 10px; margin-left: 10px; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #000; border-right-color: #000; border-bottom-color: #666; border-left-color: #666; } Many thanks.

Hi, thanks for the reply. I could add all them special effects and will, but at the moment, i'm just looking for the basic concept of the logo. I will need a black and white logo design aswell because I will be printing the logo in B&W a lot etc. I see what you mean by it looking like the cheap Asda thing, maybe a change of font to something less basic?

Yeah, I asked them about that in the chat thing they have and couldn't get a reply, not the best customer service i've ever seen haha.

Hi, I know its been a while but I am flat out at other work, all I did on the shop was change the colours: http://stores.ebay.co.uk/WoodKraftNI?_rdc=1 what do you guys think now? Many thanks.

Hi everyone, I have this boring logo here atm: Current logo ... I was told that the green was far too bright so I changed it to this: New logo Although this looks better than the first one, I still think it is too plain and could do with a bit more creativity. Here what I sell in my eBay shop: the logo and colours are still for the old one but this is just to give you's an idea of what I sell: My eBay shop I mostly sell wood-related products that are cut on a CNC machine. I also innovate them by putting mirror etc on the front. The letterboxes and door knockers that are in the shop is just stock we have and want to sell. Any suggestions would be great. Many thanks.

Okay, I can see that my colour choices aren't great. Excuse me for being colour blind lol ... I may redesign the logo while i'm at it because I drew it up in about 5 minutes! Is this a better colour choice for it anyway?

Hi everyone, I am designing my eBay shop and have most of it done. Click here to view my shop However, when I click on a category or search keywords, it went back to the original plain design so I decided to change the header and left navigation pane to my own design. This made it look a bit better but it still dosen't have the right link and for some reason the ebay search box dosen't work except on my original design. Is there anything I can do to make the same look for all the pages? Many thanks.

Hi, I have started my first website but only have the first page done so far. I just wanted to know if there are any major errors I am making with my code so I can rectify this early and not have to do it 1000 times later on. haha. I also want to know if its any good and any improvements I could make. The footer isn't done yet and it explains that I am doing tutorials on web design on stuff, I just made that up for the sake of writing something and I do hope to do tutorials in the future anyway http://www.rmcweb.co.cc Thanks for your time, Rian

Hi, thanks so much for your help! It worked perfectly. I don't know what I would have done without this website! I don't thing i'll ever get the hang of CSS! haha Thanks again!

Hi everyone, I know, I know, just another person complaining about why styles weren't applied when they should have been. haha Here's my 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" /> <title>Untitled Document</title> <style type="text/css"> html, body { margin: 0px; padding: 0px; } h1,h2,h3,p,div,ul,li { margin: 0; padding: 0; } #wrapper { width: 900px; position: relative; margin-right: auto; margin-left: auto; margin-top: 20px; } #logo { float: left; height: 200px; width: 328px; margin-right: 5px; } #header { width: 567px; height: 103px; float: right; } #headerBottom { float: right; height: 97px; width: 567px; } #mainContent { float: left; width: 600px; margin-top: 20px; border: 1px dashed #333; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; margin-right: 20px; } #rightContent { width: 236px; float: right; margin-top: 20px; border: 1px dashed #333; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; } #mainContent,rightContent h1{ font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.3em; font-style: normal; text-align: center; border-bottom: 2px solid #333; color: #300; } #mainContent,rightContent h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.2em; font-style: normal; text-align: center; color: #630; } #mainContent,rightContent h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1.5em; font-style: normal; color: #300; } #mainContent,rightContent ul { padding-left: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.5em; font-style: normal; color: #000; } #mainContent,rightContent li { font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.5em; font-style: normal; color: #000; } #mainContent p { font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.5em; font-style: normal; color: #000; } </style> </head> <body> <div id="wrapper"> <div id="logo"> <img src="_images/WoodKraft logo-1.gif" width="328" height="200" alt="Logo" /></div> <div id="header"><img src="_images/top_banner.jpg" width="567" height="103" alt="Header" /></div> <div id="headerBottom"><img src="_images/bottomHeader.gif" width="567" height="97" alt="Bringing ideas to life" /></div> <div id="mainContent"> <h1>Freestanding Wooden MDF Letters and Numbers 12mm Thick</h1> <h2>Cheapest on eBay!</h2> <h3>Details</h3> <ul> <li> Height and width of uppercase letters are 140mm.</li> <li>All numbers are 140mm in height.</li> <li>Thickness of MDF is 12mm.</li> <li>Available in lower and uppercase.</li> <li>Made from high quality MDF and cut out on a CNC Router Table for maximum precision.</li> <li>The price is per character e.g. if you want the word "BIRTHDAY", you will need to order 8 characters.</li> <li>All characters are delivered unpainted.</li> </ul> </div> <div id="rightContent"> <h2>Delivery</h2> <p>After purchase, please send us a message via Ebay messaging stating your letters and/or numbers required. Please also include any other instructions.<br /> We gurrantee that all orderes placed and paid for before 12 noon will be dispatched the same day (excluding bank holidays and weekends) <h2>Payment</h2> <p>We accept PayPal ONLY.</p> </div> </div> </body> </html> For some reason, when I grouped "rightContent" with "mainContent" in the CSS for the h1 tags etc, some of my styles disappeared from the mainContent box. Am I doing something wrong? Does anyone have a solution to this? Also, I can't work out why rightContent shows up below mainContent. Please test this in your browsers so you can see exactly what is happening. Thank you in advance!

Hi, this is my first question here on WDF! It's just a quick question about Dreamweaver rendering, I know it renders some things wrong but this seems very basic and it still gets it wrong. Heres my code (don't worry about the design! haha! And CSS is purposely embed. Also, I don't think it has anything to do with the reset because it was happening before the reset): <!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" /> <title>Untitled Document</title> <style type="text/css"> html,body { margin: 0px; padding: 0px; } h1,h2,h3,h4,h5,h6,p,address,blockquote,div,ul,li,ol { margin: 0; padding: 0; } #wrapper { width: 900px; position: relative; margin-right: auto; margin-left: auto; } #logo { float: left; height: 200px; } #header { background: #0F0; width: 572px; height: 200px; float: right; } #mainContent { background: #00F; float: left; width: 600px; margin-top: 20px; } #banner { background: #363; width: 300px; float: right; margin-top: 20px; } </style> </head> <body> <div id="wrapper"> <div id="header">header</div> <div id="logo"> <img src="_images/WoodKraft logo-1.gif" width="328" height="200" alt="Logo" /></div> <div id="mainContent">mainContent</div> <div id="banner">banner</div> </div> </body> </html> The browser renders "banner" and "mainContent" beside eachother but when I put it into Dreamweaver, "banner" appears below "mainContent". Am I doing something wrong with the code? Thanks, WebRookie

Yeah, I love it! Is HTML5 like xHTML in that you need a closing tag for all elements etc. or it is a completely different game?

Hi everyone, as you can tell from my username, i'm new to this web design stuff but have been trying hard to learn HTML and CSS (haven't got into PHP, Javascript or anything like that yet). I learned the starters of web design by watching the Lynda.com Dreamweaver CS5 Essential Training course. They are very helpful if there are any other newbies here. I do know Photoshop and Illustrator but also want to learn how to bring that together and design great websites. I want to get the hang of the basics of web design before I jump into PHP etc. so at the minute, I am just using CSS and XHTML. I tend to be a fast learner and have always loved design (though i'm not the most creative around ) so it will be great getting to know all of you.