Quuueeeuuu it anyway?? http://fit2page.wordpress.com weblog van Fit2Page Wed, 17 Oct 2007 10:11:18 +0000 http://wordpress.com/ nl hourly 1 http://www.gravatar.com/blavatar/5b6f1329dcc77365cd51f47377249a9e?s=96&d=http://s.wordpress.com/i/buttonw-com.png Quuueeeuuu it anyway?? http://fit2page.wordpress.com Transparency in IE en Firefox http://fit2page.wordpress.com/2007/10/03/transparancy-in-ie-en-firefox/ http://fit2page.wordpress.com/2007/10/03/transparancy-in-ie-en-firefox/#comments Wed, 03 Oct 2007 10:28:39 +0000 rjbouw http://fit2page.wordpress.com/2007/10/03/transparancy-in-ie-en-firefox/ ]]>

CSS:

filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;

]]> http://fit2page.wordpress.com/2007/10/03/transparancy-in-ie-en-firefox/feed/ 0 rjbouw Image centreren in CSS http://fit2page.wordpress.com/2007/09/14/image-centreren-in-css/ http://fit2page.wordpress.com/2007/09/14/image-centreren-in-css/#comments Fri, 14 Sep 2007 07:52:33 +0000 rjbouw http://fit2page.wordpress.com/2007/09/14/image-centreren-in-css/ ]]>

display:block;
margin-left:auto;
margin-right:auto;

]]> http://fit2page.wordpress.com/2007/09/14/image-centreren-in-css/feed/ 0 rjbouw Ultimate layout http://fit2page.wordpress.com/2007/08/14/ultimate-layout/ http://fit2page.wordpress.com/2007/08/14/ultimate-layout/#comments Tue, 14 Aug 2007 12:48:22 +0000 rjbouw http://fit2page.wordpress.com/2007/08/14/ultimate-layout/ ]]>

gebruikte technieken

- jquery-1.1.3.1.pack
plugins:
- vjustify() voor het gelijktrekken van CSS kolommen
- SaferMailTo() anti-spam voorziening
- RunOnLoad() beter werkende functie

versie geschiedenis

14-8-2007 – runOnLoad() in plaats van $(document).ready() toegevoegd.

]]> http://fit2page.wordpress.com/2007/08/14/ultimate-layout/feed/ 0 rjbouw CSS Cachebuster http://fit2page.wordpress.com/2007/08/10/css-cachebuster/ http://fit2page.wordpress.com/2007/08/10/css-cachebuster/#comments Fri, 10 Aug 2007 14:26:46 +0000 rjbouw http://fit2page.wordpress.com/2007/08/10/css-cachebuster/ ]]>

Wanneer de ontwikkelserver de cache te lang vasthoud, en daardoor dus de css niet ververst, moet je verwijzing naar de stylesheet op deze manier aanpassen;

 <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css?foo"/>
]]> http://fit2page.wordpress.com/2007/08/10/css-cachebuster/feed/ 0 rjbouw BACKGROUND-IMAGE verdwijnt in de HTML e-letter http://fit2page.wordpress.com/2007/07/30/background-image-verdwijnt-in-de-html-e-letter/ http://fit2page.wordpress.com/2007/07/30/background-image-verdwijnt-in-de-html-e-letter/#comments Mon, 30 Jul 2007 14:49:44 +0000 rjbouw http://fit2page.wordpress.com/2007/07/30/background-image-verdwijnt-in-de-html-e-letter/ ]]>

De oplossing is de link naar de background image een volledig pad van te maken, dus;

background-image: url (http://...........);
]]> http://fit2page.wordpress.com/2007/07/30/background-image-verdwijnt-in-de-html-e-letter/feed/ 0 rjbouw Elementen willen niet FLOATen http://fit2page.wordpress.com/2007/07/30/elementen-willen-niet-floaten/ http://fit2page.wordpress.com/2007/07/30/elementen-willen-niet-floaten/#comments Mon, 30 Jul 2007 14:49:39 +0000 rjbouw http://fit2page.wordpress.com/2007/07/30/elementen-willen-niet-floaten/ ]]>

Wanneer meerdere elementen niet naast elkaar willen floaten, moet de parent een breedte hebben!

<div width=x>  <<---belangrijk!!
   <div style="float:left;">hoi</div>
   <div style="float:left;">hoi</div>
   <div style="float:left;">hoi</div>
</div>
]]> http://fit2page.wordpress.com/2007/07/30/elementen-willen-niet-floaten/feed/ 0 rjbouw FORM tag breekt DIV opmaak http://fit2page.wordpress.com/2007/07/30/form-tag-breekt-div-opmaak/ http://fit2page.wordpress.com/2007/07/30/form-tag-breekt-div-opmaak/#comments Mon, 30 Jul 2007 14:49:31 +0000 rjbouw http://fit2page.wordpress.com/2007/07/30/form-tag-breekt-div-opmaak/ ]]>

Als de DIVs in een opmaak niet schijnen te floaten, of niet naast elkaar lijken te passen in IE, dan komt dit door het ontbreken van de volgende tag:

form {
width: 100%;
}
]]> http://fit2page.wordpress.com/2007/07/30/form-tag-breekt-div-opmaak/feed/ 0 rjbouw CSS BORDERS en TABLE-CELLS http://fit2page.wordpress.com/2007/07/30/css-borders-en-table-cells/ http://fit2page.wordpress.com/2007/07/30/css-borders-en-table-cells/#comments Mon, 30 Jul 2007 14:49:23 +0000 rjbouw http://fit2page.wordpress.com/2007/07/30/css-borders-en-table-cells/ ]]>

Als er in de css een border om een td wordt gedefineerd, dient de td te worden voorzien van inhoud, al was het maar een nonbreaking-space.

css:

td {border:1px solid black;}

html:

<table>
   <tr>
     td> </td>
   </tr>
</table>
]]> http://fit2page.wordpress.com/2007/07/30/css-borders-en-table-cells/feed/ 0 rjbouw FLOATing DIVs http://fit2page.wordpress.com/2007/07/30/floating-divs/ http://fit2page.wordpress.com/2007/07/30/floating-divs/#comments Mon, 30 Jul 2007 14:49:17 +0000 rjbouw http://fit2page.wordpress.com/2007/07/30/floating-divs/ ]]>

Bij Float: Let op de volgorde van de DIV!

de DIV die b.v. rechts gefloat moet worden dient in de hierarchie VOOR de andere DIV te komen, ook al komt hij er visueel gezien na!

]]> http://fit2page.wordpress.com/2007/07/30/floating-divs/feed/ 0 rjbouw Selected state http://fit2page.wordpress.com/2007/07/30/selected-state/ http://fit2page.wordpress.com/2007/07/30/selected-state/#comments Mon, 30 Jul 2007 14:49:10 +0000 rjbouw http://fit2page.wordpress.com/2007/07/30/selected-state/ ]]>

Actieve pagina aangeven in menu via css. Dit voorkomt programmeerwerk.

css:

.about {inactive css stijl;}
.contact {inactive css stijl;}
.products {inactive css stijl;}
body#contact .contact {css stijlen;}

html:

 <body id="contact">

<ul>
  <li class"about" />
  <li class="contact" />
  <li class="products" />
</ul>
]]> http://fit2page.wordpress.com/2007/07/30/selected-state/feed/ 0 rjbouw