Jump to content

snowboard01

Members
  • Posts

    317
  • Joined

  • Last visited

Posts posted by snowboard01

  1. The .xhtml extension?

    True XHTML like behaviour can be achieved only through the *.xhtml extension and/or the application/xhtml+xml MIME type applyed to another extension.
    I saved a file as .xhtml once my system didn't even recagnize it as somthing to be opened in a browser. When I opened ie it said:
    file type unknown but has html doctype would you like to render this page as html
    I think the html extention might be the way to go for now.
  2. I changed the CSS for a little less typing by grouping the elements togetherCSS:

    .p1,.p2,.p3,.p4,.p5,.p6{display:block;overflow:hidden;background:#1E90FF;}.p1,.p2,.p3,.p4{height:1px;}.p1{margin: 0px 8px;}.p2{margin: 0px 6px;}.p3{margin: 0px 4px;}.p4{margin: 0px 3px;}.p5{margin: 0px 2px;height:2px;}.p6{margin: 0px 1px;height:3px;}

    and html:

    <div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div><div class="r5"></div><div class="r6"></div><div id="contentwhatever">This is content</div><div class="r6"></div><div class="r5"></div><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div>

  3. Are you doing html coding or are you using a build your site here we'll make the html for you things. You can't make a working poll out of Html. Well I suppose you probably capy and pasted which is ok. anyhow jusat put it in a div.heres some html

    <div id="somthing"><!--poll code--></div>

    and heres the css

    #somthing{position:absolute;left: pixels the div is from the lefttop: pixels for how far fromn the top it is}

    You won't understand all of this and you shouldn't yet. try reading the Css tutorial to learn about itFixed BBcode.

  4. Ok I noticed the rating for PSpad is way down so Im going to show you what you are missing!

    • Pspad has syntax highlights that you can program to suit your need.
    • PSpad has a built in FTP, file manager, +more
    • Pspad has a nice not in your face interface
    • Pspad has optional wordwrap and indenting

    Click here to see a screen shot of this of a kind free editorPS. This is not an advertisment I'm just informing people who use the horrible notepad that there are better editors!

  5. Awesome in all browsers except for one tiny opera slip up. In opera the line that has links cover it is to low. You used relative poitioning and it looks hot. and there are those curved corners I never got right. Congrats! :) I'd like to see any new work you make.

  6. It works fine on IE6 IE7 firefox and opera. If you have safari I assume by IE you mean IE for mac. IE for mac isn't made anymore and is very low on compatability. I don't think you should worry to much about it only like two percent of all people have it.

  7. Here is a not centered one but one I got very close using position relative.I also changed the links so the text is centered in them now. I'm glad you did search the tutorials first not maney people do

    <html><head><style type="text/css">.someclass{position:relative;left:45%}ul{text-align:center;float:left;width:100%;padding:0;margin:0;list-style-type:none;}a{text-align:center;float:left;width:6em;text-decoration:none;color:white;background-color:purple;padding:0.2em 0.6em;border-right:1px solid white;}a:hover {background-color:#ff3300}li {display:inline}</style></head><body><div class="someclass"><ul><li><a href="#">Link one</a></li><li><a href="#">Link two</a></li><li><a href="#">Link three</a></li><li><a href="#">Link four</a></li></ul></div><p>In the example above, we let the ul element and the a element float to the left.The li elements will be displayed as inline elements (no line break before or after the element). This forces the list to be on one line.The ul element has a width of 100% and each hyperlink in the list has a width of 6em (6 times the size of the current font).We add some colors and borders to make it more fancy.</p></body></html>

  8. I downloaded notepad2 it's not that hot and not my personal choice in editors. But if there is an easieness to notepad this has it. Plus synatax highlights. The most important thing about it is it comes in a zip file with two files. An optional registry key and the program ready to run. I put it on my mp3 player and now when I go to school or whatever I can run it off my mp3 player and it is no slower then the built in text editor we get.On the topic of BBcode hey check this

    • Lists are cool to point out a lot of code probs

    Help!

    Your talking about html! Css dosn't have body or style tags it can style them though the style tag is where you put css. DID YOU READ THE HTML AN CSS TUTORIAL OR FLIP TO THE EXAMPLES OR REFERENCE? You have to learn html then css

  9. Heres how I think you should get started:

    • Learn HTML start at W3schools HTML tutorial and maybe read some stuff at w3.org
    • Learn CSS at the w3schools css tutorial and these other good sites. CSS play and Html it despite the name it still shows many tips and tricks to css xml xslt php javascript ect.
    • Learn how to make neater html at The W3schools xhtml tutorial
    • Then learn javascript anyway you want. There are alot of god books on it.
    • learn PHP/mysql anyway you feel like.
    • learn xml and any xml styling launguages you like. W3schools has many good xml related tutorials.
    • Learn some html dom and dhtml to improve your knowledge of many languanges at once.
    • Last but not least Have fun with it!

  10. It may not be needed (like in this situation) but sometimes it is a good idea. I always add it because sometimes by accident i will repeate a class name without noticing. like lets say i was working with a tabe and its class was title and the div in the table i may also call title unless i notice that i have alredy used title. if you place the element first table.title is different form div.title where .title and .title would confuse the browser.
    Exactly :) esspecailly in cases like this
    #title{position:absolute;width:850px;height:100px;top:0px;border-style: solid;border-width:1px;left: 0px;}.holdiv{top:110px;background-color:transparent;width:750px;position: absolute;left:110px;}#content{width: 745px;position:absolute;height: 495px;background-color: yellow;top: 0px;left:0px;padding: 5px;}#menu{height: 100px;width: 100px;position: absolute;left: 0px;top: 105px;}a.menu{font-weight: bold;display: block;color: black;background-color:blue;padding: 3px;text-decoration:none;width: 100px;}a.menu:hover{font-weight:bolder; display:block;color: yellow;background-color:red;width: 100px;}ul{list-style-type: none;padding:0px;margin:0px;}li{border-bottom-style: solid;border-bottom-width: 4px;}a.portfolio{color: blue;background-color: yellow;display: inline;font-weight: normal;padding:0px;text-decoration:underline;width:500px;height: 100px;}body{background-color:orange;}#image{height: 100px;width: 850px;}.text{padding-right:5px;padding-left:5px;}#r1 {display: block;height: 1px;background-color: yellow;margin: 0px 5px;}#r2 {display: block;height: 1px; background-color: yellow;margin: 0px 3px;}#r3 {display: block;height: 1px;background-color: yellow;margin: 0px 2px;}#r4 {display: block;height: 1px;background-color: yellow; margin: 0px 1px;}#r5 {display: block;height: 1px;background-color: yellow;margin: 0px 1px;}

    Soon I will have to make r1-r5 again only with a few different properties. You know what I will probably name them? r1-r5. Had I done this:

    div#r1 {display: block;height: 1px;background-color: yellow;margin: 0px 5px;}div#r2 {display: block;height: 1px; background-color: yellow;margin: 0px 3px;}div#r3 {display: block;height: 1px;background-color: yellow;margin: 0px 2px;}div#r4 {display: block;height: 1px;background-color: yellow; margin: 0px 1px;}div#r5 {display: block;height: 1px;background-color: yellow;margin: 0px 1px;

    The other ones will be B#r1 ect. had I simply done .r1 it would have exausted the names and I would mess up the code. Then i'd puzzle for two hours then I'd realize that it was the names. This is the easy way to avoid hours of frustration.

×
×
  • Create New...