[CSS] voor dummies - deel 9

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  FOK!-Schrikkelbaas dinsdag 29 april 2008 @ 22:15:30 #51
1972 Swetsenegger
Egocentrische Narcist
pi_58389710
Ik zie nergens een form tag. heb je daar alle paddings en margins al uitgehaald?
 | FOK! Schrikkelbaasch
  dinsdag 29 april 2008 @ 23:08:29 #52
12880 CraZaay
prettig gestoord
pi_58390878
quote:
Op dinsdag 29 april 2008 21:09 schreef Xcalibur het volgende:
Ik ben toch echt geen dummy, maar ik heb nu iets waar ik niet uitkom....
Kun je dit ergens online zetten? Kunnen we met Firebug realtime editen
pi_58391179
quote:
Op dinsdag 29 april 2008 16:47 schreef Chandler het volgende:

[..]

Iemand tips?
text-indent: -999;
-999 wat? appels? peren?

En footer mag wel een clear: both;

Ik ga nog even verder kijken
fokstok.nl
pi_58392433
Try this:
CSS:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31		@CHARSET "UTF-8";
html, body {
   background-color: #d8d0bd;
}
.box {
   width: 635px;
}
.box:hover, .ebhover {
   background-color: #b4a78d;
}
.header {
   height: 11px;
}
.box:hover .header, .ebhover .header {
   background-image: url(http://www.bruggema.nl/2/h1header.png);
}
.content {
   padding: 5px;
   width: 625px;
}
.footer {
   height: 11px;
   clear: both;
}
.box:hover .footer, .ebhover .footer {
   background-image: url(test);
}
.cleft, .cright {
   float: left;
   width: 50%;
}


HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Test opzetje</title>
<link rel="stylesheet" style="text/css" href="hovertest2.css"/>
<meta http-equiv="Content-Type" content="text/xhtml; charset=iso-8859-15"/>
</head>
<body id="mybody">
<div class="box">
   <div class="header"></div>
   <div class="content">
      <div class="cleft">
         <img src="map.png" class="map" alt="map" />Test<br />
         <img src="pointer.png" class="pointer" alt="pointer" /> Korte omschrijving
      </div>
      <div class="cright">
         <select name="woei"><option>Sorteren op ABC</option><option>Sorteren op CBA</option></select>
      </div>
   </div>
   <div class="footer"></div>
</div>
<div class="box">
   <div class="header"></div>
   <div class="content">
      "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
   </div>
   <div class="footer"></div>
</div>
<div class="box">
   <div class="header"></div>
   <div class="content">
      non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
   </div>
   <div class="footer"></div>
</div>
<script type="text/javascript">
ebHover = function() {
   var ebEls = document.getElementById("mybody").getElementsByTagName("div");
   var regex = new RegExp('box');
   for (var i=0; i<ebEls.length; i++) {
      if(regex.test(ebEls[i].className)) {
         ebEls[i].onmouseover=function() {
            this.className+=" ebhover";
         }
         ebEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" ebhover\\b"), "");
         }
      }
   }
}
if (window.attachEvent) window.attachEvent("onload", ebHover);
</script>
</body>
</html>


(De javascriptcode is een licht aangepaste versie van de code hier. Ik heb die code niet getest, zit hier ook zonder IE6. Kan dus ook niet garanderen dat het gaat werken.)
fokstok.nl
pi_58394602
@Light, jou hover is inderdaad fijner dan die van mij maar ik heb die van mij gisteren reeds aangepast (en vandaag ook weer een beetje)

http://www.bruggema.nl/2/hovertest4.html (net even gespiekt bij jou codes) en dit er van gemaakt!

Maar nu als ik een item uit een pulldown wil selecteren en buiten het kader komt schiet mij box gelijk terug naar het orgineel, hoe kan ik dit oplossen?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_58395004
quote:
Op dinsdag 29 april 2008 22:15 schreef Swetsenegger het volgende:
Ik zie nergens een form tag. heb je daar alle paddings en margins al uitgehaald?
De form tag staat sowieso buiten de table, dus die zou sowieso geen invloed moeten hebben op de ruimte in de TD?

Ik heb em hier online gezet: http://test.dubbelepunt.com/table_input.html
Ik ga zo Koninginnedag vieren, dus ik weet niet wanneer ik dit topic weer check
pi_58398623
Goedemidkoninginnedag,

Enkel in IE6 blijft een div element onderin hangen .

1
2
3		  <div id="navigatieDiv">
        <div id="linksDiv"><a href="index.html">SCHILDERIJEN</a><a href="beaottink.html">BEA OTTINK</a><a href="index.html">KUNSTMARKTEN</a><a href="index.html">CONTACT</a></div>
  </div>


1
2
3
4
5
6		#navigatieDiv {
   height: 515px;
   width: 110px;
   background-color: #333333;
   padding-top: 100px;
}


De navigatieDiv is ondergebracht in een containerDiv, heeft oorspronkelijk geen positioning eigenschappen meegekregen en is de parent div voor een child div dat linkjes bevat, zoals je in de html code hierboven kunt zien. Alle andere parent divs in de containerDiv hebben de eigenschap float right meegekregen en staan in de code allemaal voor de navigatieDiv zodat de navigatieDiv als vanzelf linksbovenin moet komen te staan zonder dat het de float right div elementen naar beneden drukt (hoewel dat volgens mij alleen gebeurt als je de navigatieDiv ook een float meegeeft). Dat gebeurt ook, behalve in IE6. Een float left haalt niks uit.

Ideeen?

Concept website. De links aan de linkerkant van het zwarte midden staan dus in de linksDiv welke is ondergebracht in de navigatieDiv waar we het hier over hebben.
  woensdag 30 april 2008 @ 15:05:05 #58
12880 CraZaay
prettig gestoord
pi_58398844
Hey JJasperO, ook hier?
pi_58399462
quote:
Op woensdag 30 april 2008 15:05 schreef CraZaay het volgende:
Hey JJasperO, ook hier?
correct
pi_58414934
Ha, help
Ik heb een pagina die niet helemaal mee wil werken. Al met al heb ik door te doen al aardig wat geleerd, en tot nu toe lijkt het ook aardig goed te gaan, alleen heb ik in de huidige situatie even geen enkel idee hoe ik dit moet oplossen.
Probleem: http://geensite.nl/boxed/boxed.html
Zoals je ziet is het de bedoeling dat de div main_center doorloopt, stretcht. Alleen zou het prettig wezen als aan de linker-, en rechterkant de rest van de pagina ook mee loopt, in plaats van dat het halverwege ophoudt. Van de linkerkant snap ik het wel, daar heb ik (nog) overal fixed heights opgegeven, maar ik focus me nu eerst even op de rechterkant. Iemand enig idee hoe ik er voor zorg dat de div main_right net zo lang is als main_center?

Alvast bedankt

edit: Dit is dus wat ik bedoel: http://geensite.nl/boxed/stretch.html -> Hoe zorg ik dat div3 net zo lang word als div2?
edit2: Inmiddels allang opgelost

[ Bericht 7% gewijzigd door Hmail op 02-05-2008 00:59:20 ]
pi_58420979
Crazzaaaaay? vergeet je mijn gevalideerd documentje niet?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_58433067
quote:
Op woensdag 30 april 2008 09:51 schreef Xcalibur het volgende:
Ik heb em hier online gezet: http://test.dubbelepunt.com/table_input.html
Schopje
Ik heb dus een pixel ruimte tussen de TD en de INPUT, de vraag is hoe ik die weg krijg
pi_58450826
Heb je de border van de input al op 0 gezet? (hoop dat dat gaat werken hoor, niet getest)
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_58450869
quote:
Op vrijdag 2 mei 2008 11:54 schreef Xcalibur het volgende:

[..]

Schopje
Ik heb dus een pixel ruimte tussen de TD en de INPUT, de vraag is hoe ik die weg krijg
Nou, in ieder geval niet met inline styles. Of wel, maar je maakt het jezelf niet makkelijker en ik kan ook niet snel even wat testen.
fokstok.nl
pi_58499405
De inline styles zijn voor test-doeleinden, zodat ik het hier wat gemakkelijker kon posten
De border van de input op 0 helpt ook niet, en die staan hier ook voor test-doeleinden aan....
pi_58505884
quote:
Op woensdag 30 april 2008 09:51 schreef Xcalibur het volgende:

[..]

De form tag staat sowieso buiten de table, dus die zou sowieso geen invloed moeten hebben op de ruimte in de TD?

Ik heb em hier online gezet: http://test.dubbelepunt.com/table_input.html
Ik ga zo Koninginnedag vieren, dus ik weet niet wanneer ik dit topic weer check
Ik zou sowieso eens beginnen met je apostrophes te vervangen voor aanhalingstekens.

Wat het probleem zelf betreft, probeer eens alles een margin en padding van 0 mee te geven, en de border van je inputs uit te schakelen.

EDIT: Dit werkt voor mij. Heb effe de <table> 1px cellspacing en een bgColor meegegeven zodat je de grijze achtergrond van deze table ziet. Door de <input>s op display:block te zetten ging de rare marge weg.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html>
<head>
   <title>Table input</title>
</head>

<style type="text/css">
input{
   display:block;
}
</style>

<body>

<form action="" style="margin: 0; padding: 0;">
   <table cellspacing="1" cellpadding="0" style="background-color:#aaaaaa;">
      <tr>
         <td><input style="border-width:0; background-color: #FFBFBF;" /></td>
         <td><input style="border-width:0; background-color: #FFBFBF;" /></td>
      </tr>
      <tr>
         <td><input style="border-width:0; background-color: #FFBFBF;" /></td>
         <td><input style="border-width:0; background-color: #FFBFBF;" /></td>
      </tr>
      <tr>
         <td><img src="http://i.fokzine.net/pm_media/swtb_no_pm.png" width="15" height="15" border="0" /></td>
         <td><img src="http://i.fokzine.net/pm_media/swtb_no_pm.png" width="15" height="15" border="0" /></td>
      </tr>
   </table>
</form>

</body>
</html>


Maare, je weet dat je voor zulke dingetjes eigenlijk geen table moet gebruiken en dat een formulier in een <fieldset> hoort, toch?

[ Bericht 30% gewijzigd door Tuvai.net op 06-05-2008 08:48:38 ]
pi_58508182
quote:
Op dinsdag 6 mei 2008 08:40 schreef Tuvai.net het volgende:
Door de <input>s op display:block te zetten ging de rare marge weg.
Dat ga ik eens proberen dan
quote:
Op dinsdag 6 mei 2008 08:40 schreef Tuvai.net het volgende:
Maare, je weet dat je voor zulke dingetjes eigenlijk geen table moet gebruiken en dat een formulier in een <fieldset> hoort, toch?
Een normaal formulier gaat in een fieldset inderdaad, maar dit wordt een grid en is daarmee tabelvormig
Vandaar dat ik ook die gekke marge weg wil hebben, zodat ik de velden tegen elkaar kan zetten....
pi_58517526
Die display:block heeft bij mij geen enkel effect..... ?
  zaterdag 24 mei 2008 @ 06:21:09 #69
32768 DionysuZ
Respect my authority!
pi_58872700
Ok vraagje, zit met een probleem en krijg deze niet opgelost.

Probleem is als volgt: ik heb een containerdiv (#menu) van een bepaalde, vaste grootte. In die container zit een unordered list met daarin alle menu items. Dit menu moet rechtsonder aan de div uitgelijnd zijn. Dit heb ik opgelost door de UL position: absolute te geven en bottom: 0.

Allemaal goed en aardig, werkt mooi. Maar nu wil ik, dat als de gebruiker bijv. een bepaalde tekstgrootte kiest (alle tekst is volgens em maten opgebouwd voor accessibility voor slechtzienden), of er meer dan een bepaalde hoeveelheid menuitems worden aangemaakt (variabel), dat de containerdiv dus gaat scrollen.

Nu dacht ik dat even op te lossen met overflow: auto. Maar dat werkt dus niet. Zelfs bij overflow: scroll blijven de scrollbalken grijs als je de tekst zó groot maakt dat hij buiten de kaders valt.

De enige oplossing was om de UL een vaste grootte te geven, maar dan is het menu weer niet volledig aan de onderkant van #menu uitgelijnd.

Probleem dus.

Weet iemand een oplossing?
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
  zaterdag 24 mei 2008 @ 09:15:43 #70
12880 CraZaay
prettig gestoord
pi_58873220
Door de absolute positionering haal je het menu uit de flow, en komen er dus geen scrollbalken. Heb je een voorbeeld online staan?
  zaterdag 24 mei 2008 @ 20:49:21 #71
32768 DionysuZ
Respect my authority!
pi_58883565
quote:
Op zaterdag 24 mei 2008 09:15 schreef CraZaay het volgende:
Door de absolute positionering haal je het menu uit de flow, en komen er dus geen scrollbalken. Heb je een voorbeeld online staan?
ik kan wel een voorbeeld laten zien, maar omdat het de toekomstige site van een klant betreft kan ik die niet zomaar hier posten. PM misschien?
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
pi_59018337
Ik heb nogal een vaag probleem met het opmaken van submit buttons dmv css.

De relevante css code

input[type="submit"]
{


background-color: #3399FF;
border:double;
font-family:Verdana, Arial, Helvetica, sans-serif;

}


select {

background-color:#3399FF;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:double;
}

Dit werkt allemaal prima op de meeste pagina's. Bij een pagina werkt 't echter niet.
De code van deze pagina is (let niet op php):

<form action="changebet2.php" method="post">
<input name="who" type="hidden" value="<?php echo $who;?>"/>
<select name="select">
<option>
¤0M
</option>
<?php

$counter = '1';

while ($counter <= $money)
{
echo "<option>";
echo "¤";
echo $counter;
echo "M";
echo "</option>";
$counter = $counter +1;
}
?>
</select>
<input type="submit" value="Place bet." name="submit"/>
</form>

Het select-menu ziet eruit zoals opgegeven in de css. De submit-button heeft een dubbele rand, maar het font-type klopt niet!

Het gekke is dat als ik of het select menu weghaal, of de submit button in de code boven de code van het select menu plak, dat het dan wel klopt. Weet iemand waarom dit is?
  zaterdag 31 mei 2008 @ 10:36:28 #73
12880 CraZaay
prettig gestoord
pi_59028275
Begin eens met de geparste PHP (oftewel: de HTML die naar de browser gaat) te posten en deze binnen [code] tags te zetten

Je weet overigens dat deze CSS 3 selectors niet in alle browsers werken (lees: IE6 bijvoorbeeld)?
  zaterdag 31 mei 2008 @ 10:37:12 #74
12880 CraZaay
prettig gestoord
pi_59028285
quote:
Op zaterdag 24 mei 2008 20:49 schreef DionysuZ het volgende:

ik kan wel een voorbeeld laten zien, maar omdat het de toekomstige site van een klant betreft kan ik die niet zomaar hier posten. PM misschien?
Late reacte: je kunt toch gewoon een testcase zonder bedrijfsgegevens online zetten
pi_59029277
quote:
Op zaterdag 31 mei 2008 10:36 schreef CraZaay het volgende:
Begin eens met de geparste PHP (oftewel: de HTML die naar de browser gaat) te posten en deze binnen [code] tags te zetten

Je weet overigens dat deze CSS 3 selectors niet in alle browsers werken (lees: IE6 bijvoorbeeld)?
Ik zie er ook nog php in staan, dus het zou ook binnen [php] tags mogen
fokstok.nl
  zaterdag 31 mei 2008 @ 13:23:45 #76
12880 CraZaay
prettig gestoord
pi_59030323
quote:
Op zaterdag 31 mei 2008 12:09 schreef Light het volgende:

Ik zie er ook nog php in staan, dus het zou ook binnen [php] tags mogen
Vandaar dat ik vroeg de geparste PHP te posten (de uiteindelijke HTML dus). Het is immers geen PHP probleem
  zaterdag 31 mei 2008 @ 21:14:03 #77
32768 DionysuZ
Respect my authority!
pi_59038225
quote:
Op zaterdag 31 mei 2008 10:37 schreef CraZaay het volgende:

[..]

Late reacte: je kunt toch gewoon een testcase zonder bedrijfsgegevens online zetten
testcase:
http://testcase.einz.nl
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
pi_59042490
quote:
Op zaterdag 31 mei 2008 12:09 schreef Light het volgende:

[..]

Ik zie er ook nog php in staan, dus het zou ook binnen [php] tags mogen :)
1
2
3
4
5
6
7
8
9		Your current bet for Erwin Koeman is ¤5M. If you want to cancel this bet, set amount to 0.<br>You can spend €60M on bets.<br><br><form action="changebet2.php" method="post">
<input name="who" type="hidden" value="Erwin Koeman"/>
<select name="select">
<option>
¤0M
</option>
<option>¤1M</option><option>¤2M</option><option>¤3M</option><option>¤4M</option><option>¤5M</option><option>¤6M</option><option>¤7M</option><option>¤8M</option><option>¤9M</option><option>¤10M</option><option>¤11M</option><option>¤12M</option><option>¤13M</option><option>¤14M</option><option>¤15M</option><option>¤16M</option><option>¤17M</option><option>¤18M</option><option>¤19M</option><option>¤20M</option><option>¤21M</option><option>¤22M</option><option>¤23M</option><option>¤24M</option><option>¤25M</option><option>¤26M</option><option>¤27M</option><option>¤28M</option><option>¤29M</option><option>¤30M</option><option>¤31M</option><option>¤32M</option><option>¤33M</option><option>¤34M</option><option>¤35M</option><option>¤36M</option><option>¤37M</option><option>¤38M</option><option>¤39M</option><option>¤40M</option><option>¤41M</option><option>¤42M</option><option>¤43M</option><option>¤44M</option><option>¤45M</option><option>¤46M</option><option>¤47M</option><option>¤48M</option><option>¤49M</option><option>¤50M</option><option>¤51M</option><option>¤52M</option><option>¤53M</option><option>¤54M</option><option>¤55M</option><option>¤56M</option><option>¤57M</option><option>¤58M</option><option>¤59M</option><option>¤60M</option></select>
<input type="submit" value="Place bet." name="submit"/>
</form>


Browser die ik gebruik is Firefox 2.0.0.14.
  zondag 1 juni 2008 @ 20:23:11 #79
164509 Banzaiaap
Tony Rocky Horror
pi_59054798
Wordpress CSS bewerken is een pain in the ass zeg :(

Ik heb het nu aardig voor elkaar: blog.banzaidesign.nl , maar als je een losse pagina bekijkt loopt de footer niet goed door! :/

HTML gewone index

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56		<?php
<div id="wrapper">
<div id="menutekst"><ul id="menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">About me</a></li>    
            <li><a href="#">C V</a></li>                    
        </ul>
        <ul id="right_menu">
            <li><a href="#">Blog</a></li>
            <li><a href="#">Contact</a></li>
        </ul>       </div> <img src="http://www.banzaidesign.nl/blog/wp-content/themes/banzaidesign/images/blogheader.jpg" id="banner" border="0px" alt="Dark Times"/>
 get_header(); 
    <div id="menu">
    </div>
    <div id="content" class="narrowcolumn">
    

     if (have_posts()) : 

         while (have_posts()) : the_post(); 

            <div class="post" id="post- the_ID(); ">
                <h2><a href=" the_permalink() " rel="bookmark" title="Permanent Link to  the_title_attribute(); "> the_title(); </a></h2>
                <small> the_time('F jS, Y')  <!-- by  the_author()  --></small>

                <div class="entry">
                     the_content('Read the rest of this entry &raquo;'); 
                </div>

                <p class="postmetadata"> the_tags('Tags: ', ', ', '<br />');  Posted in  the_category(', ')  |  edit_post_link('Edit', '', ' | ');    comments_popup_link('No Comments &#187;', '1 Comment &#187;', '% Comments &#187;'); </p>
            </div>

         endwhile; 

        <div class="navigation">
            <div class="alignleft"> next_posts_link('&laquo; Older Entries') </div>
            <div class="alignright"> previous_posts_link('Newer Entries &raquo;') </div>
        </div>

     else : 

        <h2 class="center">Not Found</h2>
        <p class="center">Sorry, but you are looking for something that isnt here.</p>
         include (TEMPLATEPATH . "/searchform.php"); 

     endif; 

    </div>
</div>

 get_sidebar(); 


</div> get_footer(); 
?>


HTML losse pagina:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86		<?php
<div id="wrapper">
    <div id="menutekst">
        <ul id="menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">About me</a></li>    
            <li><a href="#">C V</a></li>                    
        </ul>
        <ul id="right_menu">
            <li><a href="#">Blog</a></li>
            <li><a href="#">Contact</a></li>
        </ul>       </div> <img src="http://www.banzaidesign.nl/blog/wp-content/themes/banzaidesign/images/blogheader.jpg" id="banner" border="0px" alt="Dark Times"/>

 get_header(); 

<div id="content" class="narrowcolumn">

     if (have_posts()) : while (have_posts()) : the_post(); 

        <div class="navigation">
            <div class="alignleft"> previous_post_link('&laquo; %link') </div>
            <div class="alignright"> next_post_link('%link &raquo;') </div>
        </div>

        <div class="post" id="post- the_ID(); ">
            <h2> the_title(); </h2>

            <div class="entry">
                 the_content('<p class="serif">Read the rest of this entry &raquo;</p>'); 

                 wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); 
                 the_tags( '<p>Tags: ', ', ', '</p>'); 

                <p class="postmetadata alt">
                    <small>
                        This entry was posted
                         /* This is commented, because it requires a little adjusting sometimes.
                            You'll need to download this plugin, and follow the instructions:
                            http://binarybonsai.com/archives/2004/08/17/time-since-plugin/ */
                            /* $entry_datetime = abs(strtotime($post->post_date) - (60*120)); echo time_since($entry_datetime); echo ' ago'; */ 
                        on  the_time('l, F jS, Y')  at  the_time() 
                        and is filed under  the_category(', ') .
                        You can follow any responses to this entry through the  post_comments_feed_link('RSS 2.0');  feed.

                         if (('open' == $post-> comment_status) && ('open' == $post->ping_status)) {
                            // Both Comments and Pings are open 
                            You can <a href="#respond">leave a response</a>, or <a href=" trackback_url(); " rel="trackback">trackback</a> from your own site.

                         } elseif (!('open' == $post-> comment_status) && ('open' == $post->ping_status)) {
                            // Only Pings are Open 
                            Responses are currently closed, but you can <a href=" trackback_url();  " rel="trackback">trackback</a> from your own site.

                         } elseif (('open' == $post-> comment_status) && !('open' == $post->ping_status)) {
                            // Comments are open, Pings are not 
                            You can skip to the end and leave a response. Pinging is currently not allowed.

                         } elseif (!('open' == $post-> comment_status) && !('open' == $post->ping_status)) {
                            // Neither Comments, nor Pings are open 
                            Both comments and pings are currently closed.

                         } edit_post_link('Edit this entry.','',''); 

                    </small>
                </p>

            </div>
        </div>

     comments_template(); 

     endwhile; else: 

        <p>Sorry, no posts matched your criteria.</p>

 endif; 

    </div>
</div>

 get_sidebar(); 


 get_footer(); 
?>
  zondag 1 juni 2008 @ 22:14:51 #80
3677 SuperRembo
Sinds 1998
pi_59057145
Je footer moet buiten de wrapper staan.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  maandag 2 juni 2008 @ 13:19:04 #81
164509 Banzaiaap
Tony Rocky Horror
pi_59067460
quote:
Op zondag 1 juni 2008 22:14 schreef SuperRembo het volgende:
Je footer moet buiten de wrapper staan.
Staat ie dat niet dan?
pi_59069426
Niet bij de losse pagina.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  woensdag 4 juni 2008 @ 13:47:49 #83
201614 Doc.Brown
Great Scott!
pi_59115116
Ik vroeg me af of het een beetje mogelijk is om een drop-down box te stylen? Vind die standaard OS knoppen zo lelijk eigenlijk. Of kan je alleen een border en de inhoud van de box stylen?
You have to come back with me! Back to the Future!
pi_59122700
quote:
Op woensdag 4 juni 2008 13:47 schreef Doc.Brown het volgende:
Ik vroeg me af of het een beetje mogelijk is om een drop-down box te stylen? Vind die standaard OS knoppen zo lelijk eigenlijk. Of kan je alleen een border en de inhoud van de box stylen?
Voor IE geef ik je weinig kans van slagen. Voor andere browsers vind je hier een beschrijving hoe je een select-box kunt stylen. Niet lastig van opzet, en het beperkt de bruikbaarheid van je site niet.

Op diezelfde pagina staat ook hoe je checkboxes en radio boxes kunt stylen.
fokstok.nl
  woensdag 4 juni 2008 @ 19:41:01 #85
201614 Doc.Brown
Great Scott!
pi_59125194
quote:
Op woensdag 4 juni 2008 18:07 schreef Light het volgende:

[..]

Voor IE geef ik je weinig kans van slagen. Voor andere browsers vind je hier een beschrijving hoe je een select-box kunt stylen. Niet lastig van opzet, en het beperkt de bruikbaarheid van je site niet.

Op diezelfde pagina staat ook hoe je checkboxes en radio boxes kunt stylen.
Thanks! Interessante voorbeelden, en het is primair voor FF bedoeld. Dus daar heb ik wat aan!

Ik zie dat in IE7, waar die drop-down dus niet gestyled is, hij toch gewoon werkend blijft. Helemaal top

[ Bericht 9% gewijzigd door Doc.Brown op 04-06-2008 19:48:23 ]
You have to come back with me! Back to the Future!
  zondag 15 juni 2008 @ 17:57:58 #86
164509 Banzaiaap
Tony Rocky Horror
pi_59409688
Ik hoop dat dit het goede topic hiervoor is, maar dat zal wel goed zitten:P

Ik ben bezig met een site voor een goede vriend van mij, een DJ.

Ik krijg echter een aantal dingen niet voor elkaar
- Het beveiligen van zijn nummers op zn site, die staan nu in een player, maar als iemand de playlist vind, kan je zo de links naar de nummers pakken.
- Een fatsoenlijk formulier maken, wat ook daadwerkelijk wat verstuurd.. hoe doe ik dit?
pi_59470417
Ik ben bezig om een div gecentreerd te vertonen op een pagina die verder blanco is. Nu heb ik al van alles geprobeerd, zelfs m.b.v. een tabel, maar ook dat wil niet lukken. Krijg het hooguit in de breedte gecentreerd maar in de hoogte blijft hij bovenaan staan. Kan iemand mij hiermee helpen of een oplossing voor geven.

Alvast bedankt :)

Hier de betreffende css:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43		#box {
width:300px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background:#cccccc;
}
#header {
font-size:15px;
font-weight:bold;
text-align:left;
padding-top:2px;
padding-left:8px;
padding-right:8px;
padding-bottom:2px;
}
#body {
height:100px;
font-size:12px;
text-align:left;
background:#ffffff;
margin-left:2px;
margin-right:2px;
padding-top:2px;
padding-left:8px;
padding-right:8px;
padding-bottom:2px;
}
#footer {
font-size:9px;
text-align:left;
padding-top:2px;
padding-left:8px;
padding-right:8px;
padding-bottom:2px;
}
a {
color:#000000; 
text-decoration:none;
}
a:hover {
color:#0099ff; 
text-decoration:underline;
}


Hier de betreffende div's
1
2
3
4
5		<div id="box">
  <div id="header">header</div>
  <div id="body">Message</div>
  <div id="footer">Contact: <a href="mailto:bla@bla.nl">mailto:bla@bla.nl</a></div>
</div>
  FOK!-Schrikkelbaas dinsdag 17 juni 2008 @ 21:01:05 #88
1972 Swetsenegger
Egocentrische Narcist
pi_59470505
1
2
3
4
5
6
7
8
9
10
11
12
13
14		#distance { 
   width:1px;
   height:50%;
   margin-bottom:-300px; /* helft van de containers hoogte */
   float:left;
}
      
.container{
   position:relative;
   clear:left;
   margin:0 auto; /*horizontale centrering. Werkt niet in IE quircksmode. Dan text-align:center aan body toevoegen*/
   width:1000px;
   height:600px;
}


1
2
3
4
5
6		<body>
   <div id="distance"></div>
   <div class="container">
           <!-- pagina -->
   </div>
</body>
 | FOK! Schrikkelbaasch
pi_59470913
quote:
Op dinsdag 17 juni 2008 21:01 schreef Swetsenegger het volgende:

[ code verwijderd ]


[ code verwijderd ]


Indien dit een reactie is op mijn vraag moet ik helaas zeggen dat dit niet het resultaat geeft wat ik zoek. In FF blijft hij bovenaan de pagina staan, ietwat naar het midden. In IE ook bovenaan maar wel in het midden.
  FOK!-Schrikkelbaas dinsdag 17 juni 2008 @ 21:19:44 #90
1972 Swetsenegger
Egocentrische Narcist
pi_59471015
quote:
Op dinsdag 17 juni 2008 21:16 schreef BugWorks het volgende:

[..]

Indien dit een reactie is op mijn vraag moet ik helaas zeggen dat dit niet het resultaat geeft wat ik zoek. In FF blijft hij bovenaan de pagina staan, ietwat naar het midden. In IE ook bovenaan maar wel in het midden.
gek, want bij mij werkt het in elke major browser. Heb je ook de commentaar regels gelezen?
 | FOK! Schrikkelbaasch
pi_59471294
quote:
Op dinsdag 17 juni 2008 21:19 schreef Swetsenegger het volgende:

[..]

gek, want bij mij werkt het in elke major browser. Heb je ook de commentaar regels gelezen?
Je commentaar regels heb ik gelezen. Als ik de container hoogte aanpas (en de margin-bottom) blijft hij alsnog boven aan de pagina staan. Bij beide browser blijft hij op ongeveer 25% steken in de breedte, gebruik ik de text-align bij IE dan staat het wel in het midden, maar nog steeds bovenaan.

Betreffende website: www.bugworks.eu
  FOK!-Schrikkelbaas dinsdag 17 juni 2008 @ 21:30:00 #92
1972 Swetsenegger
Egocentrische Narcist
pi_59471337
quote:
Op dinsdag 17 juni 2008 21:28 schreef BugWorks het volgende:

[..]

Je commentaar regels heb ik gelezen. Als ik de container hoogte aanpas (en de margin-bottom) blijft hij alsnog boven aan de pagina staan. Bij beide browser blijft hij op ongeveer 25% steken in de breedte, gebruik ik de text-align bij IE dan staat het wel in het midden, maar nog steeds bovenaan.

Betreffende website: www.bugworks.eu
Voeg eens een doctype toe.
 | FOK! Schrikkelbaasch
pi_59471374
quote:
Op dinsdag 17 juni 2008 21:16 schreef BugWorks het volgende:

[..]

Indien dit een reactie is op mijn vraag moet ik helaas zeggen dat dit niet het resultaat geeft wat ik zoek. In FF blijft hij bovenaan de pagina staan, ietwat naar het midden. In IE ook bovenaan maar wel in het midden.
Die code van Swetsenegger is gewoon goed hoor. Maar ik zou bij de body geen hoogte instellen, dat staat wel in de css die je hebt gepost.

Edit: correctie, die hoogte staat bij een #body, niet bij body. Da's net even anders.
fokstok.nl
  FOK!-Schrikkelbaas dinsdag 17 juni 2008 @ 21:33:46 #94
1972 Swetsenegger
Egocentrische Narcist
pi_59471475
je hebt sowieso al een aflsuitende div te veel en die text-align heb je nodig omdat je in je CSS een text-align:left in je body hebt staan.

en die box die je wil centreren is veel kleiner dan je container. Dus je container is wel gecentreerd, maar je box wordt gewoon links in de container uitgelijnd.
 | FOK! Schrikkelbaasch
pi_59471555
quote:
Op dinsdag 17 juni 2008 21:30 schreef Swetsenegger het volgende:

[..]

Voeg eens een doctype toe.
Ik heb het volgende wat bovenaan staat:
quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Ik zou niet weten wat er anders zou moeten staan , krijg bovenstaande standaard mee als ik een nieuwe html pagina maak met dreamweaver.
pi_59471884
Nu heb ik het werkend. Heb de regel "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">" verwijderd en verder nog wat aangepast (hoogte van de container) en nu werkt het naar wens.

Dank
  woensdag 18 juni 2008 @ 15:57:12 #97
137690 Pizzahut
Het Bora Bora Gebergte
pi_59491105
ik vergeet dit elke keer weer:

Mijn pagina bestaat uit 4 elementen; header, menu, main en footer.
nu wil ik mijn main op height:auto; zetten, echter als ik mijn menu op height:100% doe blijft hij minimaal.

Hoe kan ik dit fixen?
Disturbed Mind
Het leven: Soms ben je de duif, soms het standbeeld.
  woensdag 18 juni 2008 @ 19:39:25 #98
12880 CraZaay
prettig gestoord
pi_59496740
quote:
Op dinsdag 17 juni 2008 21:47 schreef BugWorks het volgende:
Nu heb ik het werkend. Heb de regel "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">" verwijderd en verder nog wat aangepast (hoogte van de container) en nu werkt het naar wens.

Dank
En welk doctype heb je in plaats van deze gebruikt? Zeg me ALSJEBLIEFT dat je niet gewoon de hele doctype declaratie maar achterwege laat
  woensdag 18 juni 2008 @ 19:52:54 #99
145090 HenkBenzinetank
Toegevoegde waarde
pi_59497082
quote:
Op zondag 15 juni 2008 17:57 schreef Banzaiaap het volgende:
Ik hoop dat dit het goede topic hiervoor is, maar dat zal wel goed zitten:P

Ik ben bezig met een site voor een goede vriend van mij, een DJ.

Ik krijg echter een aantal dingen niet voor elkaar
- Het beveiligen van zijn nummers op zn site, die staan nu in een player, maar als iemand de playlist vind, kan je zo de links naar de nummers pakken.
- Een fatsoenlijk formulier maken, wat ook daadwerkelijk wat verstuurd.. hoe doe ik dit?
Dat doe je niet met CSS, maar PHP
  donderdag 19 juni 2008 @ 13:32:48 #100
37634 wobbel
Da WoBBeL King
pi_59516808
Ik word gek ik ben absoluut geen held met <div> en CSS maar nu kom ik er niet meer uit....

Ik heb een wrapper met daarin 2 divjes, links en rechts.
Nu heeft die wrapper een background image, maar die geeft hij dus niet goed weer in FF3, IE7, opera etc...
In IE6/IE7 gaat het daar in tegen wel goed!!!

In IE6 en IE7 gaat het wel goed:
http://www.dumpzooi.nl/zooi/fok/ie6_1.jpg
http://www.dumpzooi.nl/zooi/fok/ie7_1.jpg

Daar gaat het prima

FF3 denkt daar trouwens heel anders over:
http://www.dumpzooi.nl/zooi/fok/ff3_1.jpg

Ik krijg het niet opgelost?!!!

De code is te vinden op

http://www.senscomputers.nl/v3/test1.html
http://www.senscomputers.(...)eets/snsv3_test1.css
Hosted VoIP SIP trunks Vast mobiel VoIP
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[CSS] voor dummies - deel 9
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')