HTML – XHTML

Domain Masking

Oct 8th

Posted by admin in HTML - XHTML

No comments

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/strict.dtd”>
<html>

<head>
<title>www.prosoxi.gr</title>

</head>
<frameset rows=”100%,*” border=”0″>
<frame src=”http://www.cdl.gr” frameborder=”0″ />
<frame frameborder=”0″ noresize />
</frameset>

<!– pageok –>
<!– 02 –>
<!– 7.9–>
</html>

How to convert HTML tables to CSS

Sep 30th

Posted by admin in CSS

No comments

 

How to convert HTML tables to CSS

After explaining in our previous article why it is generally a good idea to get rid of HTML tables it is time to give some practical advise on how to actually convert the tables to tableless HTML and CSS code. In this article we describe a couple of conversion methods that are generic and can be applied to any web page.

First we need to decide which HTML tag or tags could be used to replace the table elements – TABLE, TR, TD (for simplicity’s sake we will ignore other seldom used table elements like THEAD, TFOOT, TH and TBODY). We choose the replacement tag based on the following criteria:

  • The replacement tag should have as few side effects as possible, i.e. we do not want it to affect the style of the inner tags and text, because we will be using CSS styles to define the appearance of the enclosed tags and text.
  • The replacement tag should have a block style just like the replaced TABLE, TR and TD tags. More >

Enable 3d Wall Cooliris on your site

Sep 17th

Posted by admin in HTML - XHTML

1 comment

Enable your site with Media RSS

Media RSS is an open standard for syndicating multimedia content. It extends RSS 2.0 to provide additional information, such as richer thumbnail and image metadata. Media RSS allows Cooliris (formerly known as PicLens) to understand the location of the media files that are displayed in the wall, as well as which thumbnails link to which high-resolution images. Click here for a complete description of Media RSS. To Cooliris enable your site: More >

,

Css LI UL rollover effect

Sep 17th

Posted by admin in CSS

No comments


CSS
#rollover {
width:150px;
margin:auto;
} More >

, ,

Css opacity

Sep 12th

Posted by admin in CSS

No comments

opacity:.50;

filter: alpha(opacity=50);

-moz-opacity: 0.5;

For 50% opacity of Element

,

CSS vertical align

Sep 12th

Posted by admin in CSS

No comments

Understandable code:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”>
<html>
<head>
<title>Universal vertical center with CSS</title>
<style>
.greenBorder {border: 1px solid green;} /* just borders to see it */
</style>
</head>

<body>
<div class=”greenBorder” style=”display: table; height: 400px; #position: relative; overflow: hidden;”>
<div style=” #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;”>
<div class=”greenBorder” style=” #position: relative; #top: -50%”>
any text<br>
any height<br>
any content, for example generated from DB<br>
everything is vertically centered
</div>
</div>
</div>
</body>
</html>

How to embed a sound file in your web page

Sep 12th

Posted by admin in HTML - XHTML

No comments

To embed a single Midi file,
Insert the following HTML code in the <BODY> section of the page:

<embed src=”your_midi_file.mid” autostart=”true” hidden=”true” loop=”true“>

With a WAV or MP3 file:

<embed src=”your_wave_file.wav” autostart=”true” hidden=”true” loop=”true“>

or

<embed src=”your_mp3_file.mp3” autostart=”true” hidden=”true” loop=”true“>

The sound file starts on page load, it’s hidden and repeats. To change this so that it only plays once, change:
loop=”true” to loop=”false“

Allowing users to control the music (using the control console)

With Midi files:

<embed src=”your_midi_file.mid” height=”24″ width=”145” autostart=”false” controls=”smallconsole” loop=”true”>

With WAV or MP3 files:

<embed src=”your_wave_file.wav” height=”24” width=”69” autostart=”false” loop=”true”>

<embed src=”your_wave_file.wav” height=”24″ width=”275” autostart=”false” loop=”true“>

,

Print DIV

Aug 26th

Posted by admin in HTML - XHTML

No comments

<script>
function go()
{
var a = window.open(”,”,’width=300,height=300′);
a.document.open(“text/html”);
a.document.write(document.getElementById(‘foo’).innerHTML);
a.document.close();
a.print();
}
</script>

<div id=”foo”>This is a test</div>

<input type=”button” onclick=”go()” value=”Print this Page”>

,

Detect web plug-ins Flash, Media PLayer and more…

Aug 26th

Posted by admin in HTML - XHTML

No comments

Cut & Paste Detect Plugin (Flash, Java, RealPlayer etc) script

Credit: Frederic

Description: Frederic’s versatile plugin detector can be used to detect most of the important browser plugins. They include:

- Flash
- Windows Media Player
- Java
- Shockwave
- RealPlayer
- QuickTime
- Acrobat Reader
- SVG Viewer

Working in both IE and NS, this is a very handy script to have around! More >

, ,

Vector corners

Aug 20th

Posted by admin in CSS

No comments

Opera: SVG, IE: VML, Firefox: -moz-border-radius, Safari: -webkit-border-radius

,
«1234»