IRC Logs

Network: freenode Channel: #html

	Enter your search terms Submit search form
	Web www.irclog.org

[00:14]<sxzzypp>Hi there
[00:15]<eyaexj>Hi!
[00:15]<sxzzypp>Can someone help me figure out why in FF I have a border around my buttons, and in IE I do not (IE showing the way it should be): http://trilista.highmage.net/testsite1/index.php
[00:16]<eyaexj>`table stupid
[00:16]<rtfs>table stupid: http://www.hotdesign.com/seybold/everything.html
[00:16]<sxzzypp>Actually IE shows the border too, but only at the top, rather then between every button
[00:16]<eyaexj>Don't use tables for layout.
[00:16]<sxzzypp>I didn't know I did
[00:16]<eyaexj>Well, that navigation list should be a list.
[00:16]<sxzzypp>I used a little tool in Dreamweaver :)
[00:17]<eyaexj>Ah.
[00:17]<sxzzypp>let's see what happens if I rip out the table :D
[00:17]<eyaexj>Anyway, a img { border: none; } will probably fix it.
[00:18]<sxzzypp>Thanks!
[00:18]<sxzzypp>So you don't think it's the table itself, that's causing the border?
[00:18]<eyaexj>Anyway, you should use image replacement/CSS to do those rollovers, though.
[00:18]<eyaexj>Nope.
[00:18]<sxzzypp>Thanks
[00:18]<sxzzypp>As opposed by javascript?
[00:19]<eyaexj>Yep.
[00:19]<eyaexj>Try to avoid javascript when it's not necessary.
[00:19]<sxzzypp>Any reference to a tutorial on that?
[00:19]<sxzzypp>I would love to, I know crap about javascript.. I'm better with css
[00:21]<sxzzypp>Table is removed and added img {border:none;} .. with no change
[00:21]<eyaexj>Well, honestly, I don't see any borders.
[00:21]<eyaexj>`ir
[00:21]<rtfs>ir: www.mezzoblue.com/tests/revised-image-replacement/
[00:22]<sxzzypp>In FF or in IE?
[00:22]<eyaexj>Firefox.
[00:22]<sxzzypp>Interesting
[00:22]<sxzzypp>I see about 5px of white space
[00:22]<sxzzypp>between the buttons
[00:22]<eyaexj>Oh-- that's what you meant by border?
[00:23]<eyaexj>And you should still use a list for those links.
[00:23]<eyaexj>display: block; on those images will fix the problem.
[00:23]<eyaexj>`listamatic
[00:23]<rtfs>listamatic: http://css.maxdesign.com.au/listamatic/
[00:23]<sxzzypp>ah..
[00:23]<sxzzypp>Thanks!!
[00:24]<sxzzypp>brilliant!
[00:24]<sxzzypp>Thanks for your help and the references!
[01:30]<cjvrx>is there some easy way to make a whole block in a table act as a link using html?
[01:30]<cjvrx>i want so that whenever someone clicks anywhere in that <td>, he will be redirected to another page
[01:35]<znysyj>Covah: sure this is table data?
[01:35]<cjvrx>what do you mean?
[01:36]<znysyj>why are you using a table?
[01:36]<cjvrx>well, to get the layout nice :P
[01:36]<cjvrx>i could switch to divs
[01:36]<cjvrx>but i'd still need help with the same problem
[01:37]<cjvrx>cause if i do <a href="blah.htm"><div class="bleh">hello</div></a> then only the text 'hello' will be clickable
[01:37]<znysyj>you can't put a div inside an a
[01:38]<znysyj>what you'd want is an 'a', set to display: block;
[01:38]<znysyj>(with any width/height you prefer)
[01:38]<cjvrx>oh, didn't know that was possible
[01:38]<znysyj>http://validator.w3.org/ & http://jigsaw.w3.org/css-validator/ are your friends
[01:38]<cjvrx>okay i'll try it out. thanks
[01:48]<vygzdnfdzz>Hi. does <textarea> have to be inside <p> in xhtml strict ?
[01:48]<eyaexj>`html textarea
[01:48]<rtfs>html textarea: http://www.w3.org/TR/html401/interact/forms.html#edef-TEXTAREA
[01:48]<eyaexj>It might have to be in a block element.
[01:49]<eyaexj>Although I'd probably use a <fieldset> or something.
[01:51]<vygzdnfdzz>good idea
[01:51]<vygzdnfdzz><fieldset> would be a block element then ?
[01:51]<eyaexj>Yep.
[01:53]<vygzdnfdzz>how do you know it has to be in a block element ? i can't find it in the doc you provide
[01:54]<sxzzypp>Inline elements are contained by block elements :)
[01:54]<eyaexj>The validator should say so.
[01:54]<sxzzypp>I'm pretty sure the W3C specs would say that too
[01:54]<eyaexj>They do.. I just don't know where off the top of my head.
[02:01]<sxzzypp>Actually I thikn it's part of the CSS specs.. the box model
[02:10]<gzznvxzdzds>it's nothing to do with CSS
[02:12]<gzznvxzdzds>all form controls are inline-level (which is slightly different to being display:inline), which means they have to be inside a block element
[02:13]<gzznvxzdzds>and the box model is something different again, that's about how wide an element should be, mong other things
[02:20]<sxzzypp>Is a blockquote indeed a block element as the name suggests?
[02:20]<eyaexj>`html blockquote
[02:20]<rtfs>html blockquote: http://www.w3.org/TR/html401/struct/text.html#edef-BLOCKQUOTE
[02:21]<eyaexj>But yes.
[02:21]<sxzzypp>Thanks :D
[02:32]<cjvxjr>q: how does one manually overlay a graphic or image overtop another, a la google maps? I realise the interactivity is all javascript and such, but what's the actual display mechanism they primarily use?
[02:32]<gzznvxzdzds>css positioning
[02:33]<cjvxjr>and then an on* event to trigger a javascript which modifies the css positioning coordinates?
[02:49]<dz-lyguw>i wanna this text bold >> <a href="node/4">How-To</a>
[02:49]<dz-lyguw>how can i do?
[02:50]<vygzdnfdzz>http://www.w3schools.com/css/default.asp
[02:50]<znysyj>`css font-weight @ Dr-Linux
[02:50]<rtfs>Dr-Linux, css font-weight: http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight
[02:52]<dz-lyguw>reisio
[02:52]<wjjsvr>Man I love jobs that are hourly "We have all the material so just give us an hourly rate" .. then they keep changing their minds .. and I keep on charging :-)
[02:52]<mnp2dvn> hi, does someone know how to create a backgroundimage for a
[02:52]<mnp2dvn> fade out effect (from one color to another, on the left and on
[02:52]<mnp2dvn> the right of my main window that has fix width and is
[02:52]<mnp2dvn> centered)?
[02:52]<dz-lyguw>sorry, i'm not familiar with html
[02:52]<mnp2dvn>sorry for that ^^^
[02:53]<wjjsvr>Use photoshop
[02:53]<znysyj>Woosta: heheh
[02:53]<wjjsvr>Or gimp
[02:53]<znysyj>I love people with more money than sense

Back to #html
Or go to some related logs:
#azureus
#netbsd
#gentoo
#cisco
#gentoo