Web Dev Questions That Don't Need Their Own Thread v4 - Developers

I doubt it, at default when you create a new script, the w3 bit is always without. Here's what it shows when you create a new style for facepunch.com: [CODE] @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("facepunch.com") { } [/CODE] [editline]7th May 2013[/editline] And with quotes it still doesn't work.

[QUOTE=DrunkOtter;40557898]So a guy in the Forum Changes thread in GD posted a script so you could edit the line at the top of the page. I can't get it to work. This is the script: [CODE] #header { border-bottom: 5px solid rgba(192, 0, 15, 0.82); box-shadow: 0 5px 32px rgba(0, 0, 0, 0.74); height: 90px; overflow: hidden; [/CODE] And this is how I'm trying to use it in Stylish: [CODE] @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("facepunch.com") { #header { border-bottom: 5px solid rgba(192, 0, 15, 0.82); box-shadow: 0 5px 32px rgba(0, 0, 0, 0.74); height: 90px; overflow: hidden; } } [/CODE] Note: This most likely isn't what I want the line to look like, I'll probably edit it a bit. I just need to see what it looks like. [editline]7th May 2013[/editline] Ooh, code tags look nice :D [editline]7th May 2013[/editline] And if that css bit is shit, could anyone maybe tell me what to use in order to edit the height/color/etc. of the line?[/QUOTE] I have my custom css outside the [I]@-moz-document domain("facepunch.com")[/I].

[CODE] @namespace url('http://www.w3.org/1999/xhtml'); @-moz-document domain('facepunch.com') { } [/CODE] not like this?

[QUOTE=Killervalon;40558056][CODE] @namespace url('http://www.w3.org/1999/xhtml'); @-moz-document domain('facepunch.com') { } [/CODE] not like this?[/QUOTE] That shouldn't matter. (At least it works perfectly for me with double quotes)

[QUOTE=jung3o;40557812]Remember kids [code]margin: top right bottom left[/code] [code]margin: top/bottom right/left[/code] [/QUOTE] And in-case you have TRouBLe remembering.

[QUOTE=CBastard;40558149]And in-case you have TRouBLe remembering.[/QUOTE] :v: also, it goes clock-wise!

[QUOTE=pinecleandog;40545235]depends, if he wants a navbar when the buttons are more like button than linked text, then the way he has it is fine[/QUOTE] No, a should be inside the li always. If you want them to be more like buttons than linked text, you use CSS to set the a tags as [code]display:block;[/code]

[QUOTE=jung3o;40558622]:v: also, it goes clock-wise![/QUOTE] Never understood why nobody just looks at it this way.. Easiest way in my opinion

Could anybody tell me how to edit the header border? #header {[B]border-bottom[/B]:1px} doesn't work. Even just saying what I need instead of that is incredibly helpful.

[QUOTE=DrunkOtter;40561776]Could anybody tell me how to edit the header border? #header {[B]border-bottom[/B]:1px} doesn't work. Even just saying what I need instead of that is incredibly helpful.[/QUOTE] Is your header elements id actually set to header or are you trying to style a <header> tag? If it's a header tag, ditch the # in front of your css selector. If not, double check to make sure you don't have typos on your element id.

[QUOTE=DrunkOtter;40561776]Could anybody tell me how to edit the header border? #header {[B]border-bottom[/B]:1px} doesn't work. Even just saying what I need instead of that is incredibly helpful.[/QUOTE] you forgot solid/dash/dotted/etc... and color.

Hi guys, I'm trying to position an icon(also a link) However, it places it in left corner of the blue rectangle. How do I fix this? Here's my HTML code [code] <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" type="text/css" href="xul.css"/> <title>#1</title> </head> <body> <div id="hdr"> <a href="index.html"><img src="icon.png" width="25px" height="25px"><a/> </div> </body> </html> [/code] and my CSS code [code] #hdr{ height:50px; width:100%; background:blue; } a{ padding-top: 20px } [/code]

[QUOTE=Sentinel010;40562734]Hi guys, I'm trying to position an icon(also a link) However, it places it in left corner of the blue rectangle. How do I fix this? Here's my HTML code[/QUOTE] First of all, please use [url]http://jsfiddle.net/[/url] when asking for request. I made one for you [url]http://jsfiddle.net/UvkY6/1/[/url] I dont understand what you're trying to do? What are you trying to fix. Are you trying to center it.. or what? the css code seem to be doing what it should be doing. [editline]7th May 2013[/editline] btw you don't need width for the div 100% because it is block, it is automatically made 100%. [editline]7th May 2013[/editline] I also suggest learning html/css on [url]http://htmldog.com/[/url]

[QUOTE=jung3o;40562836]First of all, please use [url]http://jsfiddle.net/[/url] when asking for request. I made one for you [url]http://jsfiddle.net/UvkY6/[/url] I dont understand what you're trying to do? What are you trying to fix. Are you trying to center it.. or what? the css code seem to be doing what it should be doing. [editline]7th May 2013[/editline] btw you don't need width for the div 100% because it is block, it is automatically made 100%. [editline]7th May 2013[/editline] I also suggest learning html/css on [url]http://htmldog.com/[/url][/QUOTE] Thank you, didn't know about the jfiddle Well basically what I'm trying to do is, I want to move icon.png within the blue box, but I can't seem to do that.

[QUOTE=Sentinel010;40562892]Thank you, didn't know about the jfiddle Well basically what I'm trying to do is, I want to move icon.png within the blue box, but I can't seem to do that.[/QUOTE] I noticed you tried to add a padding do you mean like that? [url]http://jsfiddle.net/UvkY6/2/[/url]

No, I used padding to move icon around the blue box, Here's the screenshot I want to move that icon around the blue box, how do I do that? [IMG]http://i.imgur.com/Zj7FD9R.png[/IMG]

[QUOTE=Sentinel010;40562986]No, I used padding to move icon around the blue box, Here's the screenshot I want to move that icon around the blue box, how do I do that? [IMG]http://i.imgur.com/Zj7FD9R.png[/IMG][/QUOTE] I don't understand. around????? [url]http://jsfiddle.net/UvkY6/3/[/url]

[QUOTE=jung3o;40563150]I don't understand. around????? [url]http://jsfiddle.net/UvkY6/3/[/url][/QUOTE] Well say I want to move that icon about 5px down and 10px right.. how do I do that?

[QUOTE=Sentinel010;40563174]Well say I want to move that icon about 5px down and 10px right.. how do I do that?[/QUOTE] margin:5px 0 0 10px; [editline]7th May 2013[/editline] dont forget about inline-block.

[QUOTE=jung3o;40563233]margin:5px 0 0 10px; [editline]7th May 2013[/editline] dont forget about inline-block.[/QUOTE] Could you please post edited code on the jfiddler?

[QUOTE=Sentinel010;40563267]Could you please post edited code on the jfiddler?[/QUOTE] here u go [url]http://jsfiddle.net/UvkY6/4/[/url] line 9

[QUOTE=jung3o;40563290]here u go [url]http://jsfiddle.net/UvkY6/4/[/url] line 9[/QUOTE] Thank you! [editline]7th May 2013[/editline] Hey jung3o, I was messing around with that code but I have found out that I can't move the element down or up, only left and right I tried doing this, and it's suppose to move 20px bottom and 65px on right.. but it only moves on right and not bottom :( [url]http://jsfiddle.net/LU6kM/[/url]

[QUOTE=Sentinel010;40563333]Thank you! [editline]7th May 2013[/editline] Hey jung3o, I was messing around with that code but I have found out that I can't move the element down or up, only left and right I tried doing this, and it's suppose to move 20px bottom and 65px on right.. but it only moves on right and not bottom :( [url]http://jsfiddle.net/LU6kM/[/url][/QUOTE] [QUOTE=jung3o;40563233]dont forget about inline-block.[/QUOTE] And you forgot to add "px" at the end of each number. Here, I updated it to have it work. [url]http://jsfiddle.net/LU6kM/1/[/url]

So... Is it possible to select all types of text at once? (Or is it a bad idea?)

[QUOTE=gokiyono;40568069]So... Is it possible to select all types of text at once? (Or is it a bad idea?)[/QUOTE] I'm not sure what you mean, care to explain/give an example?

[QUOTE=eternalflamez;40568102]I'm not sure what you mean, care to explain/give an example?[/QUOTE] A lot of different types of texts that needs the same properties. (Like a, ahref, and p.)

If I wanted to go about coding/programming my own advertisement manager how would I go about that? Or maybe there is a script or something that is already around? Basically it would be able to track clicks,impressions and being able to rotate multiple banners. Any ideas would be greatly appreciated.

[QUOTE=gokiyono;40568238]A lot of different types of texts that needs the same properties. (Like a, ahref, and p.)[/QUOTE] Yeah, you can select <a> and <p> tags within the same selector. The question is, do you really want to have all <a> and all <p> tags on your website to have the same css? [code] a, p { //css here } [/code] By splitting multiple selectors with a comma the css is applied to all of them. Such as: [code] #id, #something { color: red; } [/code] Will select both of those id's and give them red texts.

[QUOTE=eternalflamez;40568333]Yeah, you can select <a> and <p> tags within the same selector. The question is, do you really want to have all <a> and all <p> tags on your website to have the same css? [code] a, p { //css here } [/code] By splitting multiple selectors with a comma the css is applied to all of them. Such as: [code] #id, #something { color: red; } [/code] Will select both of those id's and give them red texts.[/QUOTE] Yeah. I was just wondering if there were one name for all text elements.

[QUOTE=gokiyono;40568400]Yeah. I was just wondering if there were one name for all text elements.[/QUOTE] Text nodes themselves cannot be targeted by css, as I found out, and as stated here: [url]http://stackoverflow.com/questions/5688712/is-there-a-css-selector-for-text-nodes-elements[/url]