Jump to content

actionsketch

Members
 View Profile  See their activity

  • Posts

    128

  • Joined

  • Last visited

 Content Type 

Posts posted by actionsketch

    Fun with _top in <a> tags

    in HTML/XHTML

    Posted

    I dont know how to do that, I never have messed with iframes my self. But I do suggest you look into using PHP instead of iframes. It works the same and gives a nicer presentation:nav.php- link<br> link<br> link<br>file.php-<?php include("nav.php"); ?>content<br>content<br>content<br>what the viewer will get- link<br> link<br> link<br>content<br>content<br>content<br>simple =D

    FF vs IE problems with Floating Menu

    in CSS

    Posted

    Had to play with it a bit but,In your navigation container, give it a width of 23%. In your content container, give it a left margin of 23%.that'll look fine in 1024x768, but you'll have to adjust for 800x600. This is why I wish css had variables and math... so I could just be like "margin-left: div.navcontainer.width+10px;"another solution would be to set the floating of the content to right, and play with that. Personally, I would just put the whole damn thing into a table. Then it would work fine.

    XHTML and such

    in General

    Posted

    I'm kinda confused as to where the world of website scripting is headed. It seems like it's becoming needlessly more complicated. I want to be convinced that XHTML and Xforms are really better than good old traditional HTML.I like to make my websites in traditional HTML because when I'm scripting it, I'm looking for the fastest and most effecient way to get what I want. If my goal is speed and effeciency, why then would I want to use a language that requires me to add a / to the end of every <br>? Why would I want to spend the time trying to get my elements aligned in the center using css and declairing both text-align: center and margins: auto when all I have to do is add a nice little <center> tag? Not only that but, If we wanted to discuss readability, <center> makes a heck of a lot more since.and these Xforms... now to do what would take 5 lines of scripting before, now takes 18 lines? Why would I want this? seriously... look at this:

    <xforms><model>  <instance>  <person>    <fname/>    <lname/>  </person>  </instance>  <submission id="form1" method="get"   action="submit.asp"/></model><input ref="fname"><label>First Name</label></input><br /><input ref="lname"><label>Last Name</label></input><br /><br /><submit submission="form1"><label>Submit</label></submit></xforms>

    and now the same thing in good ol traditional:

    <form id="form1" method="get" action="submit.asp"><input type="text" name="fname"><br><input type="text" name="lname"><br><input type="submit" name="Submit"></form>

    CSS on the other hand, I love. It seems to be moving in the right direction. It just needs some support for basic stuff like math and variables. Also add some more conditions. Then I could do stuff like "width: div.container.width+30px;" or "input:onfocus { border-color: red; }" without having to use javascript.Anyway... am I crazy? Am I the only one who sees this, or am I not seeing something?

    Building blocks

    in FLASH

    Posted

    Flash has it's own language called action script. It's a language you can only edit within the flash editor. From what you said... I'm not sure you even know what flash is, go download the 30-day trial of flash 8 at macromedia.com.

    Div's aren't resizing when they should

    in CSS

    Posted

    I tried this, but as you can see here it still isn't like it should be. Any way how i can fix this?

    It seems to be working for me. although I would suggest that if you're going to make a layout like this, you align everything to one side or the other because aligning with a percentage will look different in a bad way depending on the size of the bowser window. I played with it a little with my handy firefox web dev bar:
    body{ background-color: #000000; background-image: url(back.jpg); background-repeat: no-repeat; background-position: top left;}div.content {position: relative;top: 130px;width: 525px;height: 60%;border: 1px dashed white;margin: 0;padding: 0;z-index: 4;}

    dunno if that helps... probably dosent. if you want to keep it centered, then you'll probably have to break the image up into parts and not use any absolute positioning.

    need help with ...

    in HTML/XHTML

    Posted

    I'll make it as basic as I can... without using tables(recommended):

    <style>#content{    float:left;    display: inline;}#navigation{    float:right;    display: inline;}</style><body>this is my header<div id="content">    This is my content. Blah.</div><div id="navigation">    link<br>    link<br>    link<br></div><div style="clear:both"></div>this is my footer</body>

    using tables(not recommended):

    <table style="width: 100%">    <tr>        <td style="width: 70%">            My content goes here.        </td>        <td>            link<br>                       link<br>             link<br>        </td>    </tr></table>

    FF vs IE problems with Floating Menu

    in CSS

    Posted

    Is there a preferred method for keeping the area below the navbar "free" that's more elegant than a table cell or image of the appropriate width/height?  Basically I want text  to the right of the navbar to keep the indent once it's passed the navbar content.

    setting the height of the inline navigation container to 100% should do it.

    PHP

    in HTML/XHTML

    Posted

    If you do a lot of PHP, I recommend you try using XAMPP. XAMMP is a installation package that includes Apache, MySQL, PHP, amung other things I have never used before such as SMTP stuff. Instead of having to go upload files on an FTP and viewing it online, you can just go to http://localhost in your browser and there you are. Although... if you're using a mac... then yeah... you probably do have to use one of the free websites listed :)

    PHP

    in HTML/XHTML

    Posted

    with php, you have to test the script in a special environment or upload it and see what it looks like. Google XAMPP for a local environment. Also, you have to name the file test.php

    [HTML DOM] object question

    in JavaScript

    Posted

    Nope :D I was right, you wrong :)It appears I am a little more advanced then you, no offence, but it IS like what I wrote.You CAN do var SomeThing = document.getElementsBySomeWay("something")[0]This way you store that object in the variable, and not the array in which it is contained :(Also, the mass unreadable characters you couldn't understand, LOL :)That was called the Conditional Operator.Something = (condition) ?"assign value when true" :"assign value when false"Explanation: if I do it like what I wrote, the readonly property will be switched both from readonly to readable AND back by the same scriptline :)

    Well cool, I learned some new syntax! I'll have to remember that conditional operator thing.

    Mac / Windows : Platform Specific CSS

    in CSS

    Posted

    when you say mac, I assume you're refering to safari. I wouldn't try to develop for safari simply because even the people who made it have said they know it wasn't ready to be released. They haven't finished it yet and the only reason they released it is because microsoft said they were going to stop making IE for the mac.My suggestion is to tell anyone using a mac to get firefox.

    CSS Backgrounds

    in CSS

    Posted

    I havn't tested this theory, but I imagine you could do it with javascript...something like

    <img onload="resizeImage(this);" src="myimage.jpg">***function resizeImage(img){    img.style.width=screen.width;    img.style.height=screen.height;}

    Although you would have to play a little bit of a guessing game on how much of the screen the person is actually using to view the webpage. for that reason, I found this... dont know if it works, I just grabbed it off of a website:

    function alertSize() {  var myWidth = 0, myHeight = 0;  if( typeof( window.innerWidth ) == 'number' ) {    //Non-IE    myWidth = window.innerWidth;    myHeight = window.innerHeight;  } else if( document.documentElement &&      ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {    //IE 6+ in 'standards compliant mode'    myWidth = document.documentElement.clientWidth;    myHeight = document.documentElement.clientHeight;  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {    //IE 4 compatible    myWidth = document.body.clientWidth;    myHeight = document.body.clientHeight;  }  window.alert( 'Width = ' + myWidth );  window.alert( 'Height = ' + myHeight );}

    that should give you the width/height of the viewable area. Then you might want to have a function that calls it self every second to change the width/height of the image if it changes.

    FF vs IE problems with Floating Menu

    in CSS

    Posted

    Not sure how to fix what you already have, but I can tell you a different way of doing it that will work, and you dont have to use any position stuff.

    <div style="float:left; display:inline;">    <!--Here you put everything that will be in the nav bar--></div><div>    <!--everything here will line up next to the navbar--></div><div style="clear:both;"></div><!--everything here will be below both the content and the navbar-->

    hope that helps.

    Fonts

    in HTML/XHTML

    Posted

    Just in case you don't already know this, if you're going to show the website to anyone else, the font wont show up. The browser will just default to another font. There is a way around this with IE if you download some special package from microsoft that converts the font into a file that the viewer can download temporarily for viewing your website. If your interested, I'll try to find that again.

    a href-Linkable Table Cells ?

    in JavaScript

    Posted

    I would suggest you get rid of any anchors in your cells and have plain text, then for each <td> have:onmouseover="this.style.color='red'"onmouseout="this.style.color='white'"onclick="location.href='somepage.htm'"and then in css, make each cell use the pointer cursor... but it sounds like you already had that one figured out.

×
×
  • Create New...