- This topic is empty.
-
Ok im gonna list my code after i explain my problem, first everything works fine in IE only thing i can do, is figure out why i cant center my navigation its to the left of the the width in center of page is 765 instead of being centered inside its to the left of it, but not agenst the browser window just in the container i try to add like a spacer image and nothing is working it will not move over something i try dont even do anything other bump it down a line which makes the backround not line up..
2nd problem is nothing work in firefox the header is ok the body bg is ok, the navigation one ONE buton shows up the news button hover work good but only has one button and in the content the side bar is overlapping the main conent and all the way to the left of container.
Code:
moppie:illusions.com graphic & web design studio /// news Origins
Tim Berners-LeeIn 1980, physicist Tim Berners-Lee, who was an independent contractor at CERN, proposed and prototyped ENQUIRE,
a system for CERN researchers to use and share documents. In 1989, Berners-Lee and CERN data systems engineer Robert Cailliau
each submitted separate proposals for an Internet-based hypertext system providing similar functionality. The following year,
they collaborated on a joint proposal, the WorldWideWeb (W3) project,[1] which was accepted by CERN.[edit] First specifications
The first publicly available description of HTML was a document called HTML Tags, first mentioned on the Internet by Berners-Lee in late 1991.[2][3] It describes 22 elements comprising the initial, relatively simple design of HTML. Thirteen of these elements still exist in HTML 4.[4] HTML is a text and image formatting language used by internet browsers to dynamically format web pages. The semantics of many of its tags can be traced to early text formatting languages such as runoff. Runoff was developed in the early 1960s for the CTSS (Compatible Time-Sharing System) operating system, and its formatting commands were derived from the commands used by typesetters to manually format documents. Runoff was later incorporated into the UNIX operating system in more advanced formatting programs such as roff, nroff, and troff.
Berners-Lee considered HTML to be, at the time, an application of SGML, but it was not formally defined as such until the mid-1993 publication, by the IETF, of the first proposal for an HTML specification: Berners-Lee and Dan Connolly’s “Hypertext Markup Language (HTML)” Internet-Draft, which included an SGML Document Type Definition to define the grammar.[5] The draft expired after six months, but was notable for its acknowledgment of the NCSA Mosaic browser’s custom tag for embedding in-line images, reflecting the IETF’s philosophy of basing standards on successful prototypes.[6] Similarly, Dave Raggett’s competing Internet-Draft, “HTML+ (Hypertext Markup Format)”, from late 1993, suggested standardizing already-implemented features like tables and fill-out forms.[7]
After the HTML and HTML+ drafts expired in early 1994, the IETF created an HTML Working Group, which in 1995 completed “HTML 2.0”, the first HTML specification intended to be treated as a standard against which future implementations should be based.[6] Published as Request for Comments 1866, HTML 2.0 included ideas from the HTML and HTML+ drafts.[8] There was no “HTML 1.0”; the 2.0 designation was intended to distinguish the new edition from previous drafts.[9]
Further development under the auspices of the IETF was stalled by competing interests. Since 1996, the HTML specifications have been maintained, with input from commercial software vendors, by the World Wide Web Consortium (W3C).[10] However, in 2000, HTML also became an international standard (ISO/IEC 15445:2000). The last HTML specification published by the W3C is the HTML 4.01 Recommendation, published in late 1999. Its issues and errors were last acknowledged by errata published in 2001.
AshStar modeling agency was the most recent design a developed website. The site contains dynamic information, and flash gallery animation. Also includes a blogg system along with Forms for applying to try and become a model which once submits is put into a database and automaticly email a noticed of submittion to the agencies managment team.
HTML CODE:CSS Code:
Code:/*
AUTHOR: Chris Cardarellohttp://www.moppieillusions.com
[email protected]
[email protected]*/
/*reset an basic setup*/
*{margin: 0px; padding: 0px;}
html {overflow-y: scroll;}body {
font-size: 62.5%;
font-family: Arial;
background: url(images/topbg.png) repeat-x top #FFFFFF;
}ul{list-style: none;}
p{font-size: 1.2em;}
a{outline: none;}
a img {border: none;}
/*end reset*//*toolbox*/
.clear{clear: both;}
.floatleft{ float: left;}
.floatright{ float: right;}/*page wrap settings*/
div#page-wrap{
width: 765px;
margin:0 auto;
}/*header settings*/
div#header{
width:765px;
height:137px;
border: none;
background: url(images/headerbg.jpg) center top no-repeat;
}/*spacer between nav & content*/
div#spacer{
height: 40px;
}/*main content*/
div#content{
width:490px;
float: left;
}
div#content.sidecontent{
padding-left: 4px;
}/*sidebar settings*/
div#sidebar{
width: 245px;
float: right;
position: absolute; top right;
padding: 0px 18px 4px 4px;
}/*navigation system start*/
ul#nav {
list-style: none;
}
ul#nav li{
width: 785px;
display: inline;
}
ul#nav li a{
display: block;
height: 44px;
text-indent: -9999px;
float: left;
}
ul#nav li.news a {
width:75px;
background: url(images/newsbutton.jpg) bottom center no-repeat;
}
}
ul#nav li.about a {
width:106px;
background: url(images/aboutusbutton.jpg) bottom center no-repeat;
}
}
ul#nav li.services a {
width:90px;
background: url(images/servicesbutton.jpg) bottom center no-repeat;
}
}
ul#nav li.portfolio a {
width:99px;
background: url(images/portfoliobutton.jpg) bottom center no-repeat;
}
}
ul#nav li.quote a {
width:101px;
background: url(images/getquotebutton.jpg) bottom center no-repeat;
}
}
ul#nav li.contacts a {
width:98px;
background: url(images/contactsbutton.jpg) bottom center no-repeat;
}
ul#nav li a:hover{
background-position: top center;
}/*end of navigation system*/
/*footer settings*/
div#footer {
background: url(images/footerbg.jpg) repeat-x bottom;
height: 150px;
color: black;
padding: 30px 0 0 0;
text-transform: uppercase;
text-align: center ;
position: relative bottom;
font-weight: bold;
}
div#footer p.copyright{
position: relative; bottom: -95px;
}/* end foot settings*/
- The forum ‘CSS’ is closed to new topics and replies.
