HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
alignment
Post new topic   Reply to topic    HTML Help Forum Index -> CSS
View previous topic :: View next topic  
Author Message
quartzy



Joined: 26 Dec 2007
Posts: 413

PostPosted: Mon Oct 13, 2008 8:57 am     alignment Reply with quote

I am trying to align up all my classes so they all fit on the same levels, but I have been fiddling with them all day and cant get them to align straight. Wonder if anyone can help?
Code:


.borders {
 padding:3px;
 margin:0 0 0 2px;
 background-color:#fff;
 border: 1px solid #ddd;
 border-top:none;
 width:166px;
}
.borders2 {
 padding:3px;
 margin:0 0 0 2px;
 background-color:#fff;
 border: 1px solid #ddd;
 border-top:none;
 width:166px;
 list-style-type:decimal;
 list-style-position:inside;
}

.gray {background:#ddd;margin:0;padding:3px;width:164px;height:auto;}
ul.bullet {
list-style-image: url('../images/tribullet.gif');
list-style-type: circle;list-style-position:inside;
border: 1px solid #ddd;
border-bottom:none;
width: 166px;
padding:3px;
margin:0 0 0 2px;
background-color:#fff;
}
.sports {padding:3px;width:166px; margin:0 0 0 2px; background:#ffd700;text-align:center;font-size:1.00em;}
.sports2 {padding:3px;width:166px;margin:0 0 0 2px;background:#ddd;text-align:center;font-size:1.00em;}
.sports3 {padding:3px;width:166px; margin:0 0 0 2px; background:#25509F;text-align:center;font-size:1.00em;color:#fff;}

#leftcontent {
 float:left;
 width: 170px;
 padding: 0;
 margin:0;
}
#rightcontent {
 float:right;
 display:inline;
 width: 170px;
 padding: 0;
 margin:0 2px 0 0;
}

also it is online
http://www.quartzy.net76.net/development.html
and http://www.quartzy.net76.net/about.html
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1416
Location: Biloxi, MS

PostPosted: Mon Oct 13, 2008 2:11 pm     Reply with quote

Hi:

Need a proper DocType for you pages first of all. Then correct your coding errors. Example for just one page checked:

HTML Errors

When using id="", you can only use the same one ONCE per page. This one is used twice: " id="rightcontent" "

Post back when errors are corrected and we'll see about the problems you are having. Possible error corrections and correct DocType might solve your problems.
quartzy



Joined: 26 Dec 2007
Posts: 413

PostPosted: Mon Oct 13, 2008 2:39 pm     re Reply with quote

all my pages have the xhtml doc type, can you tell me where the do type was wrong as I cant find it, neither can I find the id=rightcontent twice.
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1416
Location: Biloxi, MS

PostPosted: Mon Oct 13, 2008 3:35 pm     Reply with quote

From validator:
Quote:
Mismatch between Public and System identifiers in the DOCTYPE declaration

This document uses an inconsistent DOCTYPE declaration. The System Identifier http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd declares the XHTML 1.0 Strict document type, but the associated Public Identifier -//W3C//DTD Xhtml 1.0 Strict//EN does not match this document type.

The recommended Public Identifier for http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd is -//W3C//DTD XHTML 1.0 Strict//EN.

The safest way to use a correct DOCTYPE declaration is to copy and paste one from the recommended list and avoid editing that part of your markup by hand.


DocTypes HERE.

ID twice on page http://www.quartzy.net76.net/development.html:

"<div id="rightcontent"><p class="borders">
<!-- AddThis Button BEGIN -->
<script type="text/javascript">addthis_pub = 'quartzy';</script>
<a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()">
<img class="indent2"src="http://s9.addthis.com/button1-addthis.gif" width="125" height="16" alt="" /></a><script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script>
<!-- AddThis Button END --></p>
<div id="rightcontent">
<h3 class="sports2">Aims</h3>

<ol class="borders2">"
quartzy



Joined: 26 Dec 2007
Posts: 413

PostPosted: Tue Oct 14, 2008 12:33 pm     re Reply with quote

thanks for the wsc doctype list, I ve bookmarked it, and did notice the two rightcontents. But it is still out. Will try with the new doctype.
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1416
Location: Biloxi, MS

PostPosted: Tue Oct 14, 2008 1:18 pm     Reply with quote

Post back if you still have problems and we'll take a closer look.
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> CSS All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial