You are here: Re: css adding breaks « HTML « IT news, forums, messages
Re: css adding breaks

Posted by iamdave on 01/18/08 17:09

On Jan 18, 11:57 am, Michael Fesser <neti...@gmx.de> wrote:
> .oO(iamdave)

> It's something else in your code, so please post a URL.
>
>
> Micha

Haven't published it. Here's the page code.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/
TR/html4/strict.dtd">
<html>
<head>
<title>Layout 13</title>
<meta http-equiv="content-type" content="text/html;
charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #ffd700}
div#content p{line-height:1.4}
div#navigation{background:#000000}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#wrapper{float:left;width:100%}
div#content{margin-left: 130px; margin-right: 200px}
div#navigation{float:left;width:125px;margin-left:-100%}
div#extra{float:left;width:200px;margin-left:-200px}
div#footer{clear:left;width:100%}
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1>new pics will go here</h1>
</div>
<div id="wrapper">
<div id="content">
<p>text</p>
</div>
</div>
<div id="navigation">
<p><strong>2) Navigation here.</strong><p><a href="http://
the316band.com/contact.htm"><img src="/images/316-contact.gif"
width="75" height="75" border="0"></a><br>
<a href="http://the316band.com/schedule.htm"><img src="/images/316-
events.gif" width="75" height="75" border="0"></a><br>
<a href="http://the316band.com/listen.htm"><img src="/images/316-
audio.gif" width="75" height="75" border="0"></a><br>
<a href="http://the316band.com/pictures.htm"><img src="/images/316-
pics.gif" width="75" height="75" border="0"></a><br>
<a href="http://the316band.com/bios.htm"><img src="/images/316-
bios.gif" width="75" height="75" border="0"></a><br>
<a href="http://the316band.com/purpose.htm"><img src="/images/316-
purpose.gif" width="75" height="75" border="0"></a><br>
<a href="http://the316band.com/links.htm"><img src="/images/316-
links.gif" width="75" height="75" border="0"></a><br>
<a href="http://the316band.com"><img src="/images/316-home.gif"
width="75" height="75" border="0"></a></p>
</div>
<div id="extra">
<p>text.</p>
</div>
<div id="footer"> <p align="center"><a href="/contact.htm"><font
color="#FFFFFF">contact </font></a> | <a href="/schedule.htm"><font
color="#FFFFFF">schedule </font></a> | <a href="/listen.htm"><font
color="#FFFFFF">listen</font></a> | <a href="/pictures.htm"><font
color="#FFFFFF">pics</font></a> | <a href="/bios.htm"><font
color="#FFFFFF">bios</font></a> | <a href="/purpose.htm"><font
color="#FFFFFF">purpose</font></a> | <a href="/links.htm"><font
color="#FFFFFF">links</font></a> | <a href="http://
the316band.com"><font color="#FFFFFF">home</font></a><br>
<a href="/are_you_saved.htm"><font color="#FFFFFF">Are
you saved?</font></a> | <a href="/need_peace.htm"><font
color="#FFFFFF">Need
peace?</font></a> </p>
<p align="left">Copyright 2008 The 3:16 Band - all rights reserved</
p></div>
</div>
</body>
</html>

The bottom footer is the where problem #1 arises. Problem #2 was on
the left side nav. But I seem to be able to get around that by
restricting the width of that column.

Thanks a lot! :-)

Dave

 

Navigation:

[Reply to this message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация