Welcome to the { mindfrost82.com } forums.

You are currently viewing our boards as a guest which gives you limited access to view most discussions and access our other features. By joining our free community you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so please, join our community today!

If you have any problems with the registration process or your account login, please contact contact us.

Go Back   { mindfrost82.com } > Gadget Corner > Tech Newsgroups > Software > Adobe Software > Dreamweaver
Reload this Page get rid of space below header link

Reply
 
LinkBack Thread Tools Search this Thread Display Modes
  #1 (permalink)  
Old 07-29-2008, 11:36 AM
Hydrowizard
 
Posts: n/a
get rid of space below header link
I want to get rid of the space below the h1-it seems to stay even if I do
padding 0 and margin 0 maybe I am doing it on the wrong way round-what should I
do? Thank you
<div id="block1">
<h1><a href=""><img height="131" alt="" src="images/sitelogo.gif" width="251"
/>want to rid
of margin/padding/space below this</a>
</h1>
</div>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title></title>

<style type="text/css" >
html {
padding-right: 0px; padding-left: 0px; background: #fff; padding-bottom: 0px;
margin:

0px; color: #000; padding-top: 0px
}
body {
padding-right: 0px; padding-left: 0px; background: #fff; padding-bottom: 0px;
margin:

0px; color: #000; padding-top: 0px
}
body {
font: 100% helvetica, arial, sans-serif; text-align: center
}
img {
border-right: #ddd 1px solid; border-top: #ddd 1px solid; display: block;

border-left: #ddd 1px solid; border-bottom: #ddd 1px solid
}
header img a {
border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px;

text-decoration: none
}
h1 a{
padding-bottom: 0px; font-size: 40%; text-decoration: none; color:red;
clear:both;
}
p {
padding-right: 0px; padding-left: 0px; padding-bottom: 10px; margin: 0px
20px;

padding-top: 10px
}


#header {
padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 5px
}
#header img {
border-top-width:0px; border-left-width: 0px; border-bottom-width: 0px;
border-right-width:

0px; margin-left: 15px; padding-top:0px;
}

.headertop { font-weight : bolder; font-size : 75%; margin-right : 8px;
margin-bottom: 3px;

font-style: italic; vertical-align: middle; padding-top: 15px; color: #119236;
float: right;}

#block1 {float:left; width:300px;}
#block2 {float:right; width:300px;}
#block2 p {margin:0;padding:0 0 15px 0; color:red; font: 80% tahoma, arial,
sans-serif;

font-weight: bold;}

#page {
border-right: #ddd 3px double; border-top: #ddd 3px double; margin: 0px auto;

overflow: hidden; border-left: #ddd 3px double; width: 781px; border-bottom:
#ddd 3px double;

text-align: left
}
.content {
float: left; width: 546px
}
.c1 {
background: #f9f9f9;
}
.c2 {
font-size: 80%; background: #f2f2f2; width: 346px;
}
.c2 p {
padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px 20px;

padding-top: 10px
}
.c3 {
font-size: 80%; background: #f9f9f9; width: 200px;
}



#navcontainer { padding: 0px; clear:both;
background : white;
padding : 8px 0;
}


ul#navlist {
border-top:4px solid solid #2B67EF; padding-right: 0px; padding-left: 0px;

padding-bottom: 2px; margin: 0px; padding-top: 0px; text-align: center
}
#navlist li {
background: red; float: left; display: inline; font-size: 90%; line-height:
1.7;

list-style-type: none; width:14.185%;
}
b {
display: inline; font-size: 90%; line-height: 1.7; LIST-STYLE-TYpE: none
}
#navlist a {
border-right : 1px solid #2B67EF; display : block; font: 80% tahoma, arial,
sans-serif; color

: #fff; text-align : center;
}
#navlist a:link {
background: red; color: #fff; text-decoration: none
}
#navlist a:visited {
background: red; color: #fff; text-decoration: none
}
#navlist a:hover {
background: #42C0FB; color: #fff; text-decoration: none
}
b {
padding-right: 20px; padding-left: 20px; background: red; padding-bottom:
4px; color:

#fff; padding-top: 4px
}
.clear {
clear: both
}

/* footer css */
#footer {
clear: both; border-top: #eee 1px solid; float: left; width: 100%;
text-align: center
}


</style>
</head>
<body>
<div id="page">
<div id="header">
<div id="block1">
<h1><a href=""><img height="131" alt="" src="images/sitelogo.gif" width="251"
/>want to rid

of margin/padding/space below this</a>
</h1>
</div>
<div id="block2">
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below
for those

interested.</p>
</div>

</div>
<div id="navcontainer">

<ul id="navlist">
<li><div class="topmenuitem"><a href="">Home</a> </div></li>
<li><div class="topmenuitem"><a href="">About</a> </div></li>
<li><div class="topmenuitem"><a href="">Meetings</a>
</div></li>
<li><div class="topmenuitem"><a href="">Equipment</a>
</div></li>
<li><div class="topmenuitem"><a href="">Counselling</a>
</div></li>
<li><div class="topmenuitem"><a href="">Forum</a> </div></li>
<li><div class="topmenuitem"><a href="">Contact</a> </div></li>
</ul>
</div>
<div id="wrapper">
<div class="content">
<div class="content c1">
Project</div>
<div class="content c2">
<h3>Project</h3>
</div>
</div></div>

<div class="clear"><!--&#nbsp;--></div>
<div id="footer">

</div></div></body></html>

Reply With Quote
  #2 (permalink)  
Old 07-29-2008, 03:12 PM
Murray *ACE*
 
Posts: n/a
Re: get rid of space below header link
Remove the <h1> tag completely. It makes no sense to have an image within
an <h1> container.

The gap you are seeing is probably due to both the bottom margin on the <h1>
and the top margin on the subsequent <p>.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Hydrowizard" <webforumsuser@macromedia.com> wrote in message
news:g6mrrs$f4b$1@forums.macromedia.com...
>I want to get rid of the space below the h1-it seems to stay even if I do
> padding 0 and margin 0 maybe I am doing it on the wrong way round-what
> should I
> do? Thank you
> <div id="block1">
> <h1><a href=""><img height="131" alt="" src="images/sitelogo.gif"
> width="251"
> />want to rid
> of margin/padding/space below this</a>
> </h1>
> </div>
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
> <head>
> <meta http-equiv="content-type" content="text/html;charset=utf-8" />
> <title></title>
>
> <style type="text/css" >
> html {
> padding-right: 0px; padding-left: 0px; background: #fff; padding-bottom:
> 0px;
> margin:
>
> 0px; color: #000; padding-top: 0px
> }
> body {
> padding-right: 0px; padding-left: 0px; background: #fff; padding-bottom:
> 0px;
> margin:
>
> 0px; color: #000; padding-top: 0px
> }
> body {
> font: 100% helvetica, arial, sans-serif; text-align: center
> }
> img {
> border-right: #ddd 1px solid; border-top: #ddd 1px solid; display: block;
>
> border-left: #ddd 1px solid; border-bottom: #ddd 1px solid
> }
> header img a {
> border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px;
>
> text-decoration: none
> }
> h1 a{
> padding-bottom: 0px; font-size: 40%; text-decoration: none; color:red;
> clear:both;
> }
> p {
> padding-right: 0px; padding-left: 0px; padding-bottom: 10px; margin: 0px
> 20px;
>
> padding-top: 10px
> }
>
>
> #header {
> padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top:
> 5px
> }
> #header img {
> border-top-width:0px; border-left-width: 0px; border-bottom-width: 0px;
> border-right-width:
>
> 0px; margin-left: 15px; padding-top:0px;
> }
>
> .headertop { font-weight : bolder; font-size : 75%; margin-right : 8px;
> margin-bottom: 3px;
>
> font-style: italic; vertical-align: middle; padding-top: 15px; color:
> #119236;
> float: right;}
>
> #block1 {float:left; width:300px;}
> #block2 {float:right; width:300px;}
> #block2 p {margin:0;padding:0 0 15px 0; color:red; font: 80% tahoma,
> arial,
> sans-serif;
>
> font-weight: bold;}
>
> #page {
> border-right: #ddd 3px double; border-top: #ddd 3px double; margin: 0px
> auto;
>
> overflow: hidden; border-left: #ddd 3px double; width: 781px;
> border-bottom:
> #ddd 3px double;
>
> text-align: left
> }
> .content {
> float: left; width: 546px
> }
> .c1 {
> background: #f9f9f9;
> }
> .c2 {
> font-size: 80%; background: #f2f2f2; width: 346px;
> }
> .c2 p {
> padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px
> 20px;
>
> padding-top: 10px
> }
> .c3 {
> font-size: 80%; background: #f9f9f9; width: 200px;
> }
>
>
>
> #navcontainer { padding: 0px; clear:both;
> background : white;
> padding : 8px 0;
> }
>
>
> ul#navlist {
> border-top:4px solid solid #2B67EF; padding-right: 0px; padding-left:
> 0px;
>
> padding-bottom: 2px; margin: 0px; padding-top: 0px; text-align: center
> }
> #navlist li {
> background: red; float: left; display: inline; font-size: 90%;
> line-height:
> 1.7;
>
> list-style-type: none; width:14.185%;
> }
> b {
> display: inline; font-size: 90%; line-height: 1.7; LIST-STYLE-TYpE: none
> }
> #navlist a {
> border-right : 1px solid #2B67EF; display : block; font: 80% tahoma,
> arial,
> sans-serif; color
>
> : #fff; text-align : center;
> }
> #navlist a:link {
> background: red; color: #fff; text-decoration: none
> }
> #navlist a:visited {
> background: red; color: #fff; text-decoration: none
> }
> #navlist a:hover {
> background: #42C0FB; color: #fff; text-decoration: none
> }
> b {
> padding-right: 20px; padding-left: 20px; background: red; padding-bottom:
> 4px; color:
>
> #fff; padding-top: 4px
> }
> .clear {
> clear: both
> }
>
> /* footer css */
> #footer {
> clear: both; border-top: #eee 1px solid; float: left; width: 100%;
> text-align: center
> }
>
>
> </style>
> </head>
> <body>
> <div id="page">
> <div id="header">
> <div id="block1">
> <h1><a href=""><img height="131" alt="" src="images/sitelogo.gif"
> width="251"
> />want to rid
>
> of margin/padding/space below this</a>
> </h1>
> </div>
> <div id="block2">
> <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced
> below
> for those
>
> interested.</p>
> </div>
>
> </div>
> <div id="navcontainer">
>
> <ul id="navlist">
> <li><div class="topmenuitem"><a href="">Home</a>
> </div></li>
> <li><div class="topmenuitem"><a href="">About</a>
> </div></li>
> <li><div class="topmenuitem"><a href="">Meetings</a>
> </div></li>
> <li><div class="topmenuitem"><a href="">Equipment</a>
> </div></li>
> <li><div class="topmenuitem"><a href="">Counselling</a>
> </div></li>
> <li><div class="topmenuitem"><a href="">Forum</a> </div></li>
> <li><div class="topmenuitem"><a href="">Contact</a> </div></li>
> </ul>
> </div>
> <div id="wrapper">
> <div class="content">
> <div class="content c1">
> Project</div>
> <div class="content c2">
> <h3>Project</h3>
> </div>
> </div></div>
>
> <div class="clear"><!--&#nbsp;--></div>
> <div id="footer">
>
> </div></div></body></html>
>

Reply With Quote
  #3 (permalink)  
Old 07-29-2008, 03:57 PM
Michael Fesser
 
Posts: n/a
Re: get rid of space below header link
..oO(Murray *ACE*)

>Remove the <h1> tag completely. It makes no sense to have an image within
>an <h1> container.

Depends:

<h1><img src="heading.png" alt="heading text"></h1>

It's proper and reliable markup for a graphical heading. Works always,
even in text browsers.

But in this case it's not a heading at all, but just the site logo
(according to the filename). Since a logo is not a heading usually,
the 'h1' should be removed and used somewhere else.

>The gap you are seeing is probably due to both the bottom margin on the <h1>
>and the top margin on the subsequent <p>.

Yep. Both would have to be adjusted in order to remove the gap.

Micha
Reply With Quote
Reply

  { mindfrost82.com } > Gadget Corner > Tech Newsgroups > Software > Adobe Software > Dreamweaver

« Previous Thread | Next Thread »

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are Off
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT. The time now is 06:58 AM.

Contact Us - { mindfrost82.com } - Archive - Top

Powered by vBulletin, Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.1.0 ©2007, Crawlability, Inc.
© 1999-2008 mindfrost82.com v11.0


Sponsors:
ADHD Coach | Free Ringtones | Car Parts and Accessories | Free Ringtones | Loan



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114