[CSS] voor dummies #16

maandag 30 mei 2011 @ 17:40:41 #154

PimD

Nee.

Ik heb in Safari op de Mac ook gewoon een hover hoor. Die zijn schijnbaar minder kieskeurig wat betreft codes die voor de doctype komen. Ik zie in de CSS ook gewoon de diverse :hover-states staan hoor. Firebug ziet ze alleen niet door die Javascript-ellende voor de doctype.

Nee.

maandag 30 mei 2011 @ 17:49:07 #155

Mirel

Mirel wil een bongophone.

zo'n plugin zorgde voor het probleem

When all else fails, you always have delusion.

zondag 5 juni 2011 @ 21:14:52 #156

Mirel

Mirel wil een bongophone.

Hoi hoi. Net begonnen met een eigen site.

Ik wil 1 div herhalen helemaal rechtsonderaan. Ik kan er eentje daar wel neerzetten, maar nu blijkt het toch moeilijker dan ik dacht om er dan een andere links ernaast te herhalen. Wtf moet ik doen

1
2
3
4
5
6

1
2
3
4
5
6
7
8

.post {
bottom:0;
right:0;
width: 400px;
background: white;
float: right;
margin-left: 40px;
}

Pas op het moment dat ik position: absolute; invoer, krijg ik de div rechtsonder. Maar op het moment dat ik de div kopieer, komen ze (denk ik) boven op elkaar. Ik zie er dan iig maar eentje.

Ik probeerde dit als voorbeeld te gebruiken: http://sonyakozlova.com/ Die website lijnt niet uit rechtsonderaan maar ik kan misschien met bepaalde trucjes (een container div onderaan) de boel wel naar beneden krijgen. Feit blijft wel dat ik mijn eerste post rechts wil hebben en mijn nieuwste post links. Zo zal je dan later naar rechts moeten scrollen om de oudere dingen te zien.

Ik zie sowieso niet hoe de boel naast elkaar is gezet op die website. Dat kan ik overigens nog wel zoals in bovenstaande code te zien is. Het is die klote position: absolute; die de boel verkloot.

[ Bericht 6% gewijzigd door Mirel op 05-06-2011 21:58:36 ]

When all else fails, you always have delusion.

maandag 6 juni 2011 @ 09:07:39 #157

KomtTijd...

Ik heb geen flauw idee wat je nou wilt bereiken, maar position:absolute gebruiken is (bijna) nooit een goed idee.

zcflevo.nl

maandag 6 juni 2011 @ 09:32:31 #158

n8n

Pragmatisch

quote:
Op zondag 5 juni 2011 21:14 schreef Mirel het volgende:
Hoi hoi. Net begonnen met een eigen site.

Ik wil 1 div herhalen helemaal rechtsonderaan. Ik kan er eentje daar wel neerzetten, maar nu blijkt het toch moeilijker dan ik dacht om er dan een andere links ernaast te herhalen. Wtf moet ik doen

[ code verwijderd ]

[ code verwijderd ]

Pas op het moment dat ik position: absolute; invoer, krijg ik de div rechtsonder. Maar op het moment dat ik de div kopieer, komen ze (denk ik) boven op elkaar. Ik zie er dan iig maar eentje.

Ik probeerde dit als voorbeeld te gebruiken: http://sonyakozlova.com/ Die website lijnt niet uit rechtsonderaan maar ik kan misschien met bepaalde trucjes (een container div onderaan) de boel wel naar beneden krijgen. Feit blijft wel dat ik mijn eerste post rechts wil hebben en mijn nieuwste post links. Zo zal je dan later naar rechts moeten scrollen om de oudere dingen te zien.

Ik zie sowieso niet hoe de boel naast elkaar is gezet op die website. Dat kan ik overigens nog wel zoals in bovenstaande code te zien is. Het is die klote position: absolute; die de boel verkloot.

doe eens plaatje maken

“Specialization is for insects”.—Robert Heinlein

maandag 6 juni 2011 @ 11:35:36 #159

Mirel

Mirel wil een bongophone.

Hier bij www.mirelmasic.nl. Ik wil dat het zo wordt:

Het is dus 1 div class die ik 2x post.

When all else fails, you always have delusion.

maandag 6 juni 2011 @ 11:45:25 #160

n8n

Pragmatisch

quote:
Op maandag 6 juni 2011 11:35 schreef Mirel het volgende:
Hier bij www.mirelmasic.nl. Ik wil dat het zo wordt:
[ afbeelding ]

Het is dus 1 div class die ik 2x post.

zijn altijd zo groot? blijven ten alle tijden daar staan (dus ook als je het venster van grootte veranderd of bij scrollen)?

indien beide ja zou ik gaan voor

ul#ding {
position: fixed;
bottom: 0px;
right: 0px;
height: 20px;
width: 600px;
}

ul#ding li {
background: white;
float: right;
widht: 200px;
height: inherit;
margin: 0 50px;
}

zou moeten werken i'd guess

“Specialization is for insects”.—Robert Heinlein

maandag 6 juni 2011 @ 11:48:11 #161

Mirel

Mirel wil een bongophone.

Nou ze worden 400 px hoog denk ik. en dan wil ik met wordpress er text in plaatsen, of thumbnails

When all else fails, you always have delusion.

maandag 6 juni 2011 @ 11:50:15 #162

KomtTijd...

quote:
Op maandag 6 juni 2011 11:48 schreef Mirel het volgende:
Nou ze worden 400 px hoog denk ik. en dan wil ik met wordpress er text in plaatsen, of thumbnails

in dat geval die "bottom" div 400px hoog maken, en rechtsonderin de hoek smijten met position:absolute. Je content een margin-bottom van 400px geven.

zcflevo.nl

maandag 6 juni 2011 @ 11:57:42 #163

Mirel

Mirel wil een bongophone.

hoezo lists? Ik snap niet hoe je dit met 2 css entries doet. De ene voor de tekst en de andere voor de achtergrond zelf?

edit: oohhhh, even denken
edit2: ja ik ben most confused, werkt voor geen meter. Daarnaast komt er een volgende div van dezelfde class rechts ipv links

[ Bericht 43% gewijzigd door Mirel op 06-06-2011 13:05:08 ]

When all else fails, you always have delusion.

maandag 6 juni 2011 @ 13:06:22 #164

KomtTijd...

Waarom geef je die div geen andere classname dan?

zcflevo.nl

maandag 6 juni 2011 @ 13:08:52 #165

Mirel

Mirel wil een bongophone.

quote:
Op maandag 6 juni 2011 13:06 schreef KomtTijd... het volgende:
Waarom geef je die div geen andere classname dan?

oh hee het lukt al. En ik wil dat het dezelfde class geeft omdat ik in wordpress die div wil gebruiken voor het posten. Iedere post komt in een kopie van die div terug. Als ik op een gegeven 10 posts hebt dan heb ik dus 10 van die vierkanten naast elkaar

When all else fails, you always have delusion.

maandag 6 juni 2011 @ 13:12:38 #166

n8n

Pragmatisch

quote:
Op maandag 6 juni 2011 13:08 schreef Mirel het volgende:

[..]

oh hee het lukt al. En ik wil dat het dezelfde class geeft omdat ik in wordpress die div wil gebruiken voor het posten. Iedere post komt in een kopie van die div terug. Als ik op een gegeven 10 posts hebt dan heb ik dus 10 van die vierkanten naast elkaar

je wilt horizontaal scrollen?

“Specialization is for insects”.—Robert Heinlein

maandag 6 juni 2011 @ 13:19:07 #167

Mirel

Mirel wil een bongophone.

Ja. Ik word hier trouwens helemaal gestoord van. Dat zoiets simpels en voor de hand liggends niet kan werken.

Kan je het alsjeblieft precies invullen hoe het moet? Ook met de goeie namen

, want ik ben nu te suf om als een normaal mens na te denken

1
2
3
4
5
6
7
8

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

.postwrapper {
position: fixed;
bottom: 0px;
right: 0px;
height: 500px;
width: 200px;

}

.post {

float: right;
width: 200px;
height: 500px;

}

ik ben hier en daar aan het kutten geweest.

When all else fails, you always have delusion.

maandag 6 juni 2011 @ 13:43:00 #168

n8n

Pragmatisch

n8n.nl/temp/oi.html

al zou ik het persoonlijk iets anders doen, een scrollend element binnen een pagina is horrible

“Specialization is for insects”.—Robert Heinlein

maandag 6 juni 2011 @ 13:44:58 #169

Mirel

Mirel wil een bongophone.

quote:
Op maandag 6 juni 2011 13:43 schreef n8n het volgende:
n8n.nl/temp/oi.html

al zou ik het persoonlijk iets anders doen, een scrollend element binnen een pagina is horrible

Ik heb het idee om iedere div uiteindelijk een gebouw te laten lijken. Ik wil gewoon stad bouwen met mijn posts. Leuk portfolio idee toch

When all else fails, you always have delusion.

maandag 6 juni 2011 @ 13:49:33 #170

n8n

Pragmatisch

n8n.nl/temp/oioioi.html

“Specialization is for insects”.—Robert Heinlein

maandag 6 juni 2011 @ 13:50:44 #171

n8n

Pragmatisch

quote:
Op maandag 6 juni 2011 13:44 schreef Mirel het volgende:

[..]

Ik heb het idee om iedere div uiteindelijk een gebouw te laten lijken. Ik wil gewoon stad bouwen met mijn posts. Leuk portfolio idee toch

dat kan wel, vergt wel extraspeciale kennis, kan het wel ff maken volgens mij

“Specialization is for insects”.—Robert Heinlein

maandag 6 juni 2011 @ 13:52:41 #172

Mirel

Mirel wil een bongophone.

Nou ik heb al een idee hoe ik dat in wordpress kan regelen met de loop, nu de css eers fixen. Mijn hosting is trouwens echt *zwaar* kut de laatste tijd. Ik ga even op de host van m'n school, want als ik nu de stylesheet verander, dan gebeurt er helemaal niks.

PCextreme

When all else fails, you always have delusion.

maandag 6 juni 2011 @ 13:57:27 #173

n8n

Pragmatisch

http://n8n.nl/temp/city.html

laatste dan

“Specialization is for insects”.—Robert Heinlein

maandag 6 juni 2011 @ 13:59:35 #174

Mirel

Mirel wil een bongophone.

quote:
Op maandag 6 juni 2011 13:57 schreef n8n het volgende:
http://n8n.nl/temp/city.html

laatste dan

Ik waardeer dit echt, dank je wel

When all else fails, you always have delusion.

maandag 6 juni 2011 @ 14:21:59 #175

n8n

Pragmatisch

graag gedaan kleine moeite

“Specialization is for insects”.—Robert Heinlein

maandag 6 juni 2011 @ 15:18:55 #176

Mirel

Mirel wil een bongophone.

en een list reversen? Ik las iets over <ol reversed> maar dat werkt niet

[ Bericht 92% gewijzigd door Mirel op 06-06-2011 15:31:57 ]

When all else fails, you always have delusion.

maandag 6 juni 2011 @ 16:13:20 #177

RenRen-

Ik ben aan het werken met opacity in een div. De div is prima doorzichtig, maar de tekst ook. Lijkt me logisch, maar als ik een nieuwe div maak erin, neemt die ook nog de doorzichtigheid mee, dit neemt me niet de bedoeling. Is dit op te lossen? Of alleen door de opacity weg te halen?

Bedankt

Oh nvm, ik ga het proberen met een pixel met een lage opacity.

[ Bericht 10% gewijzigd door RenRen- op 06-06-2011 16:18:44 ]

maandag 6 juni 2011 @ 16:16:20 #179

Happel

Je Suis Roi

quote:
Op maandag 6 juni 2011 16:13 schreef RenRen- het volgende:
Ik ben aan het werken met opacity in een div. De div is prima doorzichtig, maar de tekst ook. Lijkt me logisch, maar als ik een nieuwe div maak erin, neemt die ook nog de doorzichtigheid mee, dit neemt me niet de bedoeling. Is dit op te lossen? Of alleen door de opacity weg te halen?

Bedankt

Los ik altijd op door de div en de inhoud los te trekken om het vervolgens over elkaar te positioneren.

Elite
Feyenoordsupporters gaan naar de hemel, als er in de hel geen plaats meer is
Tegen TTIP

maandag 6 juni 2011 @ 16:16:32 #180

n8n

Pragmatisch

quote:
Op maandag 6 juni 2011 16:13 schreef RenRen- het volgende:
Ik ben aan het werken met opacity in een div. De div is prima doorzichtig, maar de tekst ook. Lijkt me logisch, maar als ik een nieuwe div maak erin, neemt die ook nog de doorzichtigheid mee, dit neemt me niet de bedoeling. Is dit op te lossen? Of alleen door de opacity weg te halen?

Bedankt

background: rgba(0,0,0,0.5);

1e 3 nullen zijn rgbwaarde (0 - 255), laatste is opacity (0 - 1)

“Specialization is for insects”.—Robert Heinlein

maandag 6 juni 2011 @ 16:17:08 #181

n8n

Pragmatisch

quote:
Op maandag 6 juni 2011 15:18 schreef Mirel het volgende:
en een list reversen? Ik las iets over <ol reversed> maar dat werkt niet

snap het nu, extra element om de <article> in mijn voorbeeld heen en die float: right; geven, hoogte, line-height en vertical-align van <section> overnemen

“Specialization is for insects”.—Robert Heinlein

maandag 6 juni 2011 @ 16:19:48 #182

RenRen-

quote:
Op maandag 6 juni 2011 16:16 schreef n8n het volgende:

[..]

background: rgba(0,0,0,0.5);

1e 3 nullen zijn rgbwaarde (0 - 255), laatste is opacity (0 - 1)

Ik weet hoe dat zit, maar dat is niet helemaal de vraag. Ik wil de opacity opheffen in een div in de doorzichtige div zodat mijn tekst niet doorzichtig en vaag is.

quote:
Op maandag 6 juni 2011 16:16 schreef Happel het volgende:

[..]

Los ik altijd op door de div en de inhoud los te trekken om het vervolgens over elkaar te positioneren.

Oh serieus? Dat lijkt me niet helemaal handig

Of werkt dat juist altijd heel goed? Lijkt me dat je dan enorme verschillen krijgt in browsers.

maandag 6 juni 2011 @ 16:22:23 #183

n8n

Pragmatisch

quote:
Op maandag 6 juni 2011 16:19 schreef RenRen- het volgende:

[..]

Ik weet hoe dat zit, maar dat is niet helemaal de vraag. Ik wil de opacity opheffen in een div in de doorzichtige div zodat mijn tekst niet doorzichtig en vaag is.

Is exact de oplossing voor jouw probleem omdat het niet het hele element transparant maakt

quote:
[..]

Oh serieus? Dat lijkt me niet helemaal handig Of werkt dat juist altijd heel goed? Lijkt me dat je dan enorme verschillen krijgt in browsers.

Dan het element met content relatief positioneren, een transparante span oid er in en dan absoluut positioneren met width en height 100%. Het kan dus ook zonder dat extra element

“Specialization is for insects”.—Robert Heinlein

maandag 6 juni 2011 @ 16:23:43 #184

RenRen-

quote:
Op maandag 6 juni 2011 16:22 schreef n8n het volgende:

[..]

Is exact de oplossing voor jouw probleem omdat het niet het hele element transparant maakt

[..]

Dan het element met content relatief positioneren, een transparante span oid er in en dan absoluut positioneren met width en height 100%. Het kan dus ook zonder dat extra element

Ik begreep je verkeerd inderdaad

Wou ik net komen zeggen. Even zien of dit ook in alle browsers werkt, thanks.

Dat laatste doe ik maar niet, ik snap er niets van

maandag 6 juni 2011 @ 16:25:10 #185

n8n

Pragmatisch

quote:
Op maandag 6 juni 2011 16:23 schreef RenRen- het volgende:

[..]

Ik begreep je verkeerd inderdaad Wou ik net komen zeggen. Even zien of dit ook in alle browsers werkt, thanks.

Dat laatste doe ik maar niet, ik snap er niets van

laatste

<div>
<span></span>
</div>

div {
position: relative;
}

div span {
position: absolute;
width: 100%;
height: 100%;
}

“Specialization is for insects”.—Robert Heinlein

maandag 6 juni 2011 @ 16:34:19 #186

n8n

Pragmatisch

iemand wel eens position: static; gebruikt? Even uitzoeken wat dat is nog nooit mee in aanraking geweest

edit: http://css-tricks.com/what-if-there-was-no-position-static/
ah, default waarde

“Specialization is for insects”.—Robert Heinlein

maandag 6 juni 2011 @ 16:49:36 #187

Mirel

Mirel wil een bongophone.

quote:
Op maandag 6 juni 2011 16:17 schreef n8n het volgende:

[..]

snap het nu, extra element om de <article> in mijn voorbeeld heen en die float: right; geven, hoogte, line-height en vertical-align van <section> overnemen

Bijna gelukt. Ik heb ipv jouw articles en sections gewoon divs enzo. Wat zijn articles en sections eigenlijk?

When all else fails, you always have delusion.

maandag 6 juni 2011 @ 16:56:53 #188

n8n

Pragmatisch

quote:
Op maandag 6 juni 2011 16:49 schreef Mirel het volgende:

[..]

Bijna gelukt. Ik heb ipv jouw articles en sections gewoon divs enzo. Wat zijn articles en sections eigenlijk?

semantiek, html5
http://www.w3schools.com/html5/html5_reference.asp

“Specialization is for insects”.—Robert Heinlein

maandag 6 juni 2011 @ 21:51:49 #189

Mirel

Mirel wil een bongophone.

Ik ben nu thuis en heb het net even weer geprobeerd. Alles in html5. Wat ik kreeg is dat de elementen bovenaan stonden, met de lange stukken naar beneden uitstekend, en ik zag er maar 4 terwijl ik er meer had.

Ik heb het nu gewoon zo, en het werkt bijna: http://1577359.huweb.nl/ (als je nog tijd hebt, kan je het even niet in html5 uitleggen? Ik wil daar nog mee wachten

Wel tof wat je tot nu toe hebt laten zien. Inventieve wijze van floats gebruiken

, en dat white-space ken ik nog niet eens)

html:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69

<ul class="postwrapper">

    <div class="ding">
        <li class="post">
        <h1>post 1</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Aliquam lacus purus, facilisis eget lacinia id, dapibus a enim.
        Sed mi nibh, convallis vitae sodales vitae, auctor et justo. Quisque eget est odio.
        Donec ac arcu et elit tempus rhoncus vitae eu metus. Cras metus arcu,
        pulvinar quis volutpat sed, interdum at tortor.</p>
        </li>
    </div>
    <div class="ding">
        <li class="post">
        <h1>post 2</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Aliquam lacus purus, facilisis eget lacinia id, dapibus a enim.
        Sed mi nibh, convallis vitae sodales vitae, auctor et justo.</p>
        </li>
    </div>
    <div class="ding">
        <li class="post">
        <h1>post 3</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Aliquam lacus purus.</p>
        </li>
    </div>
    <div class="ding">
        <li class="post">
        <h1>post 4</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Aliquam lacus purus, facilisis eget lacinia id, dapibus a enim.
        Sed mi nibh.</p>
        </li>
    </div>
    <div class="ding">
        <li class="post">
        <h1>post 5</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Aliquam lacus purus, facilisis eget lacinia id, dapibus a enim.
        Sed mi nibh, convallis vitae sodales vitae, auctor et justo. Quisque eget est odio.
        Donec ac arcu et elit tempus rhoncus vitae eu metus. Cras metus arcu,
        pulvinar quis volutpat sed, interdum at tortor.</p>
        </li>
    </div>
    <div class="ding">
        <li class="post">
        <h1>post 6</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Aliquam lacus purus, facilisis eget lacinia id, dapibus a enim.
        Sed mi nibh, convallis vitae sodales vitae, auctor et justo.</p>
        </li>
    </div>
    <div class="ding">
        <li class="post">
        <h1>post 7</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Aliquam lacus purus.</p>
        </li>
    </div>
    <div class="ding">
        <li class="post">
        <h1>post 8</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Aliquam lacus purus, facilisis eget lacinia id, dapibus a enim.
        Sed mi nibh.</p>
        </li>
    </div>
<ul>

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

.ding {
float: right;
vertical-align: bottom;
width: 300px;
height: 400px;
}

.postwrapper {
position: absolute;
width: 100%;
height: 400px;
vertical-align: bottom;
bottom: 0px;
right: 0px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}

.post {
padding: 30px;
background: white;
width: 300px;
height: 400px;
display: inline-block;
white-space: normal;
vertical-align: bottom;
}

When all else fails, you always have delusion.

maandag 6 juni 2011 @ 22:05:09 #190

KomtTijd...

Je postwrapper is te smal. Maak die zo breed als alle post-divs (plus padding, margin en border) bij elkaar.

Eigenlijk snap ik niet waarom je niet gewoon een jquery plugin ofzo gebruikt hiervoor. Horizontaal scrollende layouts zijn een ramp met CSS.

zcflevo.nl

maandag 6 juni 2011 @ 22:15:20 #191

Mirel

Mirel wil een bongophone.

Werkt allemaal niet. Ik zal eens kijken wat JQuery kan dan. edit: dit gevonden: http://css-tricks.com/how(...)ally-scrolling-site/

Maar daar alignt hij niet bottom en right, en de eerste post staat links ipv rechts, dus ik vrees dat het niet gaat werken.

Ik denk dat ik dit idee op zal moeten geven

[ Bericht 28% gewijzigd door Mirel op 06-06-2011 23:01:43 ]

When all else fails, you always have delusion.

maandag 6 juni 2011 @ 23:02:01 #192

n8n

Pragmatisch

quote:
Op maandag 6 juni 2011 22:05 schreef KomtTijd... het volgende:
Je postwrapper is te smal. Maak die zo breed als alle post-divs (plus padding, margin en border) bij elkaar.

Eigenlijk snap ik niet waarom je niet gewoon een jquery plugin ofzo gebruikt hiervoor. Horizontaal scrollende layouts zijn een ramp met CSS.

kan prima

“Specialization is for insects”.—Robert Heinlein

maandag 6 juni 2011 @ 23:16:21 #193

Mirel

Mirel wil een bongophone.

Ik heb het al opgegeven.

When all else fails, you always have delusion.

dinsdag 7 juni 2011 @ 21:17:21 #194

Nashje

Simpel vraagje:

Wil m'n container laten meeschalen, maar dat lukt me niet echt. Door hem te laten meeschalen zal ik hem, denk ik, de position: absolute moeten meegeven. Maar dan verdwijnt ie naar links.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

body, html {
background: url(../images/bg.png);
margin: 0px;
padding: 0px;
text-align: center;
}

.container {
background: #ffffff;
margin: 0 auto;
width: 900px;
height: auto;
position: absolute;
}

Dit moet snel en eenvoudig op te lossen zijn lijkt me?

dinsdag 7 juni 2011 @ 21:21:26 #195

n8n

Pragmatisch

meeschalen met wat?

“Specialization is for insects”.—Robert Heinlein

dinsdag 7 juni 2011 @ 21:51:38 #196

Nashje

Met divs die in de container zitten.

dinsdag 7 juni 2011 @ 21:55:45 #197

Mirel

Mirel wil een bongophone.

Geen width en position geven?

When all else fails, you always have delusion.

dinsdag 7 juni 2011 @ 21:56:43 #198

Tegan

Meeschalen hoe?

In de breedte kan niet als je hem een width geeft, in de hoogte gebeurt al standaard als je geen height geeft?

dinsdag 7 juni 2011 @ 22:12:41 #199

Nashje

In de lengte ja, en wel zo dat ie gecentreerd blijft staan.

dinsdag 7 juni 2011 @ 22:14:44 #200

Tegan

Eerst gecentreerd totdat het beeldvullend is bedoel je? Dat wordt lastig... Omdat de inhoud van de container variabel is.

dinsdag 7 juni 2011 @ 23:51:37 #201

dirkjo

M'n nieuwe site toont wat gebreken in IE8 en IE9 (oudere versies doen het prima), maar ik heb echt geen flauw idee waar het vandaan kan komen. Het gekke is namelijk dat het ene blok wel goed is neergezet, maar het andere niet. Dit terwijl ze zijn gegenereerd door PHP en dus precies dezelfde opmaak hebben.

Iemand enig idee?
site
stuk uit stylesheet:

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.

Php stuk:

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.

woensdag 8 juni 2011 @ 08:49:14 #202

KomtTijd...

Ik zou eens beginnen met wat orde te scheppen in je chaos.
Je hebt <a> tags zonder href, <a> tags die uberhaupt helemaal leeg zijn, <a> tags genest in <a> tags, divs zonder inhoud, div's genest in <a>tags, kortom 't is gewoon een janboel. En die CSS van 90 regels moet je ook makkelijk in 20 regels kunnen samenvatten.

Zul je zien, gaat het gelijk al een stuk beter.

zcflevo.nl

woensdag 8 juni 2011 @ 09:22:51 #203

RenRen-

Ik ben dus bezig met een site, die met de transparantie, en die boxen hebben ook een box-shadow.

Eén van de divs waar ik mee bezig was, schaalde niet mee met de content, niet met 100% of met auto, dus heb ik een overflow:auto eraan toegevoegd, en een height van 1%. Werkt perfect, op een klein detail na, de box-shadow doet een beetje raar.

Met overflow:auto en height:1%:

Zonder een van beiden:

Code van de div:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

#content{
  width:692px;
  height:533px;
  margin-left:12px;
  float:left;
  box-shadow: 0px 0px 10px #c7c7c7;
  -moz-box-shadow: 0px 0px 10px #c7c7c7;
  -webkit-box-shadow: 0px 0px 10px #c7c7c7;
  background:rgba(255,255,255,0.85);
  margin-top:12px;
  margin-bottom:12px;
  padding-left:10px;
  padding-right:10px;
  padding-top:15px;
  overflow:auto;
  height:1%;
}

Iemand enig idee hoe dit komt?

woensdag 8 juni 2011 @ 09:24:58 #204

n8n

Pragmatisch

probeer :hidden;, of haal de float weg van de content in de transparente box

“Specialization is for insects”.—Robert Heinlein

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

» digital corner

» development

» digital corner

» development