[html, css, js] voor dummies #20

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_106295316
Nou ja dat probeer, maar op een of andere manier wil het niet lukken.

[code]
<div id="links"></div>
<div id="midden">9 div classes achter elkaar met float left</div>
</div id="rechts"></div>
[/code]

Zoiets is het globaal, maar de rechter div begint pas bij de laatste div binnen het midden. Maar dat snap ik dus niet.

Ik denk dat ik het bijna heb.
Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je
  zondag 1 januari 2012 @ 23:56:02 #206
228072 Crimyclown
Sapper de fap!
pi_106295395
quote:
3s.gif Op zondag 1 januari 2012 22:09 schreef picodealion het volgende:

[..]

Dit is niet echt een html/css vraag.

Sorry :@
Anonieme tievesclown
  zondag 1 januari 2012 @ 23:56:57 #207
228072 Crimyclown
Sapper de fap!
pi_106295429
quote:
17s.gif Op zondag 1 januari 2012 23:53 schreef DutchErrorist het volgende:
Nou ja dat probeer, maar op een of andere manier wil het niet lukken.
[ code verwijderd ]

Zoiets is het globaal, maar de rechter div begint pas bij de laatste div binnen het midden. Maar dat snap ik dus niet.

Ik denk dat ik het bijna heb.
Floaten?
Anonieme tievesclown
pi_106295493
quote:
0s.gif Op zondag 1 januari 2012 23:56 schreef Crimyclown het volgende:

[..]

Floaten?
Ik had verdomme ergens 700 px ipv 700px staan. Nou dat heb ik geweten. Nu is het allemaal goed.
Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je
  maandag 2 januari 2012 @ 15:53:00 #209
228072 Crimyclown
Sapper de fap!
pi_106314061
Ik heb meerdere JS files in mijn html files staan, alleen laden ze niet altijd. Maakt het wat uit in welke volgorde ik ze zet?
1
2
3
4
5
6
7
8		<head>
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
<script type="text/javascript" src="scripts/vallign.js"></script>
<script type="text/javascript" src="scripts/js.js"></script>
<script type="text/javascript" src="scripts/imageswap.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FOK</title>
</head>

Hij heeft moeite om vallign.js te laden, soms gaat het wel goed maar soms ook niet. Dit document zorgt ervoor dat de tekst verticaal gecentreerd staat in de div tags.

vallign.js:
1
2
3
4
5
6		$(document).ready(function() {
  var myHeight = $("#div1").height();
  var parentHeight = $("#iets1").height();
  var myMarginTop = (parentHeight - myHeight) / 2;
  $("#div1").css("margin-top",  myMarginTop);
});

De code werkt gewoon maar hoe zorg ik ervoor dat de html pagina's altijd vallign.js laden/uitvoeren.
Anonieme tievesclown
pi_106314991
waarom zet je zo'n kort scriptje uberhaupt in een apart bestand?
En zou het kunnen komen doordat Jquery niet goed geladen is? Ik weet niet hoe betrouwbaar het is om dat uit een externe bron te laden...
zcflevo.nl
  maandag 2 januari 2012 @ 16:19:47 #211
228072 Crimyclown
Sapper de fap!
pi_106315079
quote:
5s.gif Op maandag 2 januari 2012 16:17 schreef KomtTijd... het volgende:
waarom zet je zo'n kort scriptje uberhaupt in een apart bestand?
En zou het kunnen komen doordat Jquery niet goed geladen is? Ik weet niet hoe betrouwbaar het is om dat uit een externe bron te laden...
Mag geen styling en scripting in het document zelf zetten.

Kan het wat uitmaken om alle js in 1 document te stoppen?
Anonieme tievesclown
pi_106315159
Hoezo niet?

En ja, dat kan uitmaken: Wordt je website (over het algemeen) sneller van.
zcflevo.nl
  maandag 2 januari 2012 @ 16:23:49 #213
228072 Crimyclown
Sapper de fap!
pi_106315250
quote:
5s.gif Op maandag 2 januari 2012 16:21 schreef KomtTijd... het volgende:
Hoezo niet?

En ja, dat kan uitmaken: Wordt je website (over het algemeen) sneller van.
Opdracht voor school, zal eens proberen om alles in 1 document te stoppen. Dit is de eerste keer dat ik problemen heb met het laden van een externe js file.
Anonieme tievesclown
  maandag 2 januari 2012 @ 16:53:37 #214
228072 Crimyclown
Sapper de fap!
pi_106316402
Alles in 1 bestand laad die zonder problemen.
Anonieme tievesclown
  maandag 2 januari 2012 @ 17:07:29 #215
56176 Catch22-
Ben je Blind?!
pi_106316974
Waar laadt je jQuery in? En het is beter om je custom JS in 1 externe file te zetten.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  maandag 2 januari 2012 @ 22:39:48 #216
298746 Dalando
18, niet meer gefrustreerd
pi_106333281
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		body {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    background: #f1f1f1;
}
            
#wrapper {
    width: 800px;
    margin: 0 auto;
    border-radius: 30px 30px 0px 0px;
    background: #e0e0e0;
}

#header {
    height: 20px;
    padding: 0px 20px;
}

#header .title {
    font-size: 30px;
    float: left;
    margin-top: 4px;
}

#header .search {
    float: right;
    margin-top: 8px;
}

#toolbox {
    float: right;
    background: #f0f0f0;
    padding: 5px;
    margin-left: 195px;
    position: relative;
    -webkit-transform: rotate(90deg); 
}

#textbox a {
    text-decoration: none;
}

#textbox a:hover {
    text-decoration: none;
}
    
            
#article {
    background: #e9e9e9;
    padding: 3px 20px;
    margin: 20px 0px;
}

#footer {
    text-align: center;
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24		<div id="wrapper">
            <div id="header">
                <div class="title">
                    Title
                </div>
                
                <div class="search">
                    <form name="articlesearch" method="post" action="/">
                        <input type="text" name="article" placeholder="Article...">
                        <input type="submit" value="Search">
                    </form>
                </div>
            </div>
            
            <div id="article">
                <div id="text">
                    text
                </div>
            </div>
            
            <div id="footer">
                © title 
            </div>
        </div>



Wat ik probeer te doen is een div aan de rechterkant van de #wrapper te zetten, zorgen dat de wrapper wel in het midden blijft, maar dat daar een soort van tab komt, waar de #toolbox komt te zitten, enig idee hoe ik dat kan doen?
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_106333588
Ga eens met firebug langs een willekeurige skyscraper ad en je hebt je antwoord.
zcflevo.nl
  maandag 2 januari 2012 @ 22:51:46 #218
298746 Dalando
18, niet meer gefrustreerd
pi_106333965
quote:
14s.gif Op maandag 2 januari 2012 22:45 schreef KomtTijd... het volgende:
Ga eens met firebug langs een willekeurige skyscraper ad en je hebt je antwoord.
Gelukkig heb ik geen firebug, maar thanks, ik ga m'n best doen.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  maandag 2 januari 2012 @ 22:51:55 #219
56176 Catch22-
Ben je Blind?!
pi_106333978
Absoluut ten opzichte van die middendiv positioneren dus.

quote:
7s.gif Op maandag 2 januari 2012 22:51 schreef Dalando het volgende:

[..]

Gelukkig heb ik geen firebug, maar thanks, ik ga m'n best doen.
HTML'en/CSS'en/JS'en zonder Firebug (of andere webdevelopertoolkit) is echt een no-go. Moet je niet eens willen.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  maandag 2 januari 2012 @ 23:01:44 #220
298746 Dalando
18, niet meer gefrustreerd
pi_106334518
quote:
11s.gif Op maandag 2 januari 2012 22:51 schreef Catch22- het volgende:
Absoluut ten opzichte van die middendiv positioneren dus.

[..]

HTML'en/CSS'en/JS'en zonder Firebug (of andere webdevelopertoolkit) is echt een no-go. Moet je niet eens willen.
Weet ik, daarom heb ik Element Inspecteren in Chrome. :D

Maar ff terug, ik heb nu dit:

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		<div id="wrapper">
            <div id="header">
                <div class="title">
                    Title
                </div>
                
                <div class="search">
                    <form name="articlesearch" method="post" action="/">
                        <input type="text" name="article" placeholder="Article...">
                        <input type="submit" value="Search">
                    </form>
                </div>
            </div>

         <div id="toolbox">
            <a href=""> [ edit ] </a>
        </div>
            
            <div id="article">
                <div id="text">
                    text
                </div>
            </div>
            
            <div id="footer">
                © title 
            </div>
        </div>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19		#toolbox {
    margin-top: 55px;
    margin-left: 767px;
    position: absolute;
    -webkit-transform: rotate(90deg); 
}

#toolbox a {
    background: #e0e0e0;
    font-size: 20px;
    text-decoration: none;
    color: black;
    padding: 5px 20px;
    border-radius: 10px 10px 0px 0px;
}

#toolbox a:hover {
    background: #e9e9e9;
}

Als ik dan 1 linkje plaats, staat het perfect. Als ik een 2e linkje plaats daarintegen, shift ie van plek.

Hoe los ik dit op?
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_106334699
Hoe bedoel je "shift ie van plek"? Maak anders even een testcase ofzo.
zcflevo.nl
  maandag 2 januari 2012 @ 23:15:06 #222
298746 Dalando
18, niet meer gefrustreerd
pi_106335298
quote:
14s.gif Op maandag 2 januari 2012 23:04 schreef KomtTijd... het volgende:
Hoe bedoel je "shift ie van plek"? Maak anders even een testcase ofzo.
http://fok.dalando.nl/dev/

Met firebug etc kun je zelf rechts in de toolbox <a href="">[ link ]</a> toevoegen, and see what happens.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_106336654
hmmpf die transform gooit roet in het eten. Hoogtes en breedtes worden ineens aan alle kanten door elkaar gehaald. Aangenomen dat -moz-transform ongeveer het zelfde werkt.
Ik kom iets beter in de buurt als ik de transform op de linkjes zelf zet...
zcflevo.nl
  maandag 2 januari 2012 @ 23:41:36 #224
298746 Dalando
18, niet meer gefrustreerd
pi_106336786
quote:
14s.gif Op maandag 2 januari 2012 23:39 schreef KomtTijd... het volgende:
hmmpf die transform gooit roet in het eten. Hoogtes en breedtes worden ineens aan alle kanten door elkaar gehaald. Aangenomen dat -moz-transform ongeveer het zelfde werkt.
Ik kom iets beter in de buurt als ik de transform op de linkjes zelf zet...
Meld maar als je een oplossing hebt, ik weet het niet meer.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  maandag 2 januari 2012 @ 23:45:12 #225
56176 Catch22-
Ben je Blind?!
pi_106337022
transform de content eens ipv de container
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_106337025
Ik ben niet helder genoeg om me nu in transforms te gaan verdiepen... Misschien wat experimenteren met extra elementen die je transformt? (spans in of om de links, ik roep maar wat)
zcflevo.nl
  dinsdag 3 januari 2012 @ 00:02:44 #227
298746 Dalando
18, niet meer gefrustreerd
pi_106337998
quote:
11s.gif Op maandag 2 januari 2012 23:45 schreef Catch22- het volgende:
transform de content eens ipv de container
?
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  dinsdag 3 januari 2012 @ 00:05:32 #228
56176 Catch22-
Ben je Blind?!
pi_106338140
zet een div om de inhoud van die toolbox en rotate die, ipv dat je de toolbox transformed
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_106338808
Hij rotate om het middelpunt. Je moet even het rotatiepunt op "bottom left" zetten (-webkit-transform-origin voor webkit, de rest weet je dan wel te googlen) en dan de toolbox nog even op de goede plek zetten.

Bottom left in dit geval omdat hoeveel links er ook bijkomen, dat punt altijd vaststaat. Top left kan ook.
  dinsdag 3 januari 2012 @ 18:54:28 #230
87680 Mirel
Mirel wil een bongophone.
pi_106365486
Ik deed even de inhoud op 97% breedte en ik kreeg dit:


De boel werd naar beneden gebumpt. Bij gewone grootte had ik een horizontaal balkje en ik deed doen overflow: hidden; op m'n body, en blijkbaar heeft het het bovenstaande probleem ook opgelost.

Slim of overflow: hidden; op de hele body te doen? Ik vind het wel prima :)

edit: overflow-x dus :+

[ Bericht 10% gewijzigd door Mirel op 03-01-2012 19:04:06 ]
When all else fails, you always have delusion.
pi_106365993
Hoi :)
ik heb zojuist deze 'tutorial' http://www.dynamicdrive.c(...)hover_image_gallery/ gevolgd om social media icons een leuk hover effect te geven, maar het hover effect werkt niet.
Ik heb het op deze pagina gezet; http://lucsenden.nl/index.html

Kan iemand mij helpen met wat ik fout doe?
Ik heb hiervoor al andere effecten geprobeerd maar ook daar werkte het hover effect niet dus ik doe vast iets fout.
pi_106366028
quote:
0s.gif Op dinsdag 3 januari 2012 18:54 schreef Mirel het volgende:

Slim of overflow: hidden; op de hele body te doen? Ik vind het wel prima :)

edit: overflow-x dus :+
Zelfde verhaal weer, alleen slim als je écht een hekel hebt aan mensen met kleine schermen en die zoveel mogelijk van je site wilt weren.

Echt, je moet het zelf weten, maar als je serieus publiek wilt bereiken met je website, zou ik me toch een beetje aan de normale toegankelijkheidseisen houden...

Overigens lijkt het op je screenshot dat die knopjes rechts de rest van je site naar beneden drukken... Geef ze horizontaal eens een pixel meer ruimte, dat voorkomt ditsoort problemen door (waarschijnlijk) afrondingsfouten...
zcflevo.nl
pi_106366235
quote:
0s.gif Op dinsdag 3 januari 2012 19:06 schreef Vanillax het volgende:
Hoi :)
ik heb zojuist deze 'tutorial' http://www.dynamicdrive.c(...)hover_image_gallery/ gevolgd om social media icons een leuk hover effect te geven, maar het hover effect werkt niet.
Ik heb het op deze pagina gezet; http://lucsenden.nl/index.html

Kan iemand mij helpen met wat ik fout doe?
Ik heb hiervoor al andere effecten geprobeerd maar ook daar werkte het hover effect niet dus ik doe vast iets fout.
Je link doet het niet. En ik zie uberhaupt geen social media icoontjes op je pagina.
zcflevo.nl
pi_106366300
KomtTijd, er staat rechtsbovenaan op dit moment 1 youtube icoontje, omdat ik even aan het uitproberen was met dat effect. (Tegen contact aangeplakt, is ook niet de bedoeling maar ik wil eerst even dat dat effect werkt.)

http://www.dynamicdrive.c(...)hover_image_gallery/
Dit is de link.
  dinsdag 3 januari 2012 @ 19:18:04 #235
87680 Mirel
Mirel wil een bongophone.
pi_106366497
quote:
14s.gif Op dinsdag 3 januari 2012 19:07 schreef KomtTijd... het volgende:

[..]

Zelfde verhaal weer, alleen slim als je écht een hekel hebt aan mensen met kleine schermen en die zoveel mogelijk van je site wilt weren.

Echt, je moet het zelf weten, maar als je serieus publiek wilt bereiken met je website, zou ik me toch een beetje aan de normale toegankelijkheidseisen houden...

Overigens lijkt het op je screenshot dat die knopjes rechts de rest van je site naar beneden drukken... Geef ze horizontaal eens een pixel meer ruimte, dat voorkomt ditsoort problemen door (waarschijnlijk) afrondingsfouten...

Ja dat is dus gefixed door overflow-x op hidden te zetten (y op visible want opera pakte die niet uitzichzelf :').
Wat er nu gebeurt met kleine schermen in de breedte is dat de boel naar beneden gedrukt wordt, dus volgens mij heb ik het allemaal wel gefixed hoor. Alleen dat @Media met het menu nog.

Kijk maar :)
When all else fails, you always have delusion.
pi_106366629
quote:
0s.gif Op dinsdag 3 januari 2012 19:14 schreef Vanillax het volgende:
KomtTijd, er staat rechtsbovenaan op dit moment 1 youtube icoontje, omdat ik even aan het uitproberen was met dat effect. (Tegen contact aangeplakt, is ook niet de bedoeling maar ik wil eerst even dat dat effect werkt.)

http://www.dynamicdrive.c(...)hover_image_gallery/
Dit is de link.
Hij doet het prima maar je kunt er niet over hoveren aangezien er andere elementen voorstaan.

Ga in hemelsnaam je HTML eens fatsoenlijk indenten, hier is niet mee te werken.
zcflevo.nl
pi_106366760
KomtTijd, ik stel een normale vraag, is wel zo sociaal als je daar ook normaal op reageert. -.-
Dat het niet geindent is komt doordat ik net een CMS van de host heb uitgeprobeerd en die plakt het fijn allemaal achter elkaar.

Welke elementen staan er dan voor? Die van het menu?
pi_106366779
quote:
0s.gif Op dinsdag 3 januari 2012 19:18 schreef Mirel het volgende:

[..]

Ja dat is dus gefixed door overflow-x op hidden te zetten (y op visible want opera pakte die niet uitzichzelf :').
Wat er nu gebeurt met kleine schermen in de breedte is dat de boel naar beneden gedrukt wordt, dus volgens mij heb ik het allemaal wel gefixed hoor. Alleen dat @Media met het menu nog.

Kijk maar :)
[ afbeelding ]
Door overflow-x op hidden te zetten van je body, verwijder je de scrollbalk en is de hele rechterkant van je website dus onzichtbaar voor mensen met een kleiner scherm. In jouw geval betreft het dan dus alleen de menubalk aangezien de rest meestrecht. Maar dat lijkt me nou juist ongeveer het belangrijkste element van de pagina.
zcflevo.nl
pi_106366859
quote:
0s.gif Op dinsdag 3 januari 2012 19:24 schreef Vanillax het volgende:
KomtTijd, ik stel een normale vraag, is wel zo sociaal als je daar ook normaal op reageert. -.-
Dat het niet geindent is komt doordat ik net een CMS van de host heb uitgeprobeerd en die plakt het fijn allemaal achter elkaar.

Welke elementen staan er dan voor? Die van het menu?
Wat reageer ik niet normaal dan?

Het zijn inderdaad de elementen van het menu die ervoor staan, wat je direct gezien had als je firebug even gebruikt had.

WBT dat CMS nog een advies: Niet gebruiken :X Als er ditsoort bagger uitkomt... Sowieso is het misschien makkelijker om eerst een statische pagina te maken en die later om te bouwen tot template.
zcflevo.nl
pi_106366915
quote:
14s.gif Op dinsdag 3 januari 2012 19:21 schreef KomtTijd... het volgende:

[..]

Hij doet het prima maar je kunt er niet over hoveren aangezien er andere elementen voorstaan.
Niet helemaal waar, je kunt wel hoveren. Maar veel zin heeft het niet, want het is gewoon een plaatje. Bij een linkje heeft het meer effect.
fokstok.nl
  dinsdag 3 januari 2012 @ 19:28:52 #241
87680 Mirel
Mirel wil een bongophone.
pi_106366965
quote:
14s.gif Op dinsdag 3 januari 2012 19:24 schreef KomtTijd... het volgende:

[..]

Door overflow-x op hidden te zetten van je body, verwijder je de scrollbalk en is de hele rechterkant van je website dus onzichtbaar voor mensen met een kleiner scherm. In jouw geval betreft het dan dus alleen de menubalk aangezien de rest meestrecht. Maar dat lijkt me nou juist ongeveer het belangrijkste element van de pagina.
Ja maar daar ben ik ook nog mee bezig, dat zei ik ook in een van de vorige posts :P
When all else fails, you always have delusion.
pi_106366973
quote:
0s.gif Op dinsdag 3 januari 2012 19:27 schreef Light het volgende:

[..]

Niet helemaal waar, je kunt wel hoveren. Maar veel zin heeft het niet, want het is gewoon een plaatje. Bij een linkje heeft het meer effect.
Hij heeft de hover keurig op de img, dus dat maakt niet uit. je kunt er nog niet op klikken, maar een linkje eromheen zetten is natuurlijk een fluitje van een cent.
zcflevo.nl
pi_106366982
Nou ik had de CMS van one.com nog nooit gezien dus ik wilde gewoon even kijken of het wat was, maar niet bepaald dus. :s

Ik ga eens even uitzoeken wat firebug is x')
pi_106367079
quote:
0s.gif Op dinsdag 3 januari 2012 19:29 schreef Vanillax het volgende:
Nou ik had de CMS van one.com nog nooit gezien dus ik wilde gewoon even kijken of het wat was, maar niet bepaald dus. :s

Ik ga eens even uitzoeken wat firebug is x')
https://addons.mozilla.org/nl/firefox/addon/firebug/
danwel
http://code.google.com/chrome/devtools/

quote:
0s.gif Op dinsdag 3 januari 2012 19:28 schreef Mirel het volgende:

[..]

Ja maar daar ben ik ook nog mee bezig, dat zei ik ook in een van de vorige posts :P
^O^
zcflevo.nl
pi_106367142
quote:
14s.gif Op dinsdag 3 januari 2012 19:29 schreef KomtTijd... het volgende:

[..]

Hij heeft de hover keurig op de img, dus dat maakt niet uit. je kunt er nog niet op klikken, maar een linkje eromheen zetten is natuurlijk een fluitje van een cent.
Ah, ik had die img:hover gemist. Die werkt idd wel (als ik de main content div weggooi).
fokstok.nl
pi_106394653
Hallo

Ik heb een klein probleempje op deze pagina,

1
2
3
4
5
6		.regel
 {clear:both; background-color:blue;}
    .label
        {text-align: right; padding:0 20 0 0 px; width:25%;float:left; background-color:green; }
    .content
        {text-align: left; background-color:yellow; position: relative; }

En dit is de HTML

1
2
3
4
5		<div class="regel"><div class="label">1997 - 2001</div><div="content">Larenstein (Hogeschool), Velp (Paesi Bassi) <br /> 

Tecnologia degli alimenti (Management della qualità)<br /> 

(llivello bachelor, ISCED 5)</div></div>
Nu wil ik graag dat de tweede en derde regel onder de Larenstein komen. Hoe doe ik dit? Ik heb idee dat het heel simpel is, maar ik kom er niet achter.
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
  woensdag 4 januari 2012 @ 14:13:32 #247
56176 Catch22-
Ben je Blind?!
pi_106394747
Dit is wel een goed voorbeeld wanneer je wél een table gebruikt :)
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_106394920
Wat Cacht22 zegt.

En in quirksmode werken is ook nooit een goed idee.
zcflevo.nl
pi_106395263
Sorry verkeerd topic :P.
pi_106402244
Bedankt. Ik kreeg echter een ingeving en het is alsnog gelukt :)

1
2
3
4
5
6
7
8
9		<style type="text/css">
     
    .regel
 {clear:both; padding:5px; }
    .label
        {text-align: right; width:30% ;float:left; background-color:green; }
    .content
        {text-align: left; padding-left:30px;  background-color:yellow; margin-left:30%;  }
</style>
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
  woensdag 4 januari 2012 @ 20:58:42 #251
87680 Mirel
Mirel wil een bongophone.
pi_106412939
Ik heb bijna alle afstanden op m'n website op 10px gezet. Als je op een post klikt, heb ik ingesteld dat er rechts in het venster een Facebook knop zit. Die moet eigenlijk ook 10px afstand hebben, boven en rechts, maar tijdens het laden wipt 'ie ineens iets naar links. Druk maar een paar keer op F5. Wat is dat nou weer? :')
When all else fails, you always have delusion.
  woensdag 4 januari 2012 @ 21:02:36 #252
56176 Catch22-
Ben je Blind?!
pi_106413159
Geen idee, hij zit volgens mij sowieso niet in de flow. Hij heeft geen breedte of wel?

Je moet ook even de overflow hidden van je P weghalen (staat in je reset) want ik krijg scrollbalken op elke P.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_106413357
Blijkbaar doet één van je scripts er nog iets mee, zal dat addthis script wel zijn...

Zou je trouwens niet eens wat scripts en stylesheets samenvoegen? En bijvoorbeeld gewoon één JS library gebruiken in plaats van 3? Je head is letterlijk langer dan je body.
zcflevo.nl
  woensdag 4 januari 2012 @ 21:08:21 #254
87680 Mirel
Mirel wil een bongophone.
pi_106413437
Al die crap in de header is van de theme. Ik zal eens kijken wat ik er nog meer uit kan slopen.
When all else fails, you always have delusion.
pi_106413584
Tussen alle resets doorspittend (echt, wie ooit verzonnen heeft dat dat praktisch is... |:( ), kwam ik dit regeltje tegen in widget74.css:
1
2
3		 .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {
    padding: 0 2px;
}
zcflevo.nl
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[html, css, js] voor dummies #20
Index

» digital corner

» development

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