digdre html topic
- Started
- Last post
- 67 Responses
- ********
no need for this in blog,
http://www.tomhuveners.net/html/…how do I make the grey thing 70px height and with that light 2px border
..
www. tomhuveners. net/grabup/fcce0035019eee4c3ce94...
- ********0
- acescence0
the ul has margin and padding, set it to 0
- acescence0
fyi, it's best to start with a reset. google css reset.
- ********0
* {
margin: 0px;
padding: 0px;
}Or if you're feeling thorough, Meyer reset: http://meyerweb.com/eric/thought…
- D_Dot0
border-bottom: solid 2px #color value
- ********0
- ********0
next, centering images and position it,
i.e. logo.
- ********0
could you take a look at my css:
what am I doing wrong , why is no logo in the headbar:body {
background-color:#c2d5d8;
margin: 0px; padding:0px;
}#container {
margin: 0 auto;}
#header {
margin:0px;
padding: 0px;
width: 100%;
height: 39px;
background-color:#3d3d3d;
border:0px;
border-bottom: solid 2px #646464;
image: (images/logo.png) padding:279px;
}ul#menu li {
display:inline
- acescence0
for the logo, i usually put the name as text in an anchor in an h1 for the seo biz, then i set the anchor to block, text-indent: -9000px and give it a height and width equal to my logo and make it the logo image the background.
- ********0
Yep, you're right Tom. That's CSS alright.
;)
Your last item is missing its '}' but that may just be a copy-paste error.
I recommend using the meyer reset to clear out all extraneous padding and margins. If you're just learning it'll make your life much easier.
- ********0
@7.34
The negative text indent is a great trick and can also be used for those cases when you have to use images as your top-level navigation. The apple website is a good example of this; their top-lvl nav is image-based but is still a series of list-items for text-only browsers. Best of both worlds.
- ********0
so, can anyone give me code for in html
and for in css for what acescence said? with the textindent thing
- canuck0
<cunt></cunt>
- 7point340
the main thing i think you want, tom, is this:
#header {
background: url(images/logo.png) top left no-repeat #3d3d3d;
}
and take that "image: ___;" bit out
- ********0
i don't get this,
http://www.tomhuveners.net/html/…
but are 3d3d3d and the colour is different?
and how do i move it to the exact position?
- ********0
Acescence,
where do I need to past the part?
- the pastebin link, wher do i paste it********
- found it********
- the pastebin link, wher do i paste it
- acescence0
to have the logo/nav always centered, you need another container inside the header that you center.