The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Some help
sanoj96
post Sep 22 2012, 04:21 PM
Post #1


Member
***

Group: Members
Posts: 39
Joined: 18-September 12
Member No.: 17,803



Hello agein, i have a new problem with my website, but i cant find out what the problem is,

Okey i will try to get the advertiment box out of the "this is a test123" boxon the left side, but i do not know how i can fix it, because i am still going to school....

here is the website url http://sanoj96.com/NewThem/index.html and plz HELP ME


--------------------
IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 23 2012, 05:00 AM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 13,726
Joined: 9-August 06
Member No.: 6



Don't float the ad.
HTML
<div style="float: right" id="advertisement">


You have many structural errors that can mess up the page. Put a doctype on, XHTML 1.0 Strict looks fitting. Then use the validator to find the errors and correct them. Ask if you don't understand some of the errors.
http://htmlhelp.com/tools/validator/doctype.html
http://htmlhelp.com/tools/validator/


--------------------
“Never go to excess, but let moderation be your guide.”
– Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
sanoj96
post Sep 23 2012, 12:29 PM
Post #3


Member
***

Group: Members
Posts: 39
Joined: 18-September 12
Member No.: 17,803



okey i romved that.... and it looks like this now http://sanoj96.com/NewThem/index.html and my advertisment css style looks like this
CODE
div#advertisement {
        border-radius: 10px;
        background: #CCC;
        border-color: black;
        border-width: 1px;
        border-style: solid;
        width: 11%;
        margin-top: 100px;
        margin-right: 5px;
        padding: 5px 5px 5px 5px;
        box-shadow: 0px 0px 3px #0CCEF5;
        transform-style:flat;
        position: right;
        right: 5px;
        margin-bottom: 10px;
   }


but it wont go to right.... what can i do ?


--------------------
IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 23 2012, 01:49 PM
Post #4


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 13,726
Joined: 9-August 06
Member No.: 6



Well, one way is to float it, but you need to do things a little differently. But fix those errors first. It's pointless to mess with it before you've cleaned it up.


--------------------
“Never go to excess, but let moderation be your guide.”
– Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
sanoj96
post Sep 23 2012, 01:50 PM
Post #5


Member
***

Group: Members
Posts: 39
Joined: 18-September 12
Member No.: 17,803



I dont understand the erros ...


--------------------
IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 23 2012, 03:13 PM
Post #6


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 13,726
Joined: 9-August 06
Member No.: 6



OK. I'll help you. But you need to put the docype in first, or the errors won't be meaningful. Go find the one I suggested (follow the link), copy it and paste it at the very top of the document, before anything else.


--------------------
“Never go to excess, but let moderation be your guide.”
– Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
sanoj96
post Sep 23 2012, 03:25 PM
Post #7


Member
***

Group: Members
Posts: 39
Joined: 18-September 12
Member No.: 17,803



okey done.... i pasted in


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">


--------------------
IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 23 2012, 03:56 PM
Post #8


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 13,726
Joined: 9-August 06
Member No.: 6



You'll get a lot of errors with that doctype. Becuase what your markup uses XHTML syntax. All those closing slashes, like <img src="..." /> instead of <img src="..."> makes it XHTML, not HTML. Either use the XHTML doctype I suggested or you will need to remove all the slashes. Which isn't a bad idea, actually.


--------------------
“Never go to excess, but let moderation be your guide.”
– Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
sanoj96
post Sep 23 2012, 04:44 PM
Post #9


Member
***

Group: Members
Posts: 39
Joined: 18-September 12
Member No.: 17,803



now is it a XHTML


--------------------
IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 23 2012, 05:08 PM
Post #10


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 13,726
Joined: 9-August 06
Member No.: 6



Good. Let's see then. smile.gif
http://www.htmlhelp.com/cgi-bin/validate.c...s&input=yes

CODE
Line 3, character 6:
<head>
     ^Error: element head not allowed here; assuming missing html start-tag


In HTML you can leave some tags out (even if I personally think that's a bad idea). In XHTML you cannot. You don't have a start tag for HTML and that's what the validator complains about, because HEAD must be contained in HTML. Apart from the doctype you must have the below.
HTML
<html>
<head>
<title>My Title</title>
</head>

<body>
<!-- Everything that's visible on the page -->
</body>
</html>



CODE

Line 21, character 20:
                <td align="right">
                                 ^Error: element td not allowed here; check which elements this element may be contained within


You can't have a TD on its own. It must be part of a complete table. That TD shouldn't be there at all.

CODE
Line 32, character 120:
... /twitteroff.png" onMouseOver="this.src='http://sanoj96.com/f ...
                                 ^Error: there is no attribute onMouseOver for this element (in this HTML version)


In XHTML all element and attribute names (as for example onmouseover) must be in lower case. In HTML it doesn't matter.

That was the first three. Let's see where you get with that.


--------------------
“Never go to excess, but let moderation be your guide.”
– Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
sanoj96
post Sep 24 2012, 09:39 AM
Post #11


Member
***

Group: Members
Posts: 39
Joined: 18-September 12
Member No.: 17,803



Okey, i thnk i have fixed it .... but tell me if i have or if i havent....


--------------------
IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 23rd May 2013 - 06:13 AM