[CSS] voor dummies #15

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_84831326
Uit het vorige topic:

quote:
Op dinsdag 3 augustus 2010 20:22 schreef Black-Hole het volgende:

[..]

Laat eens wat van je code zien, cross browser compatability is een bitch soms.
Het begint altijd bij de basis: declareer een doctype. Daar gaat het al mis.
fokstok.nl
pi_84832274
Waarom is HTML/CSS toch iets geworden dat iedere gebruiker met een computer denkt te moeten kunnen zonder enige relevante research te doen? Ik ga toch ook niet een tafel in elkaar timmeren zonder daar op z'n minst een boek over te lezen of research over te doen :D
Nee.
  woensdag 4 augustus 2010 @ 10:00:53 #4
71610 Black-Hole
Deep in my soul
pi_84843354
quote:
Op dinsdag 3 augustus 2010 22:13 schreef Light het volgende:
Het begint altijd bij de basis: declareer een doctype. Daar gaat het al mis.
Met HTLM5 is dat nu ontzettend simpel :)
1<!doctype HTML>
pi_84844298
Dit is 'm dus, in Firefox ziet hij er netjes uit, niks geen pro website ofzo maar voor ons is het goed genoeg. Als jullie 'm in Firefox openen ziet hij er dan ook redelijk uit? Ik bedoel, rechte stukjes tekst en geen blauwe lijnen om de afbeeldingen heen?
pi_84844326
Pom pom :P
pi_84860290
Bij mij in Firefox 3.6 op de Mac lijkt hetnaar behoren te werken.
Nee.
  woensdag 4 augustus 2010 @ 20:55:32 #8
71610 Black-Hole
Deep in my soul
pi_84868082
quote:
Op woensdag 4 augustus 2010 10:39 schreef Gitaarmat het volgende:
Dit is 'm dus, in Firefox ziet hij er netjes uit, niks geen pro website ofzo maar voor ons is het goed genoeg. Als jullie 'm in Firefox openen ziet hij er dan ook redelijk uit? Ik bedoel, rechte stukjes tekst en geen blauwe lijnen om de afbeeldingen heen?
Je laatste alinea is twee keer zichbaar hier in FF, loopt hele maal door van links naar rechts achter je main content om. Ook in Chrome is je laatste alinea niet goed gecentreerd. Hij neemt de hele pagina in beslag.
pi_84868164
Wel mooie Mystery Meat Navigation trouwens, chapeau! :D
Nee.
pi_84887646
quote:
Op woensdag 4 augustus 2010 20:55 schreef Black-Hole het volgende:

[..]

Je laatste alinea is twee keer zichbaar hier in FF, loopt hele maal door van links naar rechts achter je main content om. Ook in Chrome is je laatste alinea niet goed gecentreerd. Hij neemt de hele pagina in beslag.
En nu dan? Bij mij ziet het er nu zo uit:

pi_84898893
Waarom werkt tekst transparantie in de volgende situatie niet?

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		<style>
        
    .container {
        background-color: #000000;  /* the background          */
        filter:alpha(opacity=60);   /* Internet Explorer       */
        -moz-opacity:0.6;           /* Mozilla 1.6 and below   */
        opacity: 0.6;               /* newer Mozilla and CSS-3 */
    }
    .opaquetext {
       filter:alpha(opacity=100);  /* discarded */
       -moz-opacity:1.0;           /* discarded */
       opacity: 1.0;               /* discarded */
       color: #FFFFFF;
    }
    
</style>

<div class="container" style="margin-bottom: 10px;">
    <div class="opaquetext">
      This is a normal text
      on a translucent background
    </div>
</div>

<div style="background-color: #FF0000; height: 100px;">
    <div class="container" style="margin-bottom: 10px;">
        <div class="opaquetext">
          This is a normal text
          on a translucent background
        </div>
    </div>
</div>
Zoals te zien is dat bij de eerste div situatie de tekst gewoon mooi wit is, maar bij de twee is de tekst ineens roodachtig ook al zou je anders verwachten :?
  donderdag 5 augustus 2010 @ 16:51:34 #12
91039 mstx
2x1/2 = 1/2 x 1/2
pi_84899364
quote:
Op donderdag 5 augustus 2010 16:37 schreef Pakspul het volgende:
Waarom werkt tekst transparantie in de volgende situatie niet?
[ code verwijderd ]

Zoals te zien is dat bij de eerste div situatie de tekst gewoon mooi wit is, maar bij de twee is de tekst ineens roodachtig ook al zou je anders verwachten :?
Als je een div (half)transparant maakt geldt dat voor alles daar binnen in, ookal maak je dat weer 100% zichtbaar.
Dat die bovenste tekst wel mooi wit is komt omdat de achtergrond daar ook wit is, wit+wit blijft altijd wit. Daaronder echter zit alles in een container die een rode achtergrondkleur heeft. Wit+rood = roze. ;)
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_84899455
quote:
Op donderdag 5 augustus 2010 16:51 schreef mstx het volgende:

[..]

Als je een div (half)transparant maakt geldt dat voor alles daar binnen in, ookal maak je dat weer 100% zichtbaar.
Dat die bovenste tekst wel mooi wit is komt omdat de achtergrond daar ook wit is, wit+wit blijft altijd wit. Daaronder echter zit alles in een container die een rode achtergrondkleur heeft. Wit+rood = roze. ;)
Ok en hoe kan ik er voor zorgen dat in de onderste situatie de tekst 100% wit is?
  donderdag 5 augustus 2010 @ 17:00:23 #14
91039 mstx
2x1/2 = 1/2 x 1/2
pi_84899649
quote:
Op donderdag 5 augustus 2010 16:54 schreef Pakspul het volgende:

[..]

Ok en hoe kan ik er voor zorgen dat in de onderste situatie de tekst 100% wit is?
- Halftransparante PNG als achtergrond nemen en geen opacity instellen
- Tekst in een aparte div er absoluut/relatief overheen plaatsen
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_84902311
Of gewoon rgba-kleuren gebruiken.
Nee.
  donderdag 5 augustus 2010 @ 22:25:22 #16
71610 Black-Hole
Deep in my soul
pi_84913671
quote:
Op donderdag 5 augustus 2010 11:24 schreef Gitaarmat het volgende:

En nu dan? Bij mij ziet het er nu zo uit:

Nu ziet het er prima uit, zowel in FF als Chrome.
pi_84934596
quote:
Op donderdag 5 augustus 2010 22:25 schreef Black-Hole het volgende:

[..]

Nu ziet het er prima uit, zowel in FF als Chrome.
Toch in IE blijven er vage dingen, de tekst staat niet geheel in het midden, het lettertype van de agenda is ook ineens groter. Echt vage dingen. :@
pi_84934922
quote:
Op vrijdag 6 augustus 2010 13:17 schreef Gitaarmat het volgende:

[..]

Toch in IE blijven er vage dingen, de tekst staat niet geheel in het midden, het lettertype van de agenda is ook ineens groter. Echt vage dingen. :@
Dan moet je eerst zorgen dat je pagina's (de frameset en ook de achterliggende pagina's) valide html zijn. Met doctype. Het heeft geen zin om problemen op te willen lossen als de basis niet goed is.
fokstok.nl
pi_84935170
quote:
Op vrijdag 6 augustus 2010 13:25 schreef Light het volgende:

[..]

Dan moet je eerst zorgen dat je pagina's (de frameset en ook de achterliggende pagina's) valide html zijn. Met doctype. Het heeft geen zin om problemen op te willen lossen als de basis niet goed is.
Daar begrijp ik het al niet. :@
pi_84936429
quote:
Op vrijdag 6 augustus 2010 13:30 schreef Gitaarmat het volgende:

[..]

Daar begrijp ik het al niet. :@
Hier staat meer informatie: http://www.w3.org/QA/2002/04/valid-dtd-list.html
fokstok.nl
  vrijdag 6 augustus 2010 @ 14:09:04 #21
71610 Black-Hole
Deep in my soul
pi_84936860
quote:
Op vrijdag 6 augustus 2010 13:30 schreef Gitaarmat het volgende:

[..]

Daar begrijp ik het al niet. :@
Zie mijn eerste post im dit topic, dat bovenaan je html file zetten is genoeg.
pi_84938014
quote:
Op vrijdag 6 augustus 2010 14:09 schreef Black-Hole het volgende:

[..]

Zie mijn eerste post im dit topic, dat bovenaan je html file zetten is genoeg.
Maar daarmee wordt de html gegarandeerd niet valide.
SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
fokstok.nl
  vrijdag 6 augustus 2010 @ 14:42:52 #23
71610 Black-Hole
Deep in my soul
pi_84938386
quote:
Op vrijdag 6 augustus 2010 14:34 schreef Light het volgende:

[..]

Maar daarmee wordt de html gegarandeerd niet valide.
SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
Fonts stijl je toch met css? Ik zie het probleem niet.
pi_84940099
quote:
Op vrijdag 6 augustus 2010 14:42 schreef Black-Hole het volgende:

[..]

Fonts stijl je toch met css? Ik zie het probleem niet.
De link die Gitaarmat gaf, gaat naar een frameset. Daar wordt dan 1 pagina geladen: http://ageless.nu/andthegodsmadecoffee/index.html . Die pagina is niet html4, niet xhtml1 en zeker niet html5.
fokstok.nl
  maandag 9 augustus 2010 @ 21:23:12 #25
71610 Black-Hole
Deep in my soul
pi_85067661
Vraagje over hoe jullie dit zouden aanpakken.

Voor de site die ik aan het bouwen ben ga ik gebruik maken van horizontale lijnen die de gedeeltes van de pagina's moeten scheiden. hiervoor gebruik ik een png-file van 1px die ik over de hele breedte wil herhalen. Alleen lukt het me niet goed om dit voor elkaar te krijgen aangezien de div die ik hiervoor gebruik verder leeg is. De volgende opmaak werkt wel maar is dus niet zichtbaar vanwege de lege div.

1
2
3
4		#lijn{
margin-top: 30px;
background: url('../images/line.png') repeat-x;
}
Werken met borders is geen optie aangezien de png-file bestaat uit 2 kleuren zodat de lijn een soort schaduweffect meekrijgt.

Hoe zouden jullie dit oplossen?
pi_85068025
1
2
3
4
5		#lijn {
background:url(../images/line.png) repeat-x;
display:block;
height:1px;
}
Zou moeten werken. Overigens raad je ik aan om hier het horizontal rule element voor te gebruiken (<hr />), aangezien het daarvoor bedoeld is en die dan een background e.d. geven. Wel zo netjes :)
Nee.
  maandag 9 augustus 2010 @ 21:44:52 #27
71610 Black-Hole
Deep in my soul
pi_85068993
quote:
Op maandag 9 augustus 2010 21:29 schreef PimD het volgende:

[ code verwijderd ]

Zou moeten werken. Overigens raad je ik aan om hier het horizontal rule element voor te gebruiken (<hr />), aangezien het daarvoor bedoeld is en die dan een background e.d. geven. Wel zo netjes :)
Dat werkt inderdaad ^O^

Nadeel van de <hr> tag is dat ik hm niet goed gestyled krijg en heel de ruimte inneemt en dat terwijl ik nog wat margins nodig heb links en rechts.
pi_85070295
quote:
Op maandag 9 augustus 2010 21:44 schreef Black-Hole het volgende:

[..]

Dat werkt inderdaad ^O^

Nadeel van de <hr> tag is dat ik hm niet goed gestyled krijg en heel de ruimte inneemt en dat terwijl ik nog wat margins nodig heb links en rechts.
Wat margins links en rechts kan toch gewoon?
1
2
3
4
5
6
7		hr {
    height: 2px;
    margin: 0 50px;
    background-color: #f00;
    border: 0;
    border-bottom: 1px solid #00f;
}
fokstok.nl
  maandag 9 augustus 2010 @ 22:29:53 #29
71610 Black-Hole
Deep in my soul
pi_85071938
quote:
Op maandag 9 augustus 2010 22:05 schreef Light het volgende:

[..]

Wat margins links en rechts kan toch gewoon?
[ code verwijderd ]


De styling ervan zorgt voor problemen in IE als ik ga werken met een background image, wat je weer kan verhelpen met een div maar dat maakt het allemaal nog complexer.
pi_85073367
Maar wel semantisch correct.
Nee.
pi_85074004
Ik heb hier zo geen IE om mee te testen :) Maar volgens mij moet het gewoon met een hr zonder div kunnen. Ook in IE.
fokstok.nl
  woensdag 18 augustus 2010 @ 06:02:19 #32
110933 F4T4L_3RR0R
R.I.P. webicon ;(
pi_85423862
Ik heb 2 div'jes naast elkaar in een andere div (container) staan.

Als ik de container bijvoorbeeld een rode background-color meegeef, dan is de container rood.

Float ik het linker div'je naar links dan werkt alles nog goed.
Float ik het rechter div'je naar rechts, dan verdwijnt de rode achtergrond in de container.

:?



Wit is pagina.
Rood is container.
Groen is linker div.
Blauw is rechter div.
Een ballonvaarder die door de mand valt is nooit grappig...
pi_85424120
Je moet de container "overflow:hidden" geven om de floats te clearen. Of de clearfix gebruiken (Googlen op clearfix) als je de bulletproof oplossing wilt gebruiken.
Nee.
pi_85429522
Hoi,

Ik heb een menu, en als je over een link hovert, komt er een achtergrondafbeelding boven de link. Die afbeelding is 165 px ongeveer, kleiner zou gewoon misstaan.

Het punt is echter dat sommige menuitems veel smaller zijn dan 165 px, en dat de afbeelding wordt afgesneden. Hoe krijg ik het hokje waar een item in zit breder, zodat de afbeelding erin past?

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		#menu ul{

    display:inline-block;
    padding: 0;
    margin: 0;
    white-space: no-wrap;
}

#menu ul li{
    display: inline;
    list-style-type: none;
    float:left;
}

#menu ul li a{
    display:block;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color:#000000;
    padding:10px 0px 10px 0px;
    text-indent:0px;
    font-size:15px;
    font-weight:bold;
    margin-right:30px;
    margin-left:60px;
    
}

#menu ul li a:hover{
    background-image:url(img/linkhovermenu.png);
    background-repeat:no-repeat;
    background-position:center;
    
}
pi_85429691
Gewoon een breedte opgeven bij de links:

1
2
3		#menu ul li a {
    width: 165px;
}
fokstok.nl
pi_85429769
Bedankt!
  woensdag 18 augustus 2010 @ 15:07:14 #37
110933 F4T4L_3RR0R
R.I.P. webicon ;(
pi_85437405
quote:
Op woensdag 18 augustus 2010 07:17 schreef PimD het volgende:
Je moet de container "overflow:hidden" geven om de floats te clearen. Of de clearfix gebruiken (Googlen op clearfix) als je de bulletproof oplossing wilt gebruiken.
Div 1(wat eigenlijk eigenlijk een UL is wat ook een blokelement is) en div 2 zitten in de container die niet wordt gepositioneerd d.m.v. een float, maar door text-align: center.

Als ik de de floats in de container ga clearen, gebeurt er dit:



Voor de zekerheid de code zoals het nu is:

1
2
3
4
5
6
7
8
9
10
11
12
13		<?php
<div id="container">
  <ul id="menu">
    <li><a href="cam1.html">CAMERA 1</a></li>
    <li class="active"><a href="cam2.html">CAMERA 2</a></li>
    <li><a href="cam3.html">CAMERA 3</a></li>
    <li><a href="cam4.html">CAMERA 4</a></li>
  </ul>
  <div id="camera">
    <!-- hier staat een stukje javascript -->
  </div>
</div>
?>
En de CSS opmaak:

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		<?php
* {
    margin: 0;
    padding: 0;
}

body {
    text-align: center;
    font-family: Verdana;
}

#container {
    margin: 0 auto 0 auto;
    width: 800px;
    heigth: auto;
    background-color: #FF0000;
}

ul#menu {
    float: left;
    margin: 0 auto 0 auto;
    list-style-type: none;
}

ul#menu li {
    margin: 0 0 10px 0;
}

ul#menu li a {
    display: block;
    color: #28549E;
    font-size: 14px;
    font-weight: bold;
    background-color: #FFFFFF;
    border: solid 2px #28549E;
    width: 125px;
    padding: 0.3em 0.2em 0.3em 0.3em;
    text-decoration: none;
}

ul#menu li a:hover {
    background-color: #E6EEF9;
}

ul#menu li.active a {
    color: #FFFFFF;
    background-color: #28549E;
}

ul#menu li.active a:hover {
    color: #28549E;
    background-color: #E6EEF9;
}

#camera {
    float: right;
    margin: 0 auto 0 auto;
    border: solid 1px #000000;
    width: 640px;
    height: 480px;
}
?>


[ Bericht 44% gewijzigd door F4T4L_3RR0R op 18-08-2010 15:15:06 ]
Een ballonvaarder die door de mand valt is nooit grappig...
pi_85437749
quote:
Op woensdag 18 augustus 2010 15:07 schreef F4T4L_3RR0R het volgende:

[..]

Div 1 en 2 zitten in de container die niet wordt gepositioneerd d.m.v. een float, maar door text-align: center.
Een div positioneren met text-align? Text-align is bedoeld voor tekst, niet voor divs. Dus hoe je dat wilt gebruiken, snap ik niet.

Het zou kunnen dat het in een enkele browser wel werkt, maar da's dan geen browsers die je moet willen gebruiken voor het ontwikkelen van een site. Hooguit op het laatst, om te kijken of alles daar ook goed staat.
fokstok.nl
  woensdag 18 augustus 2010 @ 15:19:25 #39
110933 F4T4L_3RR0R
R.I.P. webicon ;(
pi_85437961
Ik zie nu dat ik de container toch heb gepositioneerd met: margin: 0 auto 0 auto;

Ik heb ook de code toegevoegd aan mijn vorige bericht.
Een ballonvaarder die door de mand valt is nooit grappig...
pi_85523257
Welke tut raden jullie een complete noob aan? Vroegah een beetje geklooid met frontpage maar dat is verschrikkelijk. Ik neem aan dat ik genoeg heb aan dreamweaver?
Medicine must bring back the joy in the life of the patient.Medicine must give the patient something to celebrate.When medicine cannot achieve this, the goal must be to allow the patient to die a death as quickly and as painlessly as possible
pi_85523930
Tutorials heb je vrij weinig aan naar mijn idee. Boeken als Handcrafted CSS, Transcending CSS of CSS Mastery geven je een veel beter beeld van WAAROM je iets doet, iets wat bij veel tutorials vaak niet of nauwelijks wordt gedaan naar mijn idee.

CSS is niet iets dat je even erbij leert van een tutorial. Goede HTML en CSS zijn een vak apart, zeker nu we steeds vaker voor verschillende soorten media ontwikkelen (iPad en andere mobiele devices). Het is vooral een kwestie van veel doen, proberen en lezen IMO.
Nee.
  vrijdag 20 augustus 2010 @ 23:34:04 #42
71610 Black-Hole
Deep in my soul
pi_85530814
quote:
Op vrijdag 20 augustus 2010 20:04 schreef ZwarteSteen het volgende:
Welke tut raden jullie een complete noob aan? Vroegah een beetje geklooid met frontpage maar dat is verschrikkelijk. Ik neem aan dat ik genoeg heb aan dreamweaver?
Dit is een erg handige video guide die wel alle basics uitlegt (wel betaald) http://net.tutsplus.com/t(...)mplete-video-series/

Sowieso is net.tutsplus.com een erg goede site met veel tutorials, heb er zelf erg veel aan gehad als complete noob :)
  woensdag 25 augustus 2010 @ 17:41:30 #43
37634 wobbel
Da WoBBeL King
pi_85696617
Hoe heet die techniek waarmee je met 1 background plaatje de hele div kan vormgeven?

Gaat om een plaatje met daarin alle borders maar de div die wisselt steeds van afmetingen
Hosted VoIP SIP trunks Vast mobiel VoIP
pi_85697548
CSS sprites is bedoeld om zoveel mogelijk decoratieve elementen in 1 image te doen. Of dit is wat jij bedoelt vraag ik me echter af. Voor bijv. een box met ronde hoeken e.d. zul je toch meerdere div's moeten nesten. Of je moet gebruik maken van multiple backgrounds / border images natuurlijk, maar dat werkt nog niet echt cross-browser.
Nee.
  woensdag 1 september 2010 @ 14:09:03 #45
27454 InTrePidIvity
Looks like it's broken...
pi_85948369
CSS kan toch niet de functionaliteit van een HTML-element wijzigen?

Met deze code werkt m'n search-bar namelijk niet:

1.mini-search { position:absolute; bottom:0px; left:47px; width:300px; height:28px; }
Maar zo werkt het wel:

1.mini-search { position:absolute; top:115px; right:0px; width:300px; height:28px; }
Nadeel is echter dat hij dan niet staat op de plaats waar ik het wil :?

Hoe kan dit (opgelost worden)?
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_85956231
Geen idee, klinkt als een z-index probleem. Kun je ook je HTML online zetten?
Nee.
  woensdag 1 september 2010 @ 18:03:18 #47
27454 InTrePidIvity
Looks like it's broken...
pi_85956307
quote:
Op woensdag 1 september 2010 18:00 schreef PimD het volgende:
Geen idee, klinkt als een z-index probleem. Kun je ook je HTML online zetten?
Het is al opgelost, het stond inderdaad niet goed in de HTML :)
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_86109911
Goh, ben ik weer. Ik probeer een footer aan de onderkant van mijn pagina te zetten. Dit werkt echter niet. Iemand had me al de tip gegeven mijn container een positie te geven, dit hielp echter niet. Ik krijg gewoon geen footer te zien.

Waar mis ik iets?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17		#container{
    width:820px;
    min-height:400px;
    margin:0 auto;
    background-color:#FFF;
    padding-top:30px;
    position:relative;
    
}
#footer{
    width:790;
    height:11px;
    background-image:url(img/bottomswirls.png);
    background-repeat:no-repeat;    
    position: absolute;
    bottom:0;
}
Edit: Als ik er text in tik, in de footer, wordt hij een vierkantje van ca 30 bij 30 met de text erin. Wél aan de onderkant van de pagina.
pi_86115857
Staat de footerdiv wel in de containerdiv?
fokstok.nl
  vrijdag 17 september 2010 @ 01:02:45 #50
134533 donroyco
dus niet Donroyco
pi_86523507
Ik wil graag een footer die buiten de wrap omgaat (er na dus), die een eigen achtergrond-afbeelding heeft die 100% width heeft. Bij mijn probeerselen houd ik aan beide kanten (en onderkant) nog pixels over. Als body-achtergrond meegeven is geen optie, gezien de mogelijk variabele content. Iemand een oplossing?
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  vrijdag 17 september 2010 @ 08:33:12 #51
25889 Sitethief
Fulltime Flapdrol
pi_86525718
quote:
Op vrijdag 17 september 2010 01:02 schreef donroyco het volgende:
Ik wil graag een footer die buiten de wrap omgaat (er na dus), die een eigen achtergrond-afbeelding heeft die 100% width heeft. Bij mijn probeerselen houd ik aan beide kanten (en onderkant) nog pixels over. Als body-achtergrond meegeven is geen optie, gezien de mogelijk variabele content. Iemand een oplossing?
Kijk eerst even met Firebug of een andere tool welke eigenschappen allemaal van toepassing zijn op de footer. Misschien ontdek je dan wat de boosdoener is.
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
  vrijdag 17 september 2010 @ 09:01:19 #52
134533 donroyco
dus niet Donroyco
pi_86526152
quote:
Op vrijdag 17 september 2010 08:33 schreef Sitethief het volgende:

[..]



Kijk eerst even met Firebug of een andere tool welke eigenschappen allemaal van toepassing zijn op de footer. Misschien ontdek je dan wat de boosdoener is.
Heeft tot nu toe geen nut gehad. Is er geen andere oplossing?
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_86526831
Gooi eens een voorbeeld online dan? In principe zou dat geen enkel probleem moeten zijn, dus wellicht zit er inderdaad iets anders in je code wat voor een probleem zorgt. Ik neem aan dat je net zoiets bedoelt als op mijn website?
Nee.
  vrijdag 17 september 2010 @ 09:47:37 #54
134533 donroyco
dus niet Donroyco
pi_86527215
quote:
Op vrijdag 17 september 2010 09:30 schreef PimD het volgende:
Gooi eens een voorbeeld online dan? In principe zou dat geen enkel probleem moeten zijn, dus wellicht zit er inderdaad iets anders in je code wat voor een probleem zorgt. Ik neem aan dat je net zoiets bedoelt als op mijn website?
Precies, zoiets als jouw website (tof met Last.fm integratie!). Zie: http://www.bringindoorback.com/test Thanks alvast :)
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_86527864
Je moet wel een CSS-reset gebruiken he, dat je body geen margin meer heeft. Dan werkt het bij mij in Firefox prima :)
Nee.
  vrijdag 17 september 2010 @ 10:35:42 #56
134533 donroyco
dus niet Donroyco
pi_86528371
quote:
Op vrijdag 17 september 2010 10:13 schreef PimD het volgende:
Je moet wel een CSS-reset gebruiken he, dat je body geen margin meer heeft. Dan werkt het bij mij in Firefox prima :)
Thanks, even proberen.
Als het internet meewerkt ;(
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_86528828
quote:
Op vrijdag 17 september 2010 10:13 schreef PimD het volgende:
Je moet wel een CSS-reset gebruiken he, dat je body geen margin meer heeft. Dan werkt het bij mij in Firefox prima :)
Je kunt ook gewoon de volgende code toevoegen aan het css-bestand:
1
2
3
4		html, body {
  margin: 0;
  padding: 0;
}
Om daar nou een css reset voor te gaan laden, is wat overkill.
fokstok.nl
pi_86528919
Ja dat kan ook. Maar ik gok dat je dan nog op 100 andere plekken margin:0 en padding:0 gaat krijgen. Ik gebruik persoonlijk gewoon de reset van Eric Meyer als een op zich zelf staande file, maar als je het in je main CSS-file gooit werkt het natuurlijk ook prima.
Nee.
  vrijdag 17 september 2010 @ 11:02:14 #59
134533 donroyco
dus niet Donroyco
pi_86529101
Ik ga wat aanklooien, thanks beiden ^O^
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_86530708
CSS Resets moet je sowieso vermijden als de pest, en alleen gebruiken als het écht niet op een andere manier kan. Je lost één probleem op, maar creëert er weer 2 voor latere scenario's. :)

Daarbij, ik heb in al de jaren dat ik al met CSS klooi, nog nóóit een CSS reset hoeven te gebruiken. Wel heb ik in templates/websites moeten werken waar men dat wél gedaan had, en dat was verschrikkelijk kan ik je vertellen. :r
pi_86531689
quote:
Op vrijdag 17 september 2010 10:55 schreef PimD het volgende:
Ja dat kan ook. Maar ik gok dat je dan nog op 100 andere plekken margin:0 en padding:0 gaat krijgen. Ik gebruik persoonlijk gewoon de reset van Eric Meyer als een op zich zelf staande file, maar als je het in je main CSS-file gooit werkt het natuurlijk ook prima.
Ik heb die reset css eens bekeken en ik zie alleen maar een hoop problemen ontstaan die achteraf weer moeten worden opgelost.
fokstok.nl
pi_86532805
quote:
Op vrijdag 17 september 2010 12:11 schreef Light het volgende:

[..]

Ik heb die reset css eens bekeken en ik zie alleen maar een hoop problemen ontstaan die achteraf weer moeten worden opgelost.
Ik vind sommige 'standaard' stylen van bepaalde elementen juist handig. Denk aan marges bij bijvoorbeeld (un)ordered lists, paragrafen, kopjes, enzovoorts. Ik heb aan websites gewerkt waar een CSS reset was toegepast, en moest daar naderhand pagina's toe gaan voegen met bijvoorbeeld lijsten aan nieuwsberichten. Vre-se-lijk irritant om dan achteraf weer voor elk element een hele stijl op te gaan bouwen.

Beter maak je gewoon, in zoverre dat mogelijk is, je layout schaalbaar/flexibel zodat deze er tegen kan dat sommige elementen onder omstandigheden kunnen verschillen qua afmetingen, marges en uitlijning. Dan hou je ook nog eens beter rekening met dingen als groter ingestelde lettertypen e.d. ^O^
pi_87594584
Even een vraagje, ik wil als ik met m'n muis over een woord ga dat er dan een Textbox opent, soort van dropdown menu dus maar dan niet met linkjes en met een hele tekst ipv korte zinnetjes.

Alvast bedankt :)
76.000.000 2009-12-24 01:28 Semmm
  zaterdag 16 oktober 2010 @ 00:48:31 #64
134533 donroyco
dus niet Donroyco
pi_87594683
quote:
Op zaterdag 16 oktober 2010 00:45 schreef Semmm het volgende:
Even een vraagje, ik wil als ik met m'n muis over een tekst ga dat er dan een Textbox opent, soort van dropdown menu dus maar dan niet met linkjes en met een hele tekst ipv korte zinnetjes.

Alvast bedankt :)
http://jackosborne.co.uk/(...)-the-pseudo-element/
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_87595247
quote:
Op zaterdag 16 oktober 2010 00:48 schreef donroyco het volgende:

[..]

http://jackosborne.co.uk/(...)-the-pseudo-element/
Bedankt voor de snelle reactie, dit is inderdaad wat ik bedoel maar ik krijg het niet voor elkaar om meerdere regels onderelkaar te zetten, het wordt 1 lange regel die uiteindelijk buiten beeld valt. Iemand nog ideeën?
76.000.000 2009-12-24 01:28 Semmm
  zaterdag 16 oktober 2010 @ 01:10:56 #66
134533 donroyco
dus niet Donroyco
pi_87595308
quote:
Op zaterdag 16 oktober 2010 01:08 schreef Semmm het volgende:

[..]

Bedankt voor de snelle reactie, dit is inderdaad wat ik bedoel maar ik krijg het niet voor elkaar om meerdere regels onderelkaar te zetten, het wordt 1 lange regel die uiteindelijk buiten beeld valt. Iemand nog ideeën?
Mag JavaScript ook?

Dan kan dit van toepassing zijn:
http://www.bosrup.com/web/overlib/
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_87598056
Je kunt het :after element toch gewoon een breedte geven. Volgens mij worden de regels dan gewoon keurig afgebroken.
Nee.
pi_87599618
quote:
Op zaterdag 16 oktober 2010 09:36 schreef PimD het volgende:
Je kunt het :after element toch gewoon een breedte geven. Volgens mij worden de regels dan gewoon keurig afgebroken.
Ja inderdaad, daar kwam ik later ook achter. Ik zit nu met een ander probleempje, de tekst wordt nu 2x weergegeven, 1x zoals in het tekstvak wat ik wil, en 1x als naam van de tekst zegmaar


Hoe haal ik die 2e weg zodat ik alleen het tekstvak heb.
76.000.000 2009-12-24 01:28 Semmm
pi_87600154
quote:
Op zaterdag 16 oktober 2010 09:36 schreef PimD het volgende:
Je kunt het :after element toch gewoon een breedte geven. Volgens mij worden de regels dan gewoon keurig afgebroken.
Dat wordt alsnog een probleem als je bij de rechterkant van het (browser)scherm komt. Met een beetje pech komt je :after-element alsnog buiten het scherm.
fokstok.nl
pi_87600183
quote:
Op zaterdag 16 oktober 2010 11:13 schreef Semmm het volgende:

[..]

Ja inderdaad, daar kwam ik later ook achter. Ik zit nu met een ander probleempje, de tekst wordt nu 2x weergegeven, 1x zoals in het tekstvak wat ik wil, en 1x als naam van de tekst zegmaar
[ afbeelding ]

Hoe haal ik die 2e weg zodat ik alleen het tekstvak heb.
Dan zal de tekst ook wel twee keer in de html-broncode staan. Daar moet het dus 1 keer uit.
fokstok.nl
pi_87600202
quote:
Op zaterdag 16 oktober 2010 11:36 schreef Light het volgende:

[..]

Dat wordt alsnog een probleem als je bij de rechterkant van het (browser)scherm komt. Met een beetje pech komt je :after-element alsnog buiten het scherm.
Nee, ik heb de Margin-Left op ongeveer -100 staan zodat het textvak niet buiten de site valt.
76.000.000 2009-12-24 01:28 Semmm
pi_87600256
quote:
Op zaterdag 16 oktober 2010 11:36 schreef Light het volgende:

[..]

Dan zal de tekst ook wel twee keer in de html-broncode staan. Daar moet het dus 1 keer uit.
Nee, dat is het niet, hier is de code.

1
2		<a name="Beschrijving"><span title="Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test 
" class="tooltip" >Beschrijving </span>
76.000.000 2009-12-24 01:28 Semmm
pi_87601364
quote:
Op zaterdag 16 oktober 2010 11:39 schreef Semmm het volgende:

[..]

Nee, dat is het niet, hier is de code.
[ code verwijderd ]

Dat lichte vlak met donkere tekst komt door het title-attribuut. Waarom die tekst dan twee keer verschijnt, kan ik niet zien aan die halve regel html. Kun je de hele zooi (html/css/javascript) ergens online zetten?
fokstok.nl
pi_87601558
quote:
Op zaterdag 16 oktober 2010 12:21 schreef Light het volgende:

[..]

Dat lichte vlak met donkere tekst komt door het title-attribuut. Waarom die tekst dan twee keer verschijnt, kan ik niet zien aan die halve regel html. Kun je de hele zooi (html/css/javascript) ergens online zetten?
html: http://codeviewer.org/view/code:12c0
css: http://codeviewer.org/view/code:12c1
76.000.000 2009-12-24 01:28 Semmm
pi_87602847
quote:
Op zaterdag 16 oktober 2010 12:28 schreef Semmm het volgende:

[..]

html: http://codeviewer.org/view/code:12c0
css: http://codeviewer.org/view/code:12c1
Ah, de title wordt door de browser netjes weergegeven (donkere tekst op lichte achtergrond) zoals de bedoeling is bij een title-attribuut. De tweede versie (lichte tekst op donkere achtergrond) komt door css.
1
2		.tooltip:hover:after {
    content: attr(title);
Die eerste kun je niet voorkomen.

Overigens is je (x)html ook verre van valide, maar dat heeft in dit geval geen invloed op het probleem.
fokstok.nl
pi_87604335
quote:
Op zaterdag 16 oktober 2010 13:14 schreef Light het volgende:

[..]

Ah, de title wordt door de browser netjes weergegeven (donkere tekst op lichte achtergrond) zoals de bedoeling is bij een title-attribuut. De tweede versie (lichte tekst op donkere achtergrond) komt door css.
[ code verwijderd ]

Die eerste kun je niet voorkomen.

Overigens is je (x)html ook verre van valide, maar dat heeft in dit geval geen invloed op het probleem.
Kan ik de tekst lichte tekst op donkere achtergrond dan niet op een andere manier laten weergeven zodat de donkere text op lichte achtergrond niet komt of eventueel op een andere positie zodat die buiten beeld valt?

En dat de site niet valid is weet ik, is gemaakt in dreamweaver, ik haal de fouten er achteraf uit.
76.000.000 2009-12-24 01:28 Semmm
pi_87604639
quote:
Op zaterdag 16 oktober 2010 14:01 schreef Semmm het volgende:

[..]

Kan ik de tekst lichte tekst op donkere achtergrond dan niet op een andere manier laten weergeven zodat de donkere text op lichte achtergrond niet komt of eventueel op een andere positie zodat die buiten beeld valt?

En dat de site niet valid is weet ik, is gemaakt in dreamweaver, ik haal de fouten er achteraf uit.
Het is me gelukt,

heb in de css
1
2		.tooltip:hover:after {
    content: attr(title);
veranderd in
1
2		.tooltip:hover:after {
    content: attr(alt);
en in html de title ook vervangen door alt, nu werkt het prima :)

Dankje voor jullie hulp ook
76.000.000 2009-12-24 01:28 Semmm
pi_87623396
quote:
Op zaterdag 16 oktober 2010 14:10 schreef Semmm het volgende:

[..]

Het is me gelukt,

heb in de css
[ code verwijderd ]

veranderd in
[ code verwijderd ]

en in html de title ook vervangen door alt, nu werkt het prima :)

Dankje voor jullie hulp ook
Nu stuit ik op het volgende probleem, ik wil de regel zelf handmatig kunnen afbreken en naar de volgende gaan, is dit mogelijk?
76.000.000 2009-12-24 01:28 Semmm
pi_87626178
quote:
Op zondag 17 oktober 2010 02:11 schreef Semmm het volgende:

[..]

Nu stuit ik op het volgende probleem, ik wil de regel zelf handmatig kunnen afbreken en naar de volgende gaan, is dit mogelijk?
Hoe zou je dat in html doen, en heb je die oplossing al geprobeerd?
fokstok.nl
pi_87627424
Het alt-attribuut wordt in IE trouwens volgens mij nog steeds getoond in zo'n gele ballon. Ik weet zo 1-2-3 niet of het ook nog in IE8 en IE9 is (zal wel niet), maar in IE6 en IE7 weet ik het vrij zeker.
Nee.
pi_87627626
quote:
Op zondag 17 oktober 2010 11:54 schreef PimD het volgende:
Het alt-attribuut wordt in IE trouwens volgens mij nog steeds getoond in zo'n gele ballon. Ik weet zo 1-2-3 niet of het ook nog in IE8 en IE9 is (zal wel niet), maar in IE6 en IE7 weet ik het vrij zeker.
Dat doen die browsers dan fout. Maar het was al bekend dat IE zich niet altijd volledig aan de standaarden houdt.
fokstok.nl
pi_87627746
Dat die browsers het verkeerd doen moge duidelijk zijn. Waar heb je die tooltips trouwens nu opzitten? Want alleen img's/area's mogen een ALt-attribuut hebben, dus een span/div/whatever niet.
Nee.
pi_87633715
quote:
Op zondag 17 oktober 2010 12:05 schreef PimD het volgende:
Dat die browsers het verkeerd doen moge duidelijk zijn. Waar heb je die tooltips trouwens nu opzitten? Want alleen img's/area's mogen een ALt-attribuut hebben, dus een span/div/whatever niet.
kon hem veranderen in alles wat ik wil, heb hem nu maar "tekst"genoemd, het gaat me er nu even niet om of het wel of niet mag, maar of het werkt :)

De zin afbreken met <br /> werkt niet omdat het binnen een atribuut is. heb   al geprobeerd heel vaak achter elkaar te zetten maar dan staat het wel goed in Google Chrome maar niet in IE en FF
76.000.000 2009-12-24 01:28 Semmm
pi_87678407
quote:
Op zondag 17 oktober 2010 15:11 schreef Semmm het volgende:

[..]

kon hem veranderen in alles wat ik wil, heb hem nu maar "tekst"genoemd, het gaat me er nu even niet om of het wel of niet mag, maar of het werkt :)

De zin afbreken met <br /> werkt niet omdat het binnen een atribuut is. heb   al geprobeerd heel vaak achter elkaar te zetten maar dan staat het wel goed in Google Chrome maar niet in IE en FF
Iemand? :)
76.000.000 2009-12-24 01:28 Semmm
pi_88022856
Ik ben op zoek naar een eenvoudige photoviewer voor op een website, liefst helemaal CSS.
bestaat er iets op internet of een programmatje waar je foto's "inlaadt" en er code (en thumbnails) uit komt zodat ik weinig programmeer werk moet doen.
Als ik dan nog meer eisen mag stellen dan zou ik graag een thumbnail overzicht hebben van alle foto's en als je dan een foto aanklikt dat deze dan groter wordt getoont (midden op het scherm oid)
  woensdag 27 oktober 2010 @ 14:43:58 #86
134533 donroyco
dus niet Donroyco
pi_88023002
quote:
1s.gif Op woensdag 27 oktober 2010 14:39 schreef MrNiles het volgende:
Ik ben op zoek naar een eenvoudige photoviewer voor op een website, liefst helemaal CSS.
bestaat er iets op internet of een programmatje waar je foto's "inlaadt" en er code (en thumbnails) uit komt zodat ik weinig programmeer werk moet doen.
Als ik dan nog meer eisen mag stellen dan zou ik graag een thumbnail overzicht hebben van alle foto's en als je dan een foto aanklikt dat deze dan groter wordt getoont (midden op het scherm oid)
Eerst: :')

Serieus: alleen CSS gaat niet werken. Zoek eens op Google naar jQuery Photo Viewer of iets dergelijks.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_88023377
quote:
1s.gif Op woensdag 27 oktober 2010 14:43 schreef donroyco het volgende:

[..]

Eerst: :')

Serieus: alleen CSS gaat niet werken. Zoek eens op Google naar jQuery Photo Viewer of iets dergelijks.
Eerst: :')

maar goed...allemaal leuke voorbeelden maar ik kan niet vinden die voor mij de code "maakt"
Ik heb geen zin om voor heel veel foto's code te gaan zitten tikken
  woensdag 27 oktober 2010 @ 15:00:56 #88
134533 donroyco
dus niet Donroyco
pi_88023611
quote:
1s.gif Op woensdag 27 oktober 2010 14:54 schreef MrNiles het volgende:

[..]



Eerst: :')

maar goed...allemaal leuke voorbeelden maar ik kan niet vinden die voor mij de code "maakt"
Ik heb geen zin om voor heel veel foto's code te gaan zitten tikken
Luie flikker :{w
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_88024155
quote:
1s.gif Op woensdag 27 oktober 2010 15:00 schreef donroyco het volgende:

[..]

Luie flikker :{w
klopt..liever lui dan moe!
pi_88033776
Gebruik dan gewoon flickr als je te lui bent om een paar regels code te schrijven :')
Nee.
pi_88059853
quote:
1s.gif Op woensdag 27 oktober 2010 19:06 schreef PimD het volgende:
Gebruik dan gewoon flickr als je te lui bent om een paar regels code te schrijven :')
luie flickr :D

en een luie flickr ben ik :Y

maar dankzij de paar steekwoorden als jquery is het na 2dagen proberen gelukt
met galleria, mooie vloeiende overgangen...enne...dankzij een phpscriptje op een forun vd site kan ik nu jpg in het mapje pleuren en komen ze mooi op de site te staan
THANX ^O^

[ Bericht 28% gewijzigd door MrNiles op 28-10-2010 16:17:49 ]
  zondag 28 november 2010 @ 10:45:55 #92
298746 Dalando
18, niet meer gefrustreerd
pi_89249872
Jongens, ik heb hulp nodig...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22		body {
                background-color: #DDDDDD;
                text-align:center;
            }
 
            body, td, div, ul, button, textarea, input {
                font: 12px helvetica,arial,sans-serif;
            }

#header2 {
                background-color: #C90000;
            }
 a.menubutton {
                display:inline;
                margin: 1px;
                background-color:#D80000  ;
                width:90px;
            }
 
            a.menubutton:hover {
                background-color:#C00000;
            }

1
2
3
4		<div id="header2">
            <a href="#" class="menubutton">Menu</a>
            <a href="#" class="menubutton">Menu</a>
        </div>

Nu zouden de menuknopjes van .menubutton veranderen in width en height, maar dat doen ze dus niet. Help? :)
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  zondag 28 november 2010 @ 12:15:08 #93
134533 donroyco
dus niet Donroyco
pi_89251730
quote:
6s.gif Op zondag 28 november 2010 10:45 schreef Dalando het volgende:
Jongens, ik heb hulp nodig...
[ code verwijderd ]

[ code verwijderd ]

Nu zouden de menuknopjes van .menubutton veranderen in width en height, maar dat doen ze dus niet. Help? :)
dan moet je bij :hover wel de gewenste hoogte en breedte meegeven.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  zondag 28 november 2010 @ 13:13:16 #94
298746 Dalando
18, niet meer gefrustreerd
pi_89253527
quote:
1s.gif Op zondag 28 november 2010 12:15 schreef donroyco het volgende:

[..]

dan moet je bij :hover wel de gewenste hoogte en breedte meegeven.
Doet niks... :N
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_89278185
quote:
2s.gif Op zondag 28 november 2010 13:13 schreef Dalando het volgende:

[..]

Doet niks... :N
Bij een inline element worden hoogte en breedte genegeerd. Je zou er display: block; of display: inline-block; van moeten maken.

Je kunt ook overwegen om alle menu-items dezelfde onderlinge afstand te geven, dat kan met margin en/of padding. En dat werkt ook bij inline elementen.

Overigens zie ik een menu als een lijst van linkjes:

1
2
3
4
5
6		<ul id="menu">
  <li><a href="#">Knop 1</a></li>
  <li><a href="#">Knop 2</a>
    <ul><li><a href="#">Knop 2.1</a></li></ul>
  </li>
</ul>

Die kun je ook net zo stylen als je zelf wilt.
fokstok.nl
pi_89484264
ik probeer de <dfn> tag te restylen zodat hij een gestippeld of gestreept (dotted/dashed) streepje weergeeft in rood onder de tekst...
ik gebruik nu
1
2
3
4
5		border-bottom-color: #FF0000;
border-bottom-style: dotted;
border-bottom-width: 1px;
color: #4D528C;
font-style:normal
dit komt echter te dicht op de volgende regel tekst te staan, ik kan e.v.t. kijken of ik de verticale ruimte tussen de tekst kan vergroten, maar het liefst zet ik het streepje op dezelfde plek als wanneer er een link is...

CSS3 heeft wel een mogelijkheid om de underline style aan te passen.., maar daar doe ik nog eff niet aan.
iemand tips hoe dit e.v.t. wel goed op te lossen is zonder de verticale ruimte tussen tekst aan te passen?

en als ik dan toch bezig ben:
ik heb een form knopje aangepast zodat er rond de knop een border verschijnt zodra er overheen gehovered wordt
1
2
3
4
5
6
7
8		.submitsearch{
    border:1px hidden;
    background-color:transparent;
}

.submitsearch:hover{
    border:1px solid;    
}
in FF pakt hij hem vrijwel altijd goed (volgens mij 1x niet goed gegaan)
in IE8 pakt hij hem van boven, links en rechts zover ik gezien heb altijd goed.. echter pakt hij hem van onderen (lees: je komt met je muis op de button van onderen) bijna nooit, veel vaker niet dan wel iig. bugje in IE? of ligt het wellicht ergens anders aan? (omdat hij het immers een enkele keer in FF niet doet)

[ Bericht 34% gewijzigd door mschol op 03-12-2010 17:51:36 ]
pi_89561957
Ik ben bezig een mobiele site te maken.

Ik heb een menu, daarin twee divjes. De informatie in beide divs moet in het midden zitten. Ik gebruik geen pixels of iets om alles te centreren, omdat de site schaalbaar moet zijn. Maar daardoor krijg ik niets in het midden.

Ik heb het geprobeerd door margin-left en -right op auto te zetten, float-left of -right en dan 100px, maar dan is de site niet meer schaalbaar en schiet de rechter url onder de andere url.

Iemand een idee hoe ik ze in het midden kan krijgen zonder gezeik te krijgen met schaalbaarheid?

(Door het schaalbaarheidverhaal kon ik de divs ook niet een breedte geven, waardoor een align in de html ook niet werkte)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		#menuitems{ 

    float:left;
    margin-left:auto;
    margin-right:auto;
}

#menuitems2{ 
    float:right;
    margin-right:auto;
    margin-left:auto;

}
 <div id="menu"><div id="menuitems"><a href="lost.html">Lost</a></div>
        <div id="menuitems2"><a href="found.html">Found</a></div>
  zondag 5 december 2010 @ 20:28:25 #98
134533 donroyco
dus niet Donroyco
pi_89562044
Je moet wel een breedte aangeven, anders weet ie niet waar ie op moet uitlijnen.

Probeer eens: width: 100%;
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_89562166
quote:
1s.gif Op zondag 5 december 2010 20:28 schreef donroyco het volgende:
Je moet wel een breedte aangeven, anders weet ie niet waar ie op moet uitlijnen.

Probeer eens: width: 100%;
Hm, nu snapt hij het al helemaal niet meer, krijg ik gelijk dat ze onder elkaar gaan staan ipv naast elkaar :o

Wel een goede trouwens, even 50% proberen.
pi_89562189
Dankje! 50/49 werkt wel, en is schaalbaar :D
  zondag 5 december 2010 @ 20:35:21 #101
134533 donroyco
dus niet Donroyco
pi_89562365
quote:
1s.gif Op zondag 5 december 2010 20:31 schreef RenRen- het volgende:
Dankje! 50/49 werkt wel, en is schaalbaar :D
Cool.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_89571236
quote:
1s.gif Op zondag 5 december 2010 20:31 schreef RenRen- het volgende:
Dankje! 50/49 werkt wel, en is schaalbaar :D
Als je ze allebei 49% maakt, zijn ze even breed en passen ze ook naast elkaar :) Ik weet niet of het belangrijk is dat ze allebei even breed zijn, maar het kan leuker lijken.
fokstok.nl
pi_89571285
quote:
1s.gif Op zondag 5 december 2010 23:27 schreef Light het volgende:

[..]

Als je ze allebei 49% maakt, zijn ze even breed en passen ze ook naast elkaar :) Ik weet niet of het belangrijk is dat ze allebei even breed zijn, maar het kan leuker lijken.
Het stoort niet in ieder geval. Maar kan ik er geen kritiek op krijgen, dat is altijd positief.
Edit: Done
  zaterdag 18 december 2010 @ 00:05:59 #104
12221 Tijn
Powered by MS Paint
pi_90070738
Weet iemand of Opera 11 nu eindelijk ook CSS gradients ondersteunt?
Verberg de nieuwsticker
pi_90108618
Hallo,

Op de pagina www.yepcheck.com/icharts/ heb ik volgende CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17		#links ul
{
padding:5px; margin:2px;color:#fff;font-family: arial, helvetica, sans-serif;
font-size:75%;list-style-type:none;
}

#links ul li { display: inline;   }

#links li a
{padding:0.7em 0.7em 0.2em 0.7em; background:#6cf;
color:#000;text-decoration:none; border:1px solid #000;
}

#links li a:hover
{
background:#c80;color:#fff;
}

en de volgende HTML (verkort)
1
2
3		<div id='links'><UL>
<LI><A HREF='http://www.google.com'><IMG SRC='icon_google.gif'  border='0'></A></LI>
</UL></DIV>

levert dit op



Maar hoe krijg ik het plaatje nu verticaal gecentreerd in het blokje? Hij blijft maar bovenin als ik de padding verhoog. Ik heb het idee dat het heel simpel is, maar ik kom er niet achter. (trouwens het twitterdingetje opmaken/positioneren is een vraag apart, waar ik nu even geen aandacht aan besteed)
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
pi_90115256
Je zou kunnen proberen wat te klooien met vertical-align. Maar mooier zou IMO zijn om de afbeelding als background-image te gebruiken (en dan via CSS te centreren) en de tekst (bijv. "Google") met een negatieve text-indent buiten beeld te plaatsen. Google maar eens op image replacement.
Nee.
pi_90116169
Ik zou juist de css aanpassen:
1
2
3
4
5
6
7
8
9		#links ul li {
    display: block;
    float: left;
    width: auto;
}
#links li a {
    display: block;
    width: auto;
}
En die rare <li>&nbsp;</li> in de broncode van de pagina hoort daar natuurlijk ook niet. Dat kun je met margins veel beter oplossen :)
fokstok.nl
pi_90116709
En sowieso alles lowercase uiteraard, hoewel het in HTML5 weer gewoon mag zoals je zelf wilt... Ik blijf lekker XHTML strict-style coden :)
Nee.
pi_90161233
Dank voor de antwoorden, met een beetje puzzelen (en valsspelen door twee <BR>'s toe te voegen - anders kreeg ik het opvolgende nummer meteen na het laatste plaatje en de lijn te hoog. Ik moet nog ergens display:block invoegen, maar waar?) ;)) is het gelukt!

Die <li> </li> was omdat ik alleen dààr een lege ruimte wil, maar is verandert nu :)... Maar valt idd ook onder het kopje valsspelen. Ik moet me maar eens in de basiskennis duiken ipv alleen maar te kopieren/plakken ;)

[ Bericht 11% gewijzigd door tim2308 op 20-12-2010 03:01:47 ]
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
  donderdag 23 december 2010 @ 21:23:15 #110
316115 BigSmurf
Groots in kleinigheden!
pi_90361589
Ik ben bezig met een website in XHTML en CSS, waarbij ik op de contact-pagina graag een formulier wil maken. Niet te moeilijk, gewoon een formulier met Voornaam, Achternaam, Telefoonnummer, E-mailadres, Onderwerp en daaronder een vak voor het bericht.

Nou wil ik dit verzonden hebben naar een e-mailadres, maar het schijnt dat onderstaande heel spam-gevoelig is?

<form method="post" action="Mailto:mail@mail.nl">

Is hier een "veiligere" oplossing voor zonder PHP te hoeven gebruiken, aangezien ik daar geen ervaring mee heb? :)
 | Wat smurfig! | Winnaar Yvonne Award V&A 2013!
pi_90361690
Volgens mij werkt dat niet eens? Of ja, de mail zal dan in de outbox van je mailprogramma worden gezet - terwijl veel mensen bijv. GMail of Hotmail gebruiken en daardoor dus geen mailprogramma hebben ingesteld. Het beste kun je toch gewoon een server-side formulier maken lijkt me. Er zijn vast zat PHP (of wat dan ook) tutorials te vinden voor een simpel formuliertje.
Nee.
  donderdag 23 december 2010 @ 21:30:38 #112
316115 BigSmurf
Groots in kleinigheden!
pi_90361951
quote:
1s.gif Op donderdag 23 december 2010 21:25 schreef PimD het volgende:
Volgens mij werkt dat niet eens? Of ja, de mail zal dan in de outbox van je mailprogramma worden gezet - terwijl veel mensen bijv. GMail of Hotmail gebruiken en daardoor dus geen mailprogramma hebben ingesteld. Het beste kun je toch gewoon een server-side formulier maken lijkt me. Er zijn vast zat PHP (of wat dan ook) tutorials te vinden voor een simpel formuliertje.
Daar was ik dus al bang voor. Nou ja, dan toch maar wat gaan verdiepen in PHP. Is het met PHP wel mogelijk om de opmaak te behouden die ik heb gemaakt in CSS?
 | Wat smurfig! | Winnaar Yvonne Award V&A 2013!
pi_90362044
quote:
1s.gif Op donderdag 23 december 2010 21:23 schreef BigSmurf het volgende:
Ik ben bezig met een website in XHTML en CSS, waarbij ik op de contact-pagina graag een formulier wil maken. Niet te moeilijk, gewoon een formulier met Voornaam, Achternaam, Telefoonnummer, E-mailadres, Onderwerp en daaronder een vak voor het bericht.

Nou wil ik dit verzonden hebben naar een e-mailadres, maar het schijnt dat onderstaande heel spam-gevoelig is?

<form method="post" action="Mailto:mail@mail.nl">

Is hier een "veiligere" oplossing voor zonder PHP te hoeven gebruiken, aangezien ik daar geen ervaring mee heb? :)
Misschien heeft je hoster wel een standaard cgi-scriptje dat je kunt gebruiken. Andere optie zou kunnen zijn dat je gewoon een linkje maakt van het mailadres en dat de bezoeker dan gewoon zelf in z'n mailprogramma het een en ander kan invullen. Maar dan heb je geen voorbedrukt formulier.
fokstok.nl
pi_90362421
quote:
1s.gif Op donderdag 23 december 2010 21:30 schreef BigSmurf het volgende:

[..]

Daar was ik dus al bang voor. Nou ja, dan toch maar wat gaan verdiepen in PHP. Is het met PHP wel mogelijk om de opmaak te behouden die ik heb gemaakt in CSS?
De uitvoer van een php-script is (over het algemeen) een html-pagina. :) Voor je browser maakt het niet uit of die html uit een statische pagina of uit een php-script komt.
fokstok.nl
  donderdag 23 december 2010 @ 21:51:33 #115
316115 BigSmurf
Groots in kleinigheden!
pi_90363092
quote:
1s.gif Op donderdag 23 december 2010 21:39 schreef Light het volgende:

[..]

De uitvoer van een php-script is (over het algemeen) een html-pagina. :) Voor je browser maakt het niet uit of die html uit een statische pagina of uit een php-script komt.
Dan ga ik me maar eens verdiepen in zo'n PHP-scriptje. Merci. :)
 | Wat smurfig! | Winnaar Yvonne Award V&A 2013!
  vrijdag 24 december 2010 @ 01:01:24 #116
71610 Black-Hole
Deep in my soul
pi_90374226
quote:
1s.gif Op donderdag 23 december 2010 21:51 schreef BigSmurf het volgende:

[..]

Dan ga ik me maar eens verdiepen in zo'n PHP-scriptje. Merci. :)
Helemaal kant en klaar en volledig aan te passen inclusief Catpcha voor $ 3,-. Gebruik hem zelf ook en het werkt fantastisch http://codecanyon.net/item/simple-php-contact-form/46679
pi_90374928
quote:
14s.gif Op vrijdag 24 december 2010 01:01 schreef Black-Hole het volgende:

[..]

Helemaal kant en klaar en volledig aan te passen inclusief Catpcha voor $ 3,-. Gebruik hem zelf ook en het werkt fantastisch http://codecanyon.net/item/simple-php-contact-form/46679
Hmm 3 euro? Zou ik toch even doorzoeken, er zijn zat gratis scriptjes te vinden.
zcflevo.nl
  vrijdag 24 december 2010 @ 09:50:43 #118
71610 Black-Hole
Deep in my soul
pi_90382410
quote:
1s.gif Op vrijdag 24 december 2010 01:17 schreef KomtTijd... het volgende:

[..]

Hmm 3 euro? Zou ik toch even doorzoeken, er zijn zat gratis scriptjes te vinden.
Ik heb zelf ook lang gezocht naar goed werkende scriptjes inclusief Captcha maar veel werkten niet, niet volledig of waren lastig te stijlen. Waarom dan moeilijk doen voor $ 3,-. Alle tijd die je bezig bent met zoeken kost eigenlijk ook geld dus dan is zo'n bedrag te verwaarlozen. Maar goed dat is allemaal off-topic.
pi_90393781
Hoe kan je de space tussen div's bepalen? Volgens mij is het sowieso niet mogelijk om ze helemaal weg te halen.

Tussen header, content en footer zit nu een lege regel (ook nog eens verschillend in grootte omdat bv. de footer een kleiner lettertype gebruikt. Ik wil dat al die lege regels allemaal bv. 20px zijn.

Ik kan het makkelijk door de header, content en footer padding te geven, maar dat is toch minder mooi vind ik.

1
2
3
4
5
6
7
8
9		<BODY>
<DIV id="container">
    <DIV id="wrap">
        <DIV id="header"></DIV>
        <DIV id="content"></DIV>
        <DIV id="footer"></DIV>
    </DIV>
</DIV>
</BODY>
pi_90393844
Zit je wel in strict mode? Een div zou namelijk sowieso geen margin moeten hebben.
zcflevo.nl
pi_90393975
Een div heeft toch de eigenschap om op de volgende regel pasdoor te gaan, er zit dus een lege regel tussen div's.

*googled strict mode*
pi_90394085
Een div is niets anders dan een block-level element zonder enige semantische waarde of standaardopmaak. Alles wat je er aan margins en paddings aan wilt hebben moet je zelf defineren. Dus als het goed is zouden 2 opvolgende divs waar je niets aan gedaan hebt, gewoon met de boven- en onderkant tegen elkaar aan moeten staan.
zcflevo.nl
pi_90394138
quote:
1s.gif Op vrijdag 24 december 2010 15:05 schreef Tegan het volgende:
Een div heeft toch de eigenschap om op de volgende regel pasdoor te gaan, er zit dus een lege regel tussen div's.
Ik denk dat de ruimte tussen de div's niet komt door de div's maar door wat er in die div's zit. Headers en paragrafen zijn leuk wat dat betreft :)
fokstok.nl
pi_90394198
quote:
1s.gif Op vrijdag 24 december 2010 15:09 schreef Light het volgende:

[..]

Ik denk dat de ruimte tussen de div's niet komt door de div's maar door wat er in die div's zit. Headers en paragrafen zijn leuk wat dat betreft :)
Ohja. Margin-collapse, wie dat ooit verzonnen heeft, mogen ze van mij afschieten :')
zcflevo.nl
pi_90394233
quote:
1s.gif Op vrijdag 24 december 2010 15:09 schreef Light het volgende:

[..]

Ik denk dat de ruimte tussen de div's niet komt door de div's maar door wat er in die div's zit. Headers en paragrafen zijn leuk wat dat betreft :)
Dat dacht ik ook. Maar, als ik mijn verschillende div's een kleurtje geef krijg ik dit.



Zwart = BODY, wit = container, geel = header, blauw = content, rood = footer, paars = wrap.
pi_90394275
quote:
11s.gif Op vrijdag 24 december 2010 15:10 schreef KomtTijd... het volgende:

[..]

Ohja. Margin-collapse, wie dat ooit verzonnen heeft, mogen ze van mij afschieten :')
Oplossing is overigens om die divs te laten floaten. Dan gaat het wel goed.
fokstok.nl
pi_90394332
quote:
1s.gif Op vrijdag 24 december 2010 15:13 schreef Light het volgende:

[..]

Oplossing is overigens om die divs te laten floaten. Dan gaat het wel goed.
Overflow defineren werkt ook dacht ik.
zcflevo.nl
pi_90394338
quote:
1s.gif Op vrijdag 24 december 2010 15:11 schreef Tegan het volgende:

[..]

Dat dacht ik ook. Maar, als ik mijn verschillende div's een kleurtje geef krijg ik dit.

[ afbeelding ]

Zwart = BODY, wit = container, geel = header, blauw = content, rood = footer, paars = wrap.
Dan moet er dus iets in die divs (header, content en footer) zitten. Of heb je die warp-divs zelf toegevoegd?
fokstok.nl
pi_90394379
quote:
14s.gif Op vrijdag 24 december 2010 15:14 schreef KomtTijd... het volgende:

[..]

Overflow defineren werkt ook dacht ik.
Zou kunnen, ik ben meer een fan van float :)
fokstok.nl
pi_90394404
quote:
1s.gif Op vrijdag 24 december 2010 15:14 schreef Light het volgende:

[..]

Dan moet er dus iets in die divs (header, content en footer) zitten. Of heb je die warp-divs zelf toegevoegd?
Wrap is een grote div waar header, content en footer inzitten. Maar padding is 0px. Anders zou je ook nog een rand om die drie heen zien. Maar die regels ertussen blijven wel ;( . Die wil ik weg.
pi_90394482
quote:
1s.gif Op vrijdag 24 december 2010 15:16 schreef Tegan het volgende:

[..]

Wrap is een grote div waar header, content en footer inzitten. Maar padding is 0px. Anders zou je ook nog een rand om die drie heen zien. Maar die regels ertussen blijven wel ;( . Die wil ik weg.
Maak eens een testcase met de code zo kaal als je 'm hier beschrijft:
quote:
1s.gif Op vrijdag 24 december 2010 15:01 schreef Tegan het volgende:
Hoe kan je de space tussen div's bepalen? Volgens mij is het sowieso niet mogelijk om ze helemaal weg te halen.

Tussen header, content en footer zit nu een lege regel (ook nog eens verschillend in grootte omdat bv. de footer een kleiner lettertype gebruikt. Ik wil dat al die lege regels allemaal bv. 20px zijn.

Ik kan het makkelijk door de header, content en footer padding te geven, maar dat is toch minder mooi vind ik.

[ code verwijderd ]

Eventjes alle divs een kleurtje geven en van de margins en paddings afblijven. Gaat het dan wel goed?
zcflevo.nl
pi_90394620
quote:
1s.gif Op vrijdag 24 december 2010 15:18 schreef KomtTijd... het volgende:

[..]

Maak eens een testcase met de code zo kaal als je 'm hier beschrijft:

[..]

Eventjes alle divs een kleurtje geven en van de margins en paddings afblijven. Gaat het dan wel goed?
Hm, dan wel. Even spelen.
pi_90394751
quote:
1s.gif Op vrijdag 24 december 2010 15:22 schreef Tegan het volgende:

[..]

Hm, dan wel. Even spelen.
Ok, het komt door de <H1> en <P> enzo ;( .
pi_90394789
quote:
1s.gif Op vrijdag 24 december 2010 15:25 schreef Tegan het volgende:

[..]

Ok, het komt door de <H1> en <P> enzo ;( .
Scroll terug naar <margin-collapse>
zcflevo.nl
pi_90394911
quote:
14s.gif Op vrijdag 24 december 2010 15:26 schreef KomtTijd... het volgende:

[..]

Scroll terug naar <margin-collapse>
Nou ok. Hoe fix ik dat?
pi_90394923
quote:
14s.gif Op vrijdag 24 december 2010 15:14 schreef KomtTijd... het volgende:

[..]

Overflow defineren werkt ook dacht ik.
zcflevo.nl
pi_90395213
1
2
3
4		H1 {margin:0px;padding:0px;}
H2 {margin:0px;padding:0px;}
H3 {margin:0px;padding:0px;}
P {margin:0px;padding:0px;}

Hiermee zijn ze iig weg.
pi_90395396
Ja, maar dan hebben je headings en paragrafen ook geen margins en paddings meer.
zcflevo.nl
pi_90395421
Dat is wel jammer ja :P .
pi_90395989
Alle div's op padding:1px ipv 0px werkt. Alleen dan nog hebben ze nog de top en bottom padding van de content, en niet een fixed grootte. Het was mooier als de eerste en laatste paragraaf in een div geen top danwel bottom padding hadden.
pi_90396275
Laten we daar nou de psuedo-classes voor hebben? p:first-child en p:last-child
zcflevo.nl
pi_90396312
quote:
14s.gif Op vrijdag 24 december 2010 16:07 schreef KomtTijd... het volgende:
Laten we daar nou de psuedo-classes voor hebben? p:first-child en p:last-child
Beter :o . Even kijken of dat werkt.
pi_90396694
1
2		H1:first-child, H2:first-child, H3:first-child, P:first-child {padding-top:0px;}
H1:last-child, H2:last-child, H3:last-child, P:last-child {padding-bottom:0px;}
Werkt niet.

Dit moest het zijn.
1
2		H1:first-child, H2:first-child, H3:first-child, P:first-child {margin-top:0px;}
H1:last-child, H2:last-child, H3:last-child, P:last-child {margin-bottom:0px;}
_O_ .

[ Bericht 39% gewijzigd door Tegan op 24-12-2010 16:47:19 ]
pi_90398364
Ok, mooi. Thanks voor alle hulp O+ . Nu is mijn content compleet apart van de weergave :9~ :9~ .
pi_90398498
Ok, nog een ding.



Ik wil dat dat wit doorgaat tot onderaan de pagina ipv dat het stopt als er geen content meer is. Dit gaat automatisch goed als het scherm te klein is, maar anders dus niet.
pi_90398849
Body en wrapper min-heigth: 100%

Footer eventueel absoluut positioneren in de wrapper, faux columns er tegenaan en voilla.
zcflevo.nl
pi_90399107
quote:
14s.gif Op vrijdag 24 december 2010 17:04 schreef KomtTijd... het volgende:
Body en wrapper min-heigth: 100%

Footer eventueel absoluut positioneren in de wrapper, faux columns er tegenaan en voilla.
Kan je iets specifieker zijn?
pi_90400689
Faux columns is het gebruik van een achtergrond-afbeelding om kolommen te simuleren die tot onderaan het scherm doorlopen.
Nee.
pi_90468739
quote:
1s.gif Op vrijdag 24 december 2010 16:18 schreef Tegan het volgende:

[ code verwijderd ]

Werkt niet.

Dit moest het zijn.

[ code verwijderd ]

_O_ .
Alleen jammer dat last-child nog te weinig ondersteund wordt. IE8 snapt het ook niet.
fokstok.nl
pi_90468893
Inderdaad. Ik gebruik zelf nog steeds vaak classes .first en .last. Erg jammer, goede support voor al die pseudo-classes maakt het werk zo veel makkelijker. Tuurlijk zijn er Javascript hacks die moderne CSS ook werkend maakt in IE6/7/8 - maar mijn ervaring is dat de performance van dat soort scripts nogal eens te wensen over laat.
Nee.
pi_90469694
Ik probeer meestal een combi van margins/paddings te verzinnen zodat het zowel boven- als onderaan gewoon goed uit komt. Meestal is dat wel te doen maar ik kan me idd wel situaties indenken waarin je daar niet mee weg komt.
zcflevo.nl
pi_90472179
ik probeer op een template (geleend uit Dreamweaver) een aanpassing te maken zodat de onderkant een x aantal pixels van de browser rand zit, zodat je dus de body background ziet..
alleen pakt hij om de 1 of andere wazige reden margin-bottom niet..
ik heb met firebug gekeken of hij wellicht werd overruled ofzo, maar daar komt bar weinig uit..
iemand die een zetje in de goede richting kan geven?
http://tinyurl.com/2v7r9zl <- een voorbeeld

het gaat mij dus om de #pagecel1 die ik een stukje van de browser rand wil hebben...
wat doe ik verkeerd?
pi_90472368
Ding is absoluut gepositioneerd.... Dat kun je wel schudden dus!
zcflevo.nl
pi_90472589
quote:
1s.gif Op zondag 26 december 2010 22:23 schreef KomtTijd... het volgende:
Ding is absoluut gepositioneerd.... Dat kun je wel schudden dus!
hmm oke, jammer dan :P

edit:
dit heeft me wel de goede richting op geduwd..
ik heb het element nu relative i.p.v. absoluut gepositioneerd
de top:109px weggehaald en
Margin-bottom:10px;
Margin-top:109px;
toegevoegd, wellicht is dit een erg smerige manier van doen, maar de site oogt zowel in FF als in IE nog zoals bedoeld, maar nu met een onderrandje...
ik weet echter niet wat er gebeurd als de content veranderd :+ (mocht dat toch problemen opleveren, draai ik het terug :P

[ Bericht 39% gewijzigd door mschol op 26-12-2010 22:48:11 ]
pi_90477140
quote:
1s.gif Op zondag 26 december 2010 21:00 schreef PimD het volgende:
Inderdaad. Ik gebruik zelf nog steeds vaak classes .first en .last. Erg jammer, goede support voor al die pseudo-classes maakt het werk zo veel makkelijker. Tuurlijk zijn er Javascript hacks die moderne CSS ook werkend maakt in IE6/7/8 - maar mijn ervaring is dat de performance van dat soort scripts nogal eens te wensen over laat.
Maarja, dat is lastig als niet zeker is welke paragraaf de eerste en welke de laatste wordt.
pi_90477604
Voor dat soort gevallen gebruik ik dan dus ook gewoon pseudoselectors. Dingen als de eerste alinea van een artikel dikgedrukt en iets groter tonen is dan iets wat mensen met een oude browser maar moeten missen. Voor essentiele dingen als menu's e.d. kun je dat echter niet maken IMO, dat bijv. een laatste menu item van het scherm valt omdat de browser :last-child/:last-of-type (nog) niet ondersteunt.
Nee.
pi_90477606
quote:
1s.gif Op zondag 26 december 2010 22:27 schreef mschol het volgende:

[..]

hmm oke, jammer dan :P

edit:
dit heeft me wel de goede richting op geduwd..
ik heb het element nu relative i.p.v. absoluut gepositioneerd
de top:109px weggehaald en
Margin-bottom:10px;
Margin-top:109px;
toegevoegd, wellicht is dit een erg smerige manier van doen, maar de site oogt zowel in FF als in IE nog zoals bedoeld, maar nu met een onderrandje...
ik weet echter niet wat er gebeurd als de content veranderd :+ (mocht dat toch problemen opleveren, draai ik het terug :P

Zo'n div uberhaupt absoluut positioneren is de smerige manier van doen. Maar in principe moet het zo gewoon goed gaan denk ik.
zcflevo.nl
pi_90477678
quote:
1s.gif Op maandag 27 december 2010 00:09 schreef PimD het volgende:
Voor dat soort gevallen gebruik ik dan dus ook gewoon pseudoselectors. Dingen als de eerste alinea van een artikel dikgedrukt en iets groter tonen is dan iets wat mensen met een oude browser maar moeten missen. Voor essentiele dingen als menu's e.d. kun je dat echter niet maken IMO, dat bijv. een laatste menu item van het scherm valt omdat de browser :last-child/:last-of-type (nog) niet ondersteunt.
Inderdaad. Schijt hebben aan IE is steeds vaker ook mijn oplossing voor datsoort details.

http://dowebsitesneedtolookexactlythesameineverybrowser.com/
zcflevo.nl
pi_90478037
Precies. Nu de opdrachtgevers van mn baas er nog van zien te overtuigen. Gaat al steeds beter, IE6 is nauwelijks meer aandacht voor, maar men wil toch wel vaak graag een 1:1 replica zien van de statische PSD's die gemaakt zijn. Ik snap niet dat er nog steeds bedrijven zijn die websites tot op de pixel nauwkeurig uitwerken in Photoshop - en daarna uren bezig zijn om het pixel voor pixel na te maken. Heeft geen zin, is meestal niet haalbaar en levert naar mijn idee ook geen enkele meerwaarde op. Maar ja...
Nee.
pi_90480587
quote:
1s.gif Op maandag 27 december 2010 00:09 schreef KomtTijd... het volgende:

[..]

Zo'n div uberhaupt absoluut positioneren is de smerige manier van doen. Maar in principe moet het zo gewoon goed gaan denk ik.
in IE7 viel de gehele navigatie balk bovenin de pagina weg, met wat aanpassen ziet hij er zo goed als hetzelfde uit in IE7/IE8/IE9, FF & Chrome
in IE6 ziet hij er wel hetzelfde uit, maar functioneert hij niet goed i.v.m. een CSS :hover die ik gebruik voor navigatie
dat ga ik alleen niet aanpassen.. geen zin in en het is redelijk nutteloos...
  maandag 27 december 2010 @ 11:24:11 #161
63192 ursel
"Het Is Hier Fantastisch!
pi_90487002
Hey hey.

Even een vraagje.
Ik heb nu de volgende site:

http://deridderbrandbeveiliging.nl/index_new.htm

Echter wil ik dat het logo vlak boven de paarse footer komt te staan in plaats van vlak onder het menu. :{

Alleen lukt het me niet. :')
pi_90487128
Dat logo moet je dan absoluut positioneren, maar dit wordt lastig omdat je de kolommen ook relatief positioneert (tenzij je met een negatieve bottom-positionering gaat werken als de hoogte van de linkerkolom vast staat). Anders zou ik de #logo-div verplaatsen en die absolute positioneren van de onderkant.

Waarom je uberhaupt een logo onderaan het scherm zou willen is uiteraard een heel ander punt :D
Nee.
  maandag 27 december 2010 @ 11:30:39 #163
63192 ursel
"Het Is Hier Fantastisch!
pi_90487225
quote:
1s.gif Op maandag 27 december 2010 11:27 schreef PimD het volgende:
Dat logo moet je dan absoluut positioneren, maar dit wordt lastig omdat je de kolommen ook relatief positioneert (tenzij je met een negatieve bottom-positionering gaat werken als de hoogte van de linkerkolom vast staat). Anders zou ik de #logo-div verplaatsen en die absolute positioneren van de onderkant.

Waarom je uberhaupt een logo onderaan het scherm zou willen is uiteraard een heel ander punt :D
Mja, het logo had ik nu al klaar staan. Maar aan de rechterkant komt ook een image die hetzelfde zou moeten doen. :7

Bottom hoogte staat vast. Ga daar denk even mee stoeien. Tnx
pi_90489910
quote:
1s.gif Op maandag 27 december 2010 00:09 schreef PimD het volgende:
Voor dat soort gevallen gebruik ik dan dus ook gewoon pseudoselectors. Dingen als de eerste alinea van een artikel dikgedrukt en iets groter tonen is dan iets wat mensen met een oude browser maar moeten missen. Voor essentiele dingen als menu's e.d. kun je dat echter niet maken IMO, dat bijv. een laatste menu item van het scherm valt omdat de browser :last-child/:last-of-type (nog) niet ondersteunt.
Idd. Het ging om de margin van de tekst, dat is niet echt heel storend als het fout gaat.
  maandag 3 januari 2011 @ 16:21:14 #165
329156 Peem
Skiddelly
pi_90797987
Lieve schatten, kan iemand me even uit de brand helpen? Op één of andere manier maakt Chrome van mijn images/bg.jpg, word het css/images/bg.jpg. Dit doet het bij 2 images, de rest niet.. Anyone got a clue?

Thanks in advance,
---
pi_90798130
Code?
  maandag 3 januari 2011 @ 16:24:02 #167
134533 donroyco
dus niet Donroyco
pi_90798150
quote:
1s.gif Op maandag 3 januari 2011 16:23 schreef Tegan het volgende:
Code?
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  maandag 3 januari 2011 @ 16:31:40 #168
329156 Peem
Skiddelly
pi_90798578
Ik neem aan dat het verder niet veel met de code te maken heeft, maar misschien iets dat chrome in de cache onthoud of iets?

body {
background: url(images/bg.jpg);
}

word ineens
body {
background: url(file:///C:/Users/Marciano/Desktop/EMPEFINAL2/css/images/header.jpg);
}

Waar slaat dit op? =P

En ja, het plaatje bg.jpg bestaat wel en staat in de images map, voorheen deed hij het wel :/
---
pi_90799352
En als je de hele url van bg.jpg invult?
  maandag 3 januari 2011 @ 16:55:33 #170
329156 Peem
Skiddelly
pi_90799813
Dan gooit hij er weer de hele rits ervoor, en krijg ik 2x dezelfde zin.

waar die /css/ vandaan komt heb ik geen idee van, heb niet eens een css mapje aangemaakt in empefinal2 :s
---
pi_90799863
Daar zit je fout iig. Zoek maar even na hoe je goed een plaatje linkt als background.
  maandag 3 januari 2011 @ 16:58:23 #172
329156 Peem
Skiddelly
pi_90799934
Dat daar een fout zit snap ik ook. Zoals ik zei is het alleen bij 2 plaatjes het geval, en niet bij de anderen. Ik zie namelijk gewoon mijn images/mountains.png, mijn images/fish.png e.d alleen de header en bg wil hij niet laten zien.
---
pi_90799968
Hoe link je die plaatjes in de css?
  maandag 3 januari 2011 @ 17:37:57 #174
329156 Peem
Skiddelly
pi_90801472
Gewoon a la
#header {
background: url(images/header.jpg);
width:
height:
}
---
pi_90801839
Wat is je directorystructuur dan? Aan je CSS te zien zou het volgens mij:

quote:
/css
/css/images
moeten zijn, maar dat lijkt me vrij onlogisch:

quote:
/css
/images
is waarschijnlijker. Je moet dan de juiste paden gebruiken, door '../images/' te gebruiken. Als je 'images/' gebruikt zal dit volgens mij alleen werken op de homepage van je site, aangezien het pad dan nog wel klopt.

Of faal ik nu hopeloos? :D
Nee.
  maandag 3 januari 2011 @ 17:51:31 #176
329156 Peem
Skiddelly
pi_90802010
Omg :o Er was opeens een mapje die /css/ heet, heb er helemaal overheen gekeken.. Toch vraag ik me af waarom hij daarnaar linkte, en dan pas images?

(had in m'n main directory een index.html een css mapje, images mapjes en js mapje)

Hij doet het in ieder geval nu weer, maar als iemand me het bovenste uit kan leggen ben ik dankbaar, het ligt in iedergeval aan Dreamweaver, aangezien het in alle browsers gebeurt (nog nooit eerder gehad trouwens)

Thanks Tegan & PimD
---
pi_90802083
Daarom link ik altijd gewoon de hele url ipv alleen de filename.

Hij pakt zijn eigen pad. Dus als de css een level lager staat neemt hij die map gewoon mee en is het lastig om iets te linken wat een level hoger staat.

Tenminste, ik denk dat dat het probleem was.
  maandag 3 januari 2011 @ 18:09:09 #178
329156 Peem
Skiddelly
pi_90802615
Hoe bedoel je, pakt zijn eigen pad? Hij zou toch gewoon moeten doen wat ik hem vertel te doen :')?
---
pi_90802658
De hele URL linken... En wat doe je dan als je de site live zet? Ga je dan alles weer aanpassen naar de nieuwe URL? Als je gewoon een standaard directorystructuur voor al je projecten hebt zou er geen probleem moeten zijn hoor - waarom zou je je map met CSS-files willen verplaatsen...?
Nee.
pi_90802705
quote:
1s.gif Op maandag 3 januari 2011 18:09 schreef Peem het volgende:
Hoe bedoel je, pakt zijn eigen pad? Hij zou toch gewoon moeten doen wat ik hem vertel te doen :')?
Als je css in home/css/ wordt uitgevoerd en jij zegt dat een plaatje in /images/ zit pakt hij zijn eigen pad home/css/ + /images/ wordt home/css/images ipv wat jij wil home/images/. Als je het snapt.
pi_90802780
quote:
1s.gif Op maandag 3 januari 2011 18:10 schreef PimD het volgende:
De hele URL linken... En wat doe je dan als je de site live zet? Ga je dan alles weer aanpassen naar de nieuwe URL? Als je gewoon een standaard directorystructuur voor al je projecten hebt zou er geen probleem moeten zijn hoor - waarom zou je je map met CSS-files willen verplaatsen...?
Ja, maar vooral gooi ik css nooit in een eigen map.
  maandag 3 januari 2011 @ 18:24:48 #182
329156 Peem
Skiddelly
pi_90803176
En mijn vraag is dus 'waarom' voert hij het uit via home/css, ik heb daar toch helemaal geen opdracht toe gegeven?
---
pi_90803259
Omdat je css in die map staat.
  maandag 3 januari 2011 @ 18:29:38 #184
329156 Peem
Skiddelly
pi_90803355
Oh, ok :) Maargoed, dan snap ik waarom ik dat nog nooit eerder gehad heb, dankje :)
---
pi_90803597
Hij pakt altijd zijn eigen pad + wat je opgeeft, anders kan hij ook niet ruiken waar hij het moet zoeken. Dit kun je dus tegengaan door gewoon de hele url op te geven :+ , maar dat vind niemand tof ofzo, of je moet je je pad beter opgeven, maar dat moet je zelf even uitzoeken :P .
pi_90803681
quote:
1s.gif Op maandag 3 januari 2011 18:35 schreef Tegan het volgende:
Hij pakt altijd zijn eigen pad + wat je opgeeft, anders kan hij ook niet ruiken waar hij het moet zoeken. Dit kun je dus tegengaan door gewoon de hele url op te geven :+ , maar dat vind niemand tof ofzo, of je moet je je pad beter opgeven, maar dat moet je zelf even uitzoeken :P .
Of gewoon absolute paden gebruiken, dus beginnen met een /. Dan begint hij altijd in de hoogst mogelijke map (in het geval van een webserver dus de map die gekoppeld staat aan je domein).

-edit-
En even firebug installeren. Dan had je gewoon rechtermuis -> element inspecteren kunnen doen, en gelijk gezien dat het pad verkeerd was.
zcflevo.nl
  maandag 3 januari 2011 @ 18:49:13 #187
329156 Peem
Skiddelly
pi_90804158
@KomtTijd dat het pad verkeerd was wist ik, dat is ook wat ik aangaf in het begin. Ik vroeg me af waarom het gebeurde. Verder heb ik Firefox aan de kant geschoven, Chrome heeft deze optie er automatisch in :)
---
pi_90876785
Ik wil op een site text verticaal centreren.
Nou had ik iemand gevonden, die deed het op een manier door de line-height even hoog te maken als de div. Opzich kan dit prima, als je maar 1 zin text hebt, of maar 1 afbeelding. Maar hoe is dit op te lossen als je een aantal aparte regels hebt?
pi_90877542
Dat kan niet in div's (althans niet met css). Alleen in een table cell, met vertical-align: middle.
Gelukkig kun je een div wel met CSS ombouwen tot table cell met display:table-cell.

Beetje ranzig maar minder ranzig dan javascript-oplossingen...
zcflevo.nl
pi_90878134
Dus dan grofweg

1
2
3
4		#div{
display:table-cell;
vertical-align:middle;
}

?
  woensdag 5 januari 2011 @ 13:28:54 #191
184465 Migue
Sensuele man
pi_90878407
Ik heb een noobvraag die hier hopelijk beantwoord kan worden:

In deze code wil ik de tekst 'Reageer' veranderen in de kleur zwart (deze is nu wit op een witte achtergrond, dat werkt dus niet):

<?php wp_list_comments(array('type'=>comment,'callback'=>mytheme_comment,'avatar_size'=>50, 'reply_text'=>__('Reageer','OnTheGo'))) ; ?>

Als iemand mij kan zeggen waar ik wat precies in moet voeren, stel ik dat zeer op prijs. De dingen die ik zelf al geprobeerd heb, resulteerden in het verdwijnen van de helft van mijn website :+

Dank.
MotorRacingblog.nl
  woensdag 5 januari 2011 @ 13:38:12 #192
134533 donroyco
dus niet Donroyco
pi_90878755
quote:
1s.gif Op woensdag 5 januari 2011 13:28 schreef Migue het volgende:
Ik heb een noobvraag die hier hopelijk beantwoord kan worden:

In deze code wil ik de tekst 'Reageer' veranderen in de kleur zwart (deze is nu wit op een witte achtergrond, dat werkt dus niet):

<?php wp_list_comments(array('type'=>comment,'callback'=>mytheme_comment,'avatar_size'=>50, 'reply_text'=>__('Reageer','OnTheGo'))) ; ?>

Als iemand mij kan zeggen waar ik wat precies in moet voeren, stel ik dat zeer op prijs. De dingen die ik zelf al geprobeerd heb, resulteerden in het verdwijnen van de helft van mijn website :+

Dank.
[PHP/(My)SQL] voor dummies - Deel 85
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_90878757
quote:
1s.gif Op woensdag 5 januari 2011 13:20 schreef RenRen- het volgende:
Dus dan grofweg
[ code verwijderd ]

?
Ja zoiets gok ik... Wel even goed testen in verschillende browsers!
quote:
1s.gif Op woensdag 5 januari 2011 13:28 schreef Migue het volgende:
Ik heb een noobvraag die hier hopelijk beantwoord kan worden:

In deze code wil ik de tekst 'Reageer' veranderen in de kleur zwart (deze is nu wit op een witte achtergrond, dat werkt dus niet):

<?php wp_list_comments(array('type'=>comment,'callback'=>mytheme_comment,'avatar_size'=>50, 'reply_text'=>__('Reageer','OnTheGo'))) ; ?>

Als iemand mij kan zeggen waar ik wat precies in moet voeren, stel ik dat zeer op prijs. De dingen die ik zelf al geprobeerd heb, resulteerden in het verdwijnen van de helft van mijn website :+

Dank.
Zet er <font color="black"> voor en </font> achter?
Niet aan PHP code gaan zitten kloten als je er geen verstand van hebt. gebruik de templates.
zcflevo.nl
pi_90879112
quote:
1s.gif Op woensdag 5 januari 2011 13:38 schreef KomtTijd... het volgende:

[..]

Ja zoiets gok ik... Wel even goed testen in verschillende browsers!

[..]

Zet er <font color="black"> voor en </font> achter?
Niet aan PHP code gaan zitten kloten als je er geen verstand van hebt. gebruik de templates.
Ja, moet eerst even ergens registreren, zit achter een mac. Maar komt goed O+ Dankje :*
pi_90879832
In FF voor de appel doet hij in ieder geval niets...
  woensdag 5 januari 2011 @ 14:14:50 #196
184465 Migue
Sensuele man
pi_90880261
quote:
12s.gif Op woensdag 5 januari 2011 13:38 schreef donroyco het volgende:

[..]

[PHP/(My)SQL] voor dummies - Deel 85
Zie, daar ga ik al, denkend dat CSS en PHP hetzelfde is ;) Dankje!

KomtTijd... dat had ik al geprobeerd, met alle gevolgen van dien ;)
MotorRacingblog.nl
pi_90880545
Je geeft te weinig info. Post even je hele code.
  woensdag 5 januari 2011 @ 14:29:04 #198
184465 Migue
Sensuele man
pi_90880962
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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102		<?php
/**
 * @package WordPress
 * @subpackage Default_Theme
 */

// Do not delete these lines
    if (!empty($_SERVER['SCRIPT_FILENAME']) && 'comments.php' == basename($_SERVER['SCRIPT_FILENAME']))
        die (__('Please do not load this page directly. Thanks!','OnTheGo'));

    if ( post_password_required() ) { ?>

<p class="nocomments"><?php _e('Dit bericht is beveiligd.','OnTheGo'); ?></p>
<?php
        return;
    }
?>
<!-- You can start editing here. -->

<?php if ( have_comments() ) : ?>
    <div id="comment-section">
        <p id="comments"><?php comments_number(__('Er zijn geen reacties','OnTheGo'),  __('Er is één reactie','OnTheGo'), 'Er zijn % '.__('reacties','OnTheGo'));?></p>
        
    <?php if ( ! empty($comments_by_type['comment']) ) : ?>
        <ol class="commentlist">
            <?php wp_list_comments(array('type'=>comment,'callback'=>mytheme_comment,'avatar_size'=>50,  'reply_text'=>__('Reageer','OnTheGo'))) ; ?>
        </ol>
    <?php endif; ?>
    
        <div class="navigation">
            <div class="alignleft">
                <?php previous_comments_link() ?>
            </div>
            <div class="alignright">
                <?php next_comments_link() ?>
            </div>
        </div>
        
    <?php if ( ! empty($comments_by_type['pings']) ) : ?>
    <div id="trackbacks">
        <h3 id="pings"><?php _e('Trackbacks/Pingbacks','OnTheGo'); ?></h3>
        <ol class="pinglist">
            <?php wp_list_comments('type=pings&callback=list_pings'); ?>
        </ol>
    </div>
    <?php endif; ?>    
<?php else : // this is displayed if there are no comments so far ?>
    <div id="comment-section" class="nocomments">
        <?php if ('open' == $post->comment_status) : ?>
            <!-- If comments are open, but there are no comments. -->
        <?php else : // comments are closed ?>
            <!-- If comments are closed. -->
                <div id="respond">
                    <p class="nocomments"><?php _e('Reageren op dit bericht is gesloten.','OnTheGo'); ?></p>
                </div> <!-- end respond div -->
        <?php endif; ?>
<?php endif; ?>
<?php if ('open' == $post->comment_status) : ?>

    <div id="respond">
        <h3>
            <?php _e('Laat een reactie achter','OnTheGo'); ?>
        </h3>
        <div class="cancel-comment-reply"> <small>
            <?php cancel_comment_reply_link(); ?>
            </small> </div> <!-- end cancel-comment-reply div -->
        <?php if ( get_option('comment_registration') && !$user_ID ) : ?>
            <p><?php _e('Je moet zijn','OnTheGo'); ?> <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=<?php echo urlencode(get_permalink()); ?>"><?php _e('ingelogd','OnTheGo'); ?></a> <?php _e('om te reageren.','OnTheGo'); ?></p>
        <?php else : ?>
            <form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
            <?php if ( $user_ID ) : ?>
                <p><?php _e('Je bent ingelogd als','OnTheGo'); ?> <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo wp_logout_url(get_permalink()); ?>"><?php _e('Log uit »','OnTheGo'); ?></a></p>
            <?php else : ?>
                <p>
                    <input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" <?php if ($req) echo "aria-required='true'"; ?> />
                    <label for="author"><small><?php _e('Naam:','OnTheGo'); ?><?php if ($req) _e(' verplicht','OnTheGo'); ?></small></label>
                </p>
                <p>
                    <input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="2" <?php if ($req) echo "aria-required='true'"; ?> />
                    <label for="email"><small><?php _e('E-mail (wordt niet weergegeven):','OnTheGo'); ?> <?php if ($req) _e(' verplicht','OnTheGo'); ?></small></label>
                </p>
                <p>
                    <input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" />
                    <label for="url"><small><?php _e('Website','OnTheGo'); ?></small></label>
                </p>
            <?php endif; ?>
            <!--<p><small><strong>XHTML:</strong> You can use these tags: <code><?php echo allowed_tags(); ?></code></small></p>-->
            <p>
                <textarea name="comment" id="comment" cols="60" rows="10" tabindex="4"></textarea>
            </p>
            <p>
                <input name="submit" type="submit" id="submit" tabindex="5" value="<?php _e('Reageer','OnTheGo'); ?>" />
                <?php comment_id_fields(); ?>
            </p>
            <?php do_action('comment_form', $post->ID); ?>
            </form>
        <?php endif; // If registration required and not logged in ?>
    </div> <!-- end respond div -->
<?php else: ?>

<?php endif; // if you delete this the sky will fall on your head ?>
</div> <!-- end comment-section -->
MotorRacingblog.nl
pi_90881010
En de css?
pi_90881126
quote:
1s.gif Op woensdag 5 januari 2011 14:29 schreef Migue het volgende:

[ code verwijderd ]

Juist, een template dus. Pas het daar in aan. Van die PHP-code moet je gewoon afblijven.
zcflevo.nl
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[CSS] voor dummies #15
Index

» digital corner

» development

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