213 Posted Topics
 | You have to have a set height with a px or em unit. Otherwise you're saying [ICODE]height: 70%;[/ICODE] should be 70% of nothing, which equals nothing. Just throw it in a [ICODE]body[/ICODE] selector. [CODE]body { width: 100%; height: /* xem/xpx */;}[/CODE] Regards Arkinder  |
 | Toby is doing something similar to your shopping cart idea. [URL="http://www.daniweb.com/web-development/web-design/html-and-css/threads/375723"]Read[/URL] through it and should help you get a better idea about where to start. Some more tutorials: [URL="http://htmldog.com/"]HTML Dog[/URL], [URL="https://developer.mozilla.org/en-US/"]Mozilla Developer Network[/URL], [URL="http://code.google.com/edu/submissions/html-css-javascript/"]Google Code University[/URL]. Regards Arkinder |
| | Or, you could actually help the OP by not repeating what iamthwee has already said. Regards Arkinder |
 | Each division's child elements needs to be inline too. [CODE]div>div { display: inline;}[/CODE] [B]EDIT[/B]: Should you choose to use inline-block. It isn't supported by IE7 because of a few properties that only exist in the IE7 browser. To fix it, add [ICODE]zoom: 1;[/ICODE] and [ICODE]*display: inline;[/ICODE] along with [ICODE]display: inline-block;[/ICODE]. … |
| | Remove the [ICODE]lte[/ICODE]. [CODE]<!--[if IE x]> <![endif]-->[/CODE] Regards Arkinder |
| | Do you have any previous experience? Some tutorials: [URL="http://htmldog.com/"]htmldog[/URL], [URL="https://developer.mozilla.org/en-US/learn/css"]Mozilla[/URL], [URL="http://code.google.com/edu/submissions/html-css-javascript/"]Google[/URL]. Regards Arkinder |
| | Alright, so if you really want to learn the language. You have to use it. So by just giving you the markup and CSS you wouldn't actually gain much. So instead, I'm going to walk you step by step through the thought process, and then help you with markup and … |
| | [CODE].three a { width:100%; height:100%; position:absolute; }[/CODE] The question to ask here is: 100% of what? The answer: The browser window. Give [ICODE].three[/ICODE] a set width. Regards Arkinder |
| | Use [URL="http://tools.dynamicdrive.com/favicon/"]this[/URL] to make sure that your icon is 16x16 pixels and using a 16 color palette. After, try doing a direct link to your favicon, i.e. [url]http://site.com/favicon.ico[/url] As long as that works, continue using the markup you have been. It can take a few days for a favicon to … |
| | [ICODE].floatleftbox[/ICODE] is being floated left, which removes it from the normal flow of the page. Also, it's pointless to have [ICODE]display: inline;[/ICODE] and [ICODE]float: left;[/ICODE]. The float will be the only one taken into account. The reason this is happening is because of [ICODE]margin: 100px auto;[/ICODE] The browser is just … |
| | Hi mundee, Welcome to Daniweb! To start, you need a good foundation in HTML and CSS. I recommend the following tutorials: [URL="http://htmldog.com/"]HTML Dog[/URL], [URL="https://developer.mozilla.org/en-US/docs"]Mozilla[/URL], [URL="http://code.google.com/edu/submissions/html-css-javascript/"]Google[/URL], and of course anything that the [URL="http://www.w3.org/standards/webdesign/htmlcss"]W3C[/URL] has to say. Unfortunately without seeing the markup from the template I can't give you an exact answer. … |
| | The correct syntax for the background property is: [ICODE]background: url('Images/header.gif') no-repeat;[/ICODE] Also, file paths are case-sensitive. So you have a folder named Images in the same folder as the HTML/CSS document with this CSS rule? Regards Arkinder |
| | Re: Highlight button The browser adds its own margin and padding by default. To remove this use a universal rule to reset the margin and padding for every element. [CODE]* { margin: 0; padding: 0; }[/CODE] Your problem was a little vague, so if this didn't answer it then please be a little … |
| | Re: validate problem 15 years later, tables for layout with an HTML5 doctype... *sigh* If your form is not functioning correctly, it is probably because of your JavaScript, not because of your outdated HTML markup. Please be more specific when asking questions, and post in the [URL="http://www.daniweb.com/web-development/javascript-dhtml-ajax/117"]correct[/URL] forum. Regards Arkinder |
| | [URL="http://tinyurl.com/3wr4ccb"]Have fun[/URL]. Regards Arkinder |
| | The padding is causing the two elements to exceed the 980px width. Increase the width and it should stay. Regards Arkinder  |
 | |
 | I really hope that whomever is employing you for this is paying you exceptionally well. I've never heard of a client that asks for deprecated techniques from 1996. Regards Arkinder |
| | All of IE's bug are known, as well as the fixes. So it's not really a big deal. Which versions of IE aren't displaying correctly? Regards Arkinder |
| | This is not possible with HTML or CSS. You would need a server-side language like PHP. Regards Arkinder |
| | Re: <br> and <br /> [QUOTE=urtrivedi;1610772]we must practise to do it in correct format. Better you use <br /> <img />. Though it will not change layout, if you do not add space and slash.[/QUOTE] This is incorrect. XHTML is [B][U]NOT[/U][/B] HTML. If it was, then XHTML would be called HTML5. If your page is … |
| | Let's take this one step at a time. Have you tried to create this layout with CSS? If so, what couldn't you get to work? Regards Arkinder |
| | What browser are you having this problem in? Regards Arkinder |
| | They are simply the different versions of CSS. Currently CSS2 is the latest officially released version of CSS, and is what should be generally used. CSS3 is the newest version of CSS, but is still being made. Some properties from CSS3 are supported but very few. No, you would use … |
| | To add to what almostbob has said. [QUOTE]The doctype is the set of rules you are telling the browser you are using to create the page. Change the doctype, change the rules. - doc[/QUOTE] Regards Arkinder |
| | Re: Image on Image First you need use a strict doctype. Using anything but on any new page is just lazy. Also, if you aren't parsing XML data, then you shouldn't be using XHTML syntax. To center the boxes you need to use [ICODE]margin: 0 auto;[/ICODE] and make sure that both elements have a … |
 | Start with [URL="http://validator.w3.org/"]validating[/URL] your page. Then stop using tables for layout and deprecated attributes. Regards Arkinder |
| | Re: Iframe help You would need a server-side language like PHP for this. You shouldn't use iFrames for anything, ever. Regards Arkinder |
| | Most forums use [URL="http://www.vbulletin.com/"]vBulletin[/URL], hence the consistant theme. Yes, a list could work - if done properly. While this could make reading easier for screen-readers, it would have the adverse effect on web developers. Hunting through a giant list would be a lot more difficult; assuming that you coded the …  |
| | You should never use tables for layout. It is an outdated technique from 1996. The problem is from [ICODE]margin: 0;[/ICODE] in this CSS rule. [CODE]ul#menu { background: url("../img/menu-bg.gif") repeat-x scroll left top #FFFFFF; font-family: "Lucida Grande",Verdana,sans-serif; font-size: 0.8em; font-weight: bold; height: 43px; list-style-type: none; margin: 0; padding: 0; width: 100%; … |
| | Please keep in mind that Firefox, and any other browser, should be used for testing before IE. Firefox is only displaying what you've told it to. Make sure that you include a doctype, otherwise you're playing around in quirks mode. Regards Arkinder |
| | Neither. HTML5 is still really new, and you'll never get support from Internet Explorer. If your page isn't parsing XML data then you shouldn't use XHTML. HTML 4.01 is still the latest fully released version of HTML, and is what you should be using. Please keep in mind that XHTML … |
 | The form isn't on the link that you provided. If the layout is broken in Firefox then your friend is using bad practices when designing. Firefox is the official browser of the W3C, and should always be the initial test browser. There are several things wrong with the markup, but … |
| | Never, ever, use any version of Internet Explorer as a test browser. It is 8+ years behind web standards, and this is exactly what happens when you do. You're also using tables for layout, which is an outdated technique from 1996. Firefox, Safari, and Chrome are only displaying what you … |
| | [QUOTE=samsnov;1610128]25.Please can someone tell me: in Dreamweaver using AP Elements to create columns and move it to ones choice is too easy and simple than that of div but div still remain the dominated option for creating columns, I want to know ,is there any disadvantage in sing AP Element … |
| | [QUOTE=JCarlson;1610002]Isn't there a way to tell this element it should have 100% width or height - px of the fixed element?[/QUOTE] Not with HTML or CSS alone. I'm sure the fix you're looking for is easy enough. If you have a link to a test page that would be great. … |
| | First off, I just want to mention that your header is a little off. You'll see what I mean [URL="http://fiddle.jshell.net/tobeeornot/fgHga/show/"]here[/URL]. What TerryJuneJr suggested will work fine. You just need to make a few changes so you can actually do it. Place the text in a division on its own. [CODE]<div … |
| | This belongs in the [URL="http://www.daniweb.com/web-development/php/17"]PHP[/URL] forums. Regards Arkinder |
| | First you need a doctype. No browser will work correctly without one. [CODE]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html>[/CODE] It's not taking up the full width because you're using [ICODE]display: inline;[/ICODE] Inline only allows the element to use the width and height that it is actually taking up, while … |
 | Regardless, this has nothing to do with HTML or CSS. It's a problem with both. Try renaming .htaccess to .htaccess.old and retry the McAfee verification. If that works then follow the verification process at the end. And rename your .htaccess.old file back to .htaccess Regards Arkinder |
| | [URL="http://tinyurl.com/4xdoxa6"]Option one[/URL]. [URL="http://tinyurl.com/3bztgko"]Option two[/URL]. If you choose option two, make sure it actually says that you can use it. Regards Arkinder |
| | If I'm understanding you correctly, which I sort of doubt that I am. You would include the header, navigation, footer in each page. Keep in mind that if you aren't parsing XML data that you shouldn't even be using XHTML. It is [B][U]NOT[/U][/B] HTML, or the replacement for HTML. Regards … |
| | Please post the complete markup or a link to a test page, otherwise we're left to stab in the dark for problems. The [ICODE]<u>[/ICODE] and [ICODE]<b>[/ICODE] tags are deprecated and shouldn't be used. Also, the [ICODE]style[/ICODE] tag and CSS belongs in your [ICODE]head[/ICODE] section. Try decreasing the [ICODE]height[/ICODE] value of … |
| | Give each set of links a class and then use CSS. For basic links/Body links as you called them [CODE] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi … |
| | This depends on how you're storing [ICODE]pollvotes[/ICODE]. Regardless, you could store it in a variable as a string or array, then echo it to the results page. Regards Arkinder |
| | This is easy enough to fix, but before going straight to the problem there are several things that can be done to make things a little easier. I'm going to try to change your markup as little as possible, and making the changes red. Let's begin with the [ICODE]header[/ICODE] section. … |
| | Re: Flv into HTML Try stripping it down and seeing if it works with [URL="http://kb2.adobe.com/cps/415/tn_4150.html"]this[/URL]. Regards Arkinder |
| | HTML is only the structure of a web page. CSS is what styles it. It is kind of like HTML is the architect and CSS is the interior designer. To make a modern web page you will need both. Start [URL="http://htmldog.com/"]here[/URL]. If you need any help feel free to post … |
| | Use the [ICODE]vertical-align[/ICODE] property while displaying the caption [ICODE]inline-block[/ICODE]. [CODE]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> #captionedImages {list-style-type: none;} .section {width: 1100px; padding: 50px; border-bottom: 1px solid #000;} .randomImages {vertical-align: middle; margin-right: 100px;} .caption {display:inline-block; width: 400px;} </style> </head> <body> <ul … |
| | Re: Layout problem. I'm entirely too confused by this thread. To fix your original issue [URL="http://183.78.169.53/tyre2/page4.html"]here[/URL]... Remove these: [CODE]style="margin: 0; padding 0;"[/CODE] And just add this to your CSS: [CODE]* {margin: 0; padding: 0;}[/CODE] Remove the [ICODE]float: left;[/ICODE] from: [CODE]<div class="image"style="float:left;display:inline">[/CODE] Change the value of top to -9. [CODE].image h6 { color: #FFFFFF; … |
The End.