[CSS] voor dummies - Deel 3 | Digital Corner (DIG)

donderdag 22 september 2005 @ 17:17:10 #1

Chandler

To be continued

Vorige topics:
[CSS] voor dummies.
[CSS] voor dummies - Deel 2

dan maar verder..

quote:
Op woensdag 21 september 2005 21:42 schreef Roönaän het volgende:
gebrek aan doctype, uppercase tags, tablebased layout? nog meer?

Nu moet http://services.bruggema.nl voor 99.9% valid zijn... tenminste dat zij die tool op me pc

ennuh die foutjes die er nog inzitten kan ik helaas niet oplossen... en dat over frames!? wat is daar het probleem mee? ben nog steeds niet zo goed in CSS

Just say hi!

donderdag 22 september 2005 @ 23:55:33 #2

markiemark

FR 1908

er was een css code waardoor pagina's er in FF en in IE er hetzelfde uitzien... Was iets met box-... of zo.. kan iemand mij helpen?

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

vrijdag 23 september 2005 @ 07:44:28 #3

SuperRembo

Sinds 1998

quote:
Op donderdag 22 september 2005 23:55 schreef markiemark het volgende:
er was een css code waardoor pagina's er in FF en in IE er hetzelfde uitzien... Was iets met box-... of zo.. kan iemand mij helpen?

Bedoel je box-sizing?

1 2	box-sizing: border-box;/* W3C / -moz-box-sizing: border-box;/ Moz */

Zie ook Quirksmode.org over box model tweaking.

vrijdag 23 september 2005 @ 11:08:49 #4

markiemark

FR 1908

quote:
Op vrijdag 23 september 2005 07:44 schreef SuperRembo het volgende:

[..]

Bedoel je box-sizing?
[ code verwijderd ]

Zie ook Quirksmode.org over box model tweaking.

dat was het!! thnx!

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

Redactie Games vrijdag 23 september 2005 @ 11:37:54 #5

Mr.Noodle

Offtopic in geleuter...

Ik ben ook druk met CSS bezig.. tot nu toe krijg ik alleen maar veel verschillen tussen IE en FF.
Vooral met menu-overlay's waarvan je gebruikt maakt van een simpele list.

Ik moet eerlijk zeggen dat CSS je HTML echt bijna reduceert tot niks, maar het getweak/gefreubel om die kleine details er binnen in goed te krijgen is soms om te

How do you get precisely 4 Gallons of water with a 3 Gallon and 5 Gallon Can...

vrijdag 23 september 2005 @ 15:45:53 #6

Onnib

lekker dan...

Ok mensen, nieuw probleem om jullie over te buigen:
Ik heb mijn site voor IE gemaakt. had ik beter niet kunnen doen, want hij ziet er nu niet uit in Firefox. Probleem was dat ik een tutorial heb gevolgd die voor IE was geschreven.

Zo moet ie er uit zien:

En zo ziet ie eruit in Firefox:

De stylesheet staat hier: www.binos.nl/style.css

Wie kan mij helpen? Ik kom er niet meer uit.

vrijdag 23 september 2005 @ 15:51:17 #7

Onnib

lekker dan...

Zo zijn er nog wel wat dingen die niet werken in FF en wel in IE:

Horizontale balk is een 1px grijze streep in IE maar in FF niet

Active Link zorgt in IE voor lichte menuknop, maar doet in FF niks

vrijdag 23 september 2005 @ 17:13:03 #8

Berkery

Fat bastard

Om te beginnen zou ik dit 'uncommenten' (in je html):

1	<!--<div style="clear: both"></div>-->

Ich fälle Bäume und hupf und spring, steck Blumen in die Vas
Ich schlupf in Frauenkleider, und lummel mich in Bars

vrijdag 23 september 2005 @ 17:26:16 #9

Onnib

lekker dan...

dat is inderdaad een begin

maandag 26 september 2005 @ 12:59:49 #10

WheeleE

StrikeE

Uit het vorige deel, een probleempje waar ik nog mee zit:

quote:
Op zaterdag 17 september 2005 17:23 schreef WheeleE het volgende:

[..]

Ja, het moet aan de rechterkant zitten. Het rechterplaatje herhaalt zich, net zo vaak als nodig is om op te vullen tot de rand van het venster.
Zie onder andere www.rolstoelhockey.nl. Dat principe probeer ik te krijgen. De bovenste balk dus. Het rood/blauwe stukje herhaald zich tot de rand van het venster.

Ik hoop dat ik het duidelijk genoeg heb uitgelegd .

"...while I'm supposed to marry her brother, a renowned pillow biter." Cersei Lannister
"Float like a butterfly, sting like a bee, look ridiculous." Rory the Roman
"It's smaller on the outside." Clara Oswin Oswald

maandag 26 september 2005 @ 13:21:35 #11

LeisureSuitLarry

a.k.a. KenSentMe

Ik heb een simpel vraagje, met misschien ook wel een eenvoudig antwoord:

Ik heb op mijn html-pagina een div. Hoe krijg ik deze gecentreerd op de pagina zonder dat ik een table gebruik?

Nu is de code als volgt:

1
2
3
4
5
6
7
8
9
10

En de css:

1
2
3
4
5
6
7
8
9

body {
  background-color : grey;
}

div.outer {
  text-align : left;
  max-width : 600px;
  background-color : white;
}

dinsdag 27 september 2005 @ 15:47:26 #12

Darkomen

@ LeisureSuitLarry
div.outer {
text-align : left;
max-width : 600px;
background-color : white;
margin:auto;
}

En wie kan mij helpen, ik heb een probleem met mn menu in IE en FF
Als ik http://www.borntobewild.nl/test_layout/ in FF laad dan begint het submenu 1 of 2 pix lager dan bij IE, hoe kan ik dat verhelpen.

En wat zeggen jullie van de layou+menu: http://www.borntobewild.nl/test_layout/
of http://www.borntobewild.nl

dinsdag 27 september 2005 @ 21:53:42 #13

m-kay

Halloooo!

--al opgelost--

[ Bericht 37% gewijzigd door m-kay op 28-09-2005 22:11:18 ]

I look back and I'm amazed, that my thoughts were so clear and true, that three words went through my mind endlessly, repeating themselves like a broken record... you're so cool, you're so cool, you're so cool...

woensdag 28 september 2005 @ 19:09:07 #14

Nevermind

(-_-)

Klopt het dat drop down menu's (<SELECT>) zich niks aantrekken van z-index?
In onderstaande screenshot heb ik twee iframes, waarvan de actieve (die bovenop staat) een hogere z-index heeft dan de passieve (die er onder staat), maar de dropdowns van de passieve schijnen er doorheen

.

Dit is overigens alleen in IE het geval, in Firefox werkt het prima (maar daar werkt het hele script zo langzaam dat het eigenlijk geen zin heeft). Is er een workaround?

GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!

woensdag 28 september 2005 @ 23:09:57 #15

Darkomen

Geen idee maar ik moet wle zeggen dat dit er netjes uitziet, wat ben je aan het maken?

Trouwens zoals jij je CMS script beschrijft werkt mijn frontpage ;-)
Ik kijk dan ook nog naar subdomein, active inactieve.

[ Bericht 44% gewijzigd door Darkomen op 28-09-2005 23:20:39 ]

woensdag 28 september 2005 @ 23:17:20 #16

SuperRembo

Sinds 1998

quote:
Op woensdag 28 september 2005 19:09 schreef Nevermind het volgende:
Klopt het dat drop down menu's (<SELECT>) zich niks aantrekken van z-index?
[...]
Dit is overigens alleen in IE het geval, in Firefox werkt het prima (maar daar werkt het hele script zo langzaam dat het eigenlijk geen zin heeft). Is er een workaround?

Dat is een bekende bug van IE.

U bent 3 muisklikken verwijderd van de oplossing

woensdag 28 september 2005 @ 23:33:25 #17

Nevermind

(-_-)

quote:
Op woensdag 28 september 2005 23:09 schreef Darkomen het volgende:
Geen idee maar ik moet wle zeggen dat dit er netjes uitziet, wat ben je aan het maken?

Trouwens zoals jij je CMS script beschrijft werkt mijn frontpage ;-)
Ik kijk dan ook nog naar subdomein, active inactieve.

Ik ben bezig met een zeer uitgebreid project om een soort shell te maken voor de Active Desktop. Alle content staat gehost op onze thuisserver, waardoor er heel veel mogelijkheden zijn, zoals alle bestanden indexeren en op mijn eigen manier weergeven (videobestanden met screenshots bijvoorbeeld

). Samen met het geweldige programma "wincron" kan ik op bepaalde tijdstippen scripts uitvoeren, zoals RSS feeds downloaden en cachen, mails checken e.d.

Screenshot: http://fok.chillosophy.nl/dauphinescreen.png
_{verkapte ik-ben-trots-op-mijn-generd-post}

En SuperRembo, weet je misschien een workaround? Ik ben afhankelijk van IE omdat dit dus ook te bereiken is via de Active Desktop...

GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!

donderdag 29 september 2005 @ 07:27:35 #18

SuperRembo

Sinds 1998

quote:
Op woensdag 28 september 2005 23:33 schreef Nevermind het volgende:
En SuperRembo, weet je misschien een workaround?

quote:
Op woensdag 28 september 2005 23:17 schreef SuperRembo het volgende:
U bent 3 muisklikken verwijderd van de oplossing

donderdag 29 september 2005 @ 09:07:41 #19

Darkomen

quote:
Op woensdag 28 september 2005 23:33 schreef Nevermind het volgende:

[..]

Ik ben bezig met een zeer uitgebreid project om een soort shell te maken voor de Active Desktop. Alle content staat gehost op onze thuisserver, waardoor er heel veel mogelijkheden zijn, zoals alle bestanden indexeren en op mijn eigen manier weergeven (videobestanden met screenshots bijvoorbeeld ). Samen met het geweldige programma "wincron" kan ik op bepaalde tijdstippen scripts uitvoeren, zoals RSS feeds downloaden en cachen, mails checken e.d.

Screenshot: http://fok.chillosophy.nl/dauphinescreen.png
_{verkapte ik-ben-trots-op-mijn-generd-post}

En SuperRembo, weet je misschien een workaround? Ik ben afhankelijk van IE omdat dit dus ook te bereiken is via de Active Desktop...

Netjes!

donderdag 29 september 2005 @ 09:29:13 #20

fokME2

quote:
Op woensdag 28 september 2005 23:33 schreef Nevermind het volgende:

[..]

Ik ben bezig met een zeer uitgebreid project om een soort shell te maken voor de Active Desktop. Alle content staat gehost op onze thuisserver, waardoor er heel veel mogelijkheden zijn, zoals alle bestanden indexeren en op mijn eigen manier weergeven (videobestanden met screenshots bijvoorbeeld ). Samen met het geweldige programma "wincron" kan ik op bepaalde tijdstippen scripts uitvoeren, zoals RSS feeds downloaden en cachen, mails checken e.d.

Screenshot: http://fok.chillosophy.nl/dauphinescreen.png
_{verkapte ik-ben-trots-op-mijn-generd-post}

En SuperRembo, weet je misschien een workaround? Ik ben afhankelijk van IE omdat dit dus ook te bereiken is via de Active Desktop...

En terecht

Wooouuwww

_{verkapte-ik-ben-jaloers-wil-ook-hebben-post}

donderdag 29 september 2005 @ 15:57:55 #21

Nevermind

(-_-)

quote:
Op woensdag 28 september 2005 23:17 schreef SuperRembo het volgende:

[..]

U bent 3 muisklikken verwijderd van de oplossing

Ik zal wel extreem traag van begrip zijn, _{maar ik snap em niet}

http://www.superrembo.com/dhtml/coverdropdown.html

Dankjewel!

[ Bericht 24% gewijzigd door Nevermind op 29-09-2005 16:07:04 ]

GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!

donderdag 29 september 2005 @ 16:58:10 #22

StefSOFT-NL

Caravanshaker Nr. 1

Weet niet of deze site al een keer is langsgekomen, maar hier kun je een tutorial volgen die een html/css pagina van de grond af aan opbouwd.

Jeffrey Murdoch: I am nearly thirty you know. I am not 15. By now I should be able to talk to a woman without accidentally saying nipples or gusset. Or, or, Did you know you can make candles out of human fat

vrijdag 30 september 2005 @ 18:22:16 #23

freiss

Hertog Jan :9~

Hallo, ik heb wil op mijn site een plaatje van 650 px helemaal centreren en ook nog eens helemaal tegen de top aan! Dat centreren lukt wel door het in een div te gooien en die dan te centreren met margin: auto enzo, maar dat helemaal tegen de top lukt niet. Ik heb wel geprobeerd met (margin-)top:-8px, maar dan doet hij het alleen in FF en niet in IE.

Wie kan mij helpen?

HJ 14-punt-gift.
Lijst met rukmateriaal!

vrijdag 30 september 2005 @ 19:13:10 #24

AnGabhar

quote:
Op vrijdag 30 september 2005 18:22 schreef freiss het volgende:
Hallo, ik heb wil op mijn site een plaatje van 650 px helemaal centreren en ook nog eens helemaal tegen de top aan! Dat centreren lukt wel door het in een div te gooien en die dan te centreren met margin: auto enzo, maar dat helemaal tegen de top lukt niet. Ik heb wel geprobeerd met (margin-)top:-8px, maar dan doet hij het alleen in FF en niet in IE. Wie kan mij helpen?

In je CSS opnemen:

1	body {margin: 0; padding: 0}

?

maandag 3 oktober 2005 @ 19:04:44 #25

The_Cyberspace

Ik ben weer aan het prutsen met een layout maar ik krijg het niet voor elkaar wat ik wil.

Als je het voorbeeld bekijkt zie je verschillende div`s met een nummertje. Nr 1 is zoals ie moet worden, maar 2,3 en 4 doen niet wat ik wil. Ik wil dat ze de rest van de pagina opvullen tot aan nr 5.
Nr 5 is 20px hoog volgens de css maar hij is groter, dus iets klopt er niet.
In Internet Explorer ziet ie er al aardig uit en FireFox snapt er blijkbaar niets van..

Voorbeeld: Klik!

CSS: Klik!

Iemand die de oplossing weet?

maandag 3 oktober 2005 @ 19:37:58 #26

AnGabhar

quote:
Op maandag 3 oktober 2005 19:04 schreef The_Cyberspace het volgende:
Iemand die de oplossing weet?

Werkt een stuk beter als je het html-element een gedefinieerde hoogte van 100% geeft:

1
2
3

html {
height: 100%;
}

Verder ziet het er met de door jou gebruikte waarden beter uit als je Internet Explorer in compatibiliteitsmodus laat draaien en voor enkele overige browsers het volgende in je css opneemt:

1 2	* {box-sizing: border-box; -moz-box-sizing: border-box; }

Ten slotte verdient het altijd aanbeveling om voor het body-element niet alleen een marge van 0 op te geven, maar ook een padding van 0.

zondag 9 oktober 2005 @ 19:46:07 #27

Sadar

Ik heb een probleem met mijn website waar ik geen raad mee weet.
Het gaat om de site: www.sadar.nl

In IE doet alles het zonder problemen. Maar in FF werken de menu linkjes niet

Ik kan zelf niet vinden waar de fout zit, en ook een aantal van mijn klasgenoten weten er geen raad mee. Dus mijn hoop is nu op jullie gevestigd.

zondag 9 oktober 2005 @ 20:27:28 #28

Berkery

Fat bastard

quote:
Op zondag 9 oktober 2005 19:46 schreef Sadar het volgende:
Ik heb een probleem met mijn website waar ik geen raad mee weet.
Het gaat om de site: www.sadar.nl

In IE doet alles het zonder problemen. Maar in FF werken de menu linkjes niet
Ik kan zelf niet vinden waar de fout zit, en ook een aantal van mijn klasgenoten weten er geen raad mee. Dus mijn hoop is nu op jullie gevestigd.

<div id="rechts"> staat over het menu heen, da's goed te zien als je het een witte achtergrondkleur geeft.

Ich fälle Bäume und hupf und spring, steck Blumen in die Vas
Ich schlupf in Frauenkleider, und lummel mich in Bars

zondag 9 oktober 2005 @ 20:34:57 #29

SuperRembo

Sinds 1998

Dat heb je knap gedaan

Dit soort dingen krijg je sneller als je met absolute positionering werkt, wat in dit geval nog compleet overbodig is ook.

zondag 9 oktober 2005 @ 22:16:17 #30

The_Cyberspace

quote:
Op maandag 3 oktober 2005 19:37 schreef AnGabhar het volgende:

[..]

Werkt een stuk beter als je het html-element een gedefinieerde hoogte van 100% geeft:
[
Verder ziet het er met de door jou gebruikte waarden beter uit als je Internet Explorer in compatibiliteitsmodus laat draaien en voor enkele overige browsers het volgende in je css opneemt:

Ten slotte verdient het altijd aanbeveling om voor het body-element niet alleen een marge van 0 op te geven, maar ook een padding van 0.

Het html-element is nu apart gedefinieerd.

Die code die je gegeven had heeft averechts effect bij mij, hij gooit alles door elkaar met die code.

En heb het body-element ook een padding van 0 mee gegeven.

In het voorbeeld heb ik wat dingen gewijzigd in de hoop dat mijn probleem iets duidelijker word. Op een resolutie van 1280x1024 zie je een rood vlak onderaan. Met een lagere resolutie verdwijnt dit rode vlak. Maar in FireFox lopen de lijnen (border) links en rechts niet netjes door tot onder aan de pagina. In Internet Explorer lijkt het goed te zijn met een lage resolutie.

Voorbeeld: Klik!

CSS: Klik!

zaterdag 15 oktober 2005 @ 15:01:00 #31

samchestido

ok, ik zit met een probleem. ben bezig met een site, en ben al een endje op weg met de intropagina, kijk ik hoe hij eruit ziet in iexplore, is er een groot verschil

:
in firefox (

):

in iexplore (

):

de code:

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

#main{
box-sizing: content-box;
width: 1000px;
height: 600px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -500px;
margin-top: -300px;
font-family: Arial, sans-serif;
font-size: 13pt;
}
#intro-image{
position: absolute;
top: 50%;
left: 50%;
margin-left: -268px;
margin-top: -300px;
width: 536px;
height: 600px;
background-image: url("intro.jpg");
background-repeat: no-repeat;
background-position: center;
border: 1px solid grey;
}

#linksection a{
  display: block;
  width: 130px;
  height: 30px;
  padding-bottom: 40px;
  background-repeat: no-repeat;
}

a.b1:link{
  background-image: url(tintroductie.png);
}

a.b1:hover{
  background-image: url(tintroductieh.png);
}

a.b2:link{
  background-image: url(tportfolio.png);
}

a.b2:hover{
  background-image: url(tportfolioh.png);
}

a.b3:link{
  background-image: url(tcontact.png);
}

a.b3:hover{
  background-image: url(tcontacth.png);
}

Geen gezeik.

zaterdag 15 oktober 2005 @ 15:14:19 #32

Berkery

Fat bastard

quote:
Op zaterdag 15 oktober 2005 15:01 schreef samchestido het volgende:
ok, ik zit met een probleem. ben bezig met een site, en ben al een endje op weg met de intropagina, kijk ik hoe hij eruit ziet in iexplore, is er een groot verschil :

Heb je de pagina ergens online staan? Zonder de bijbehorende html blijft het gissen, we hebben de ingredienten wel, maar het recept niet.

Ich fälle Bäume und hupf und spring, steck Blumen in die Vas
Ich schlupf in Frauenkleider, und lummel mich in Bars

zaterdag 15 oktober 2005 @ 15:16:11 #33

samchestido

html: http://80.60.42.54/maria/index.htm

Geen gezeik.

zaterdag 15 oktober 2005 @ 16:13:57 #34

samchestido

please, iemand?

:(

Geen gezeik.

zaterdag 15 oktober 2005 @ 16:39:51 #35

Berkery

Fat bastard

quote:
Op zaterdag 15 oktober 2005 15:16 schreef samchestido het volgende:
html: http://80.60.42.54/maria/index.htm

Die pagina ziet er niet uit in IE en FF. Op wat voor resolutie ontwerp jij?

Ich fälle Bäume und hupf und spring, steck Blumen in die Vas
Ich schlupf in Frauenkleider, und lummel mich in Bars

zaterdag 15 oktober 2005 @ 17:45:55 #36

samchestido

1280 bij 1024, maar het is nog maar een voorbereiding... wil het ontwerp testen. maar hoe kan het dat die links linksboven komen te staan in iexplore

Geen gezeik.

zaterdag 15 oktober 2005 @ 17:57:29 #37

SuperRembo

Sinds 1998

Probeer je pagina eerst eens valide te maken. Dat is altijd handig.

Waarom gebruik je overal position: absolute voor? Is nergens voor nodig, en maakt de css niet makkelijker.

Waarom gebruik je voor die grote afbeelding niet gewoon een <img>?

Door de manier waarop je nu verticaal centreerd, krijg je de bovenkant niet te zien als je browserwindow niet hoog genoeg is.

In FF en IE ziet het er nu trouwens ongeveer gelijk uit.

FOK!-Schrikkelbaas maandag 17 oktober 2005 @ 23:01:03 #38

Swetsenegger

Egocentrische Narcist

Probleem.

http://pandora.edoorebeek.nl

Header en een footer. De footer lijnt altijd uit aan de onderkant van het canvas, mits de content hoger is, dan krijg ik uiteraard een scrollbar.
Tussen deze header en footer moet een div komen, welke relatief 100% is. Dus van onderaan de header tot op de footer doorloopt, onafhankelijk van de content.

Enig idee?

Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!

maandag 17 oktober 2005 @ 23:04:51 #39

SuperRembo

Sinds 1998

Bedoel je zoiets?

FOK!-Schrikkelbaas maandag 17 oktober 2005 @ 23:11:21 #40

Swetsenegger

Egocentrische Narcist

quote:
Op maandag 17 oktober 2005 23:04 schreef SuperRembo het volgende:
Bedoel je zoiets?

Die werkt niet goed in IE

, maar dat is relatief eenvoudig.
Maak gewoon een achtergrond image met aan de rechterkant een grijze balk, float twee divs, waarbij de linker div even breed is als de grijze balk.

Probleem is nu dat ik in de div een image aan de boven en onderzijde moet zetten. De div zelf moet dus stretchen tot op de footer. En dat doen divs (standaard) niet.

Jouw voorbeeld werkt, want ondanks dat de linker div niet streched tot de footer, merk ja dat niet omdat de container image (met de rechterbalk) wel doorloopt. Dat is bv wat ik op www.tweedehandsboek.net heb gedaan.

-edit- voorbeeldje aangepast. De div aan de linkerzijde loopt nu niet verder dan de content. Maar ik wil 'm dus zo dat de bottom tot op de footer komt (marge van 5 px).

[ Bericht 8% gewijzigd door Swetsenegger op 17-10-2005 23:16:49 ]

Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!

maandag 17 oktober 2005 @ 23:29:02 #41

SuperRembo

Sinds 1998

quote:
Op maandag 17 oktober 2005 23:11 schreef Swetsenegger het volgende:

[..]

Die werkt niet goed in IE , maar dat is relatief eenvoudig.
Maak gewoon een achtergrond image met aan de rechterkant een grijze balk, float twee divs, waarbij de linker div even breed is als de grijze balk.

Probleem is nu dat ik in de div een image aan de boven en onderzijde moet zetten. De div zelf moet dus stretchen tot op de footer. En dat doen divs (standaard) niet.

Jouw voorbeeld werkt, want ondanks dat de linker div niet streched tot de footer, merk ja dat niet omdat de container image (met de rechterbalk) wel doorloopt.

Het lijkt wel of je het over een hele andere pagina hebt

http://www.456bereastreet.com/lab/cssframes/ werkt prima in IE (bij mij iig, IE6). Er worden ook geen images gebruikt.

FOK!-Schrikkelbaas dinsdag 18 oktober 2005 @ 08:22:16 #42

Swetsenegger

Egocentrische Narcist

quote:
Op maandag 17 oktober 2005 23:29 schreef SuperRembo het volgende:

[..]

Het lijkt wel of je het over een hele andere pagina hebt
http://www.456bereastreet.com/lab/cssframes/ werkt prima in IE (bij mij iig, IE6). Er worden ook geen images gebruikt.

Ik keek in IE 7 en daar werkt het niet. Dat is natuurlijk het linke met browser hacks

Je hoeft niet met een background image te werken, maar het heeft hetzelfde effect. Echter bij deze blijft de footer altijd onder aan de viewport, terwijl in mijn geval de footer onderaan de viewport staat, behalve wanneer de content hoger dan de view port wordt. Dan scrollt hij mee.

Ik zal het voorbeeld eens goed bekijken

Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!

FOK!-Schrikkelbaas woensdag 19 oktober 2005 @ 19:09:03 #43

Swetsenegger

Egocentrische Narcist

Helaas is dit niet de oplossing voor mijn probleem. Iemand enig idee?

Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!

donderdag 20 oktober 2005 @ 16:13:19 #44

ikke_ook

Ik heb een menu dat bestaat uit een list met daarin menuonderdelen die linken naar pagina's. Ik laat het menu uitklappen met javascript.
het probleem is dat sommige onderdelen in het menu niet linken naar een bepaalde pagina, maar er alleen zijn om het onderliggende menu te laten uitklappen. Ik wil alleen dat die er wel hetzelfde uitzien als je er met je muis overheen gaat. In de rest van het menu gebruik ik gewoon:

1
2
3
4
5
6
7

Dat werkt goed, dus ik dacht ik gebruik voor de pagina's die niet moeten linken :

1
2
3
4
5
6
7

Maar dan werkt de css er dus niet meer op...
Hoe kan ik dit oplossen zodanig dat er dus ook niks gebeurd als je op dat betreffende menuonderdeel klikt (hij klapt uit als je er met je muis overheen gaat)

Vogelaars.nl

FOK!-Schrikkelbaas donderdag 20 oktober 2005 @ 16:16:18 #45

Swetsenegger

Egocentrische Narcist

quote:
Op donderdag 20 oktober 2005 16:13 schreef ikke_ook het volgende:
Ik heb een menu dat bestaat uit een list met daarin menuonderdelen die linken naar pagina's. Ik laat het menu uitklappen met javascript.
het probleem is dat sommige onderdelen in het menu niet linken naar een bepaalde pagina, maar er alleen zijn om het onderliggende menu te laten uitklappen. Ik wil alleen dat die er wel hetzelfde uitzien als je er met je muis overheen gaat. In de rest van het menu gebruik ik gewoon:
[ code verwijderd ]

Dat werkt goed, dus ik dacht ik gebruik voor de pagina's die niet moeten linken :
[ code verwijderd ]

Maar dan werkt de css er dus niet meer op...
Hoe kan ik dit oplossen zodanig dat er dus ook niks gebeurd als je op dat betreffende menuonderdeel klikt (hij klapt uit als je er met je muis overheen gaat)

<a href="#">pagina3</a>

Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!

donderdag 20 oktober 2005 @ 16:27:23 #46

ikke_ook

quote:
Op donderdag 20 oktober 2005 16:16 schreef Swetsenegger het volgende:

[..]

<a href="#">pagina3</a>

Dat werkt dus niet echt omdat als je dan op pagina.htm zit en je klikt erop, dan kom je op www.domein.nl/# terecht ipv dat je op www.domein.nl/pagina.htm blijft
Je zou dan iets van $_SERVER['REQUEST_URI']."#" kunnen gebruiken, maar dan hou je nog steeds dat de pagina ververst, en ik wil dat hij gewoon helemaal niks doen.

Vogelaars.nl

donderdag 20 oktober 2005 @ 16:29:22 #47

ikke_ook

quote:
Op donderdag 20 oktober 2005 16:27 schreef ikke_ook het volgende:

[..]

Dat werkt dus niet echt omdat als je dan op pagina.htm zit en je klikt erop, dan kom je op www.domein.nl/# terecht ipv dat je op www.domein.nl/pagina.htm blijft
Je zou dan iets van $_SERVER['REQUEST_URI']."#" kunnen gebruiken, maar dan hou je nog steeds dat de pagina ververst, en ik wil dat hij gewoon helemaal niks doen.

Hmm dat idee van mij met die # van jou erachter werkt toch wel, bedankt

Vogelaars.nl

donderdag 27 oktober 2005 @ 14:48:18 #48

Pokkehontas

Hippe nerd

Ik ben met mijn cursus webdesign aangeland bij het hoofdstuk CSS. En alle opdrachten die ik doe, werken maar half. Uiteraard ging ik er eest van uit dat het aan mij lag, maar ik heb alles overnieuw gedaan, gedubbelgecheckt en ik zie écht de fout niet. Bijvoorbeeld dit stukje code, uitgetypt naar het voorbeeld in het boek:

<style type="text/css>

.deel1 {
float: left;
width: 75 px;
height: 100 px;
color: yellow;
background: green
}

.deel2 {
width: 150 px;
height: 150 px;
color: yellow;
background: red
{

</style>

Het eerste zwevende blok maakt ie niet, het tweede wel. En zo gaat het met alle opdrachten, de eerste opdrachten pakt ie niet, de latere wel.

Heeft iemand een idee waar de fout zit?

Kortom, the usual.

donderdag 27 oktober 2005 @ 14:49:13 #49

Pokkehontas

Hippe nerd

(die laatste accolade moet uiteraard andersom, maar dat doet de truc niet)

Kortom, the usual.

donderdag 27 oktober 2005 @ 15:50:49 #50

SuperRembo

Sinds 1998

Er ontbreekt een " in <style type="text/css">.

donderdag 27 oktober 2005 @ 16:34:58 #51

Chandler

haha, die fout was wel heel erg gemakkelijk

had ik zelfs kunnen vinden

Just say hi!

donderdag 27 oktober 2005 @ 16:40:21 #52

Pokkehontas

Hippe nerd

Thnx. Owkee, heb ik aangepast, maar hij doet het nog niet, helaas.

Kortom, the usual.

donderdag 27 oktober 2005 @ 16:46:39 #53

Pokkehontas

Hippe nerd

quote:
Op donderdag 27 oktober 2005 16:34 schreef Chandler het volgende:
haha, die fout was wel heel erg gemakkelijk had ik zelfs kunnen vinden

Knapperd

Maar goed, met de aangebrachte verbeteringen nog nix dus. Wat nu Chandler

Kortom, the usual.

donderdag 27 oktober 2005 @ 17:09:28 #54

SuperRembo

Sinds 1998

Wat hoort er voor html bij? Wat wil je dat er gebeurt? Wat gebeurt er met jouw code?

Ik zou trouwens aanraden om ook achter de laatste property een ; te zetten (achter green en red dus).

donderdag 27 oktober 2005 @ 17:22:12 #55

Pokkehontas

Hippe nerd

HTML4.01 als ik het goed begrepen heb.

Er moeten twee blokken naast elkaar in beeld komen, in de opgegeven kleuren. Eerst had ik de regel die aangaf welke HTML erbij hoort niet in het html document opgenomen (ik deed tot nu toe alles zonder die regel, werkte prima). Toen had ik alleen het tweede blok als blok in beeld, in de juiste kleur. Het andere blok was er niet, was alleen de platte tekst, ook niet in de goede kleuren.
Nu ik de doctype regel heb toegevoegd, met de html versie, krijg ik alleen nog maar twee regels onder elkaar, de laatse regel in de in CSS opgegeven kleuren.

(; toegevoegd achter red en green)

Kortom, the usual.

donderdag 27 oktober 2005 @ 17:41:17 #56

SuperRembo

Sinds 1998

quote:
Op donderdag 27 oktober 2005 17:22 schreef Pokkehontas het volgende:
HTML4.01 als ik het goed begrepen heb.

Ik bedoelde gewoon de html code. Het zijn dus alleen 2 divjes, verder niets?

donderdag 27 oktober 2005 @ 21:35:25 #57

Pokkehontas

Hippe nerd

quote:
Op donderdag 27 oktober 2005 17:41 schreef SuperRembo het volgende:

[..]

Ik bedoelde gewoon de html code. Het zijn dus alleen 2 divjes, verder niets?

Owww....

(ik ben hier wel op mijn plek hè, qua dummie)

Ja, twee divjes, that's it. Dit is de code. Letterlijk overgetypt uit het boek:

<html>
<head>
<title>Zwevende elementen</title>
<link rel="stylesheet" href="C:\Cursus webdesign\Hoofdstuk 12\H12_voorbeeld_7.css" type="text/css">
</head>

<body>
<div class="deel1">Zwevend blok nr.1</div>
<div class="deel2">Zwevend blok nr.2</div>
</body>
</html>

Kortom, the usual.

donderdag 27 oktober 2005 @ 22:08:54 #58

SuperRembo

Sinds 1998

Er horen geen spaties tussen het getal en de eenheid.
Om het tweede blok in ook FireFox naast de eerste te krijgen moet je margin-left:75px aan het 2e blok geven.

En een windows pad (C:\Cursus webdesign\Hoofdstuk 12\H12_voorbeeld_7.css) hoort niet in een html pagina. Je moet een url opgeven of een relatief pad.
Bij jou staan denk ik de css en html in dezelfde map, dan is href="H12_voorbeeld_7.css" voldoende.

(code kan je tussen [code] tags [/code ] plaatsen)

donderdag 27 oktober 2005 @ 22:30:21 #59

Pokkehontas

Hippe nerd

Owkee, dat ga ik morgenochtend eens proberen allemaal (dat van dat pad vond ik zelf ook merkwaardig, maar zo doen ze dat dus in die cursus).

Nog een laatste domme vraag voor het slapen gaan: wat is FireFox?

Bedankt zover

Kortom, the usual.

vrijdag 28 oktober 2005 @ 00:03:43 #60

rekenwonder

Dr. Ir.

quote:
Op donderdag 27 oktober 2005 22:30 schreef Pokkehontas het volgende:
Nog een laatste domme vraag voor het slapen gaan: wat is FireFox?

Een browser zoals Internet Explorer dat ook is.

www.getfirefox.com

Tegenwoordig moet je Dr. Ir. zijn om een beetje correct Nederlands te kunnen neerpleuren.
Abusing semicolons since 1987.

vrijdag 28 oktober 2005 @ 10:00:54 #61

Pokkehontas

Hippe nerd

Okee, ik heb het aangepast:

<html>
<head>
<title>Zwevende elementen</title>
<link rel="stylesheet" href="H12_voorbeeld_7.css" type="text/css">
</head>

<body>
<div class="deel1">Zwevend blok nr.1</div>
<div class="deel2">Zwevend blok nr.2</div>
</body>
</html>

<style type="text/css">

/* CSS Hoofdstuk 12 voorbeeld 7 */

.deel1 {
float:left;
width: 75px;
height: 100px;
color:yellow;
background:green;
}
.deel2 {
margin-left: 75px;
width: 150px;
height: 150px;
color:yellow;
background:red;
}

</style>

Maar nog steeds doet alleen blok twee wat ie moet doen. Net als bij de andere opdrachten en oefeningen: de eerste selector (deel1 in dit geval) slaat ie consequent over.

@ SuperRembo: bedoelde je het plaatsen van code tussen vierkante haken, ipv tussen < deze > ?

@rekenwonder: dank! Die ga ik eens uitproberen.

Kortom, the usual.

vrijdag 28 oktober 2005 @ 12:10:08 #62

SuperRembo

Sinds 1998

quote:
Op vrijdag 28 oktober 2005 10:00 schreef Pokkehontas het volgende:
@ SuperRembo: bedoelde je het plaatsen van code tussen vierkante haken, ipv tussen < deze > ?

Nee, alleen om leesbare code hier op FOK! te maken:

1
2
3
4
5
6
7
8
9
10

<html>
<head>
<title>Zwevende elementen</title>
<link rel="stylesheet" href="H12_voorbeeld_7.css" type="text/css">
</head>
<body>
<div class="deel1">Zwevend blok nr.1</div>
<div class="deel2">Zwevend blok nr.2</div>
</body>
</html>

Het je die <style type="text/css"> in je .css file staan? Dat moet niet.

Maar wat wil je dat er met het eerste blok gebeurt? Het is het meest links blok, dus van float:left zal je geen effect zien.

vrijdag 28 oktober 2005 @ 20:54:14 #63

Pokkehontas

Hippe nerd

quote:
Op vrijdag 28 oktober 2005 12:10 schreef SuperRembo het volgende:

Het je die <style type="text/css"> in je .css file staan? Dat moet niet.

Yessss! Dat was 'm dus!! Ik vermoedde al dat er iets in het cursusboek helemaal niet klopte, maar kon -als absolute beginner- de fout niet vinden. Ik heb die <style> dingen eruit gehaald en nu doet ie precies wat ie doen moet. Bedankt Rembo!

Kortom, the usual.

zaterdag 29 oktober 2005 @ 22:56:23 #64

Flying

Heeft er iemand een idee hoe je de inputfields veranderd in plaatjes? Om het even duidelijker te maken:
http://www.substruction.com/salsapassion/admin/form.html

Die submit knop werkt al. Wat ik nu zou willen is dat mensen hun naam en wachtwoord op die plaatjes kunnen plakken. Als je die lelijke windows submitknoppen kunt veranderen in een plaatje moet dat voor input fields ook wel lukken met css. Als het niet mogelijk is met css graag dan HTML code ofzo

zaterdag 29 oktober 2005 @ 23:02:59 #65

SuperRembo

Sinds 1998

Kolere wat een ranzige bende die html

"naam en wachtwoord op die plaatjes kunnen plakken" vage omschrijving, maar ik neem aan dat je gewoon een achtergrondplaatje op het invoerveld wil zetten. Dat is ook wat je zal moeten doen: achtergrondplaatje gebruiken en de border van het invoerveld weghalen.

zondag 30 oktober 2005 @ 09:57:39 #66

Flying

quote:
Op zaterdag 29 oktober 2005 23:02 schreef SuperRembo het volgende:
Kolere wat een ranzige bende die html

"naam en wachtwoord op die plaatjes kunnen plakken" vage omschrijving, maar ik neem aan dat je gewoon een achtergrondplaatje op het invoerveld wil zetten. Dat is ook wat je zal moeten doen: achtergrondplaatje gebruiken en de border van het invoerveld weghalen.

Ja en ga jij me zeggen hoe ik dat doe? Heb al gegoogled al wat ik vond was een pagina met halve info..

zondag 30 oktober 2005 @ 10:02:34 #67

Nevermind

(-_-)

Erm, het past niet helemaal bij CSS, ik weet het, maar toch mijn vraag;

Jaren geleden bouwde ik mijn websites allemaal door gebruik te maken van tabellen. Dit is nu grootendeels vervangen, maar ik wil weer iets met tabellen doen voor de layout. Ik word namelijk een beetje gestoord van alle verschillen tussen de browsers.

Maar nu zit ik met het volgende probleem: Ik wil een <TD> alle overgebleven ruimte laten innemen.

1
2
3
4
5
6
7

Het werkt prima, maar ik krijg toch een validatiefout

1	line 29 column 3 - Warning: <td> attribute "width" has invalid value "*"

Is er een andere manier om dit wel te kunnen laten valideren?

GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!

zondag 30 oktober 2005 @ 10:10:12 #68

SuperRembo

Sinds 1998

quote:
Op zondag 30 oktober 2005 09:57 schreef Flying het volgende:

[..]

Ja en ga jij me zeggen hoe ik dat doe? Heb al gegoogled al wat ik vond was een pagina met halve info..

http://www.w3schools.com/css/css_background.asp
http://www.w3schools.com/css/css_border.asp

zondag 30 oktober 2005 @ 10:15:19 #69

SuperRembo

Sinds 1998

@Nevermind:

1
2
3
4
5
6
7
8

<table>
   <colgroup>
      <col width="1*">
      <col width="700">
      <col width="1*">
   </colgroup>
   <tr>
      ...

[/code]

zondag 30 oktober 2005 @ 10:15:47 #70

Flying

quote:
Op zondag 30 oktober 2005 10:02 schreef Nevermind het volgende:
Erm, het past niet helemaal bij CSS, ik weet het, maar toch mijn vraag;

Jaren geleden bouwde ik mijn websites allemaal door gebruik te maken van tabellen. Dit is nu grootendeels vervangen, maar ik wil weer iets met tabellen doen voor de layout. Ik word namelijk een beetje gestoord van alle verschillen tussen de browsers.

Maar nu zit ik met het volgende probleem: Ik wil een <TD> alle overgebleven ruimte laten innemen.
[ code verwijderd ]

Het werkt prima, maar ik krijg toch een validatiefout
[ code verwijderd ]

Is er een andere manier om dit wel te kunnen laten valideren?

Als je in html verder wilt en je wil dat hij de volledig ruimte benut moet je dit gebruik:

1	<td width="100%"></td>

zondag 30 oktober 2005 @ 10:18:22 #71

Nevermind

(-_-)

quote:
Op zondag 30 oktober 2005 10:15 schreef SuperRembo het volgende:
@Nevermind:
[ code verwijderd ]

[/code]

Ik kende die tags helemaal niet

Dankje!
_{en ik leerde ook nog eens dat er geanimeerde favicons bestaan. dat heb ik nog nooit eerder gezien}

GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!

zondag 30 oktober 2005 @ 10:21:34 #72

Flying

quote:
Op zondag 30 oktober 2005 10:10 schreef SuperRembo het volgende:

[..]

http://www.w3schools.com/css/css_background.asp
http://www.w3schools.com/css/css_border.asp

Ik heb me even uitgeleefd

1	<INPUT TYPE="text" NAME="name" maxlength="30" style="background-color:transparent;background-image: url(images/button_06.gif;">

De achtergrond is nu transparant maar toont mijn image nog niet. Doe ik wat fout? Met enkel background-image erin werkt het ook niet.

zondag 30 oktober 2005 @ 10:22:50 #73

Nevermind

(-_-)

Je mist een haakje in je url:

1	background-image: url('images/button_06.gif');

GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!

zondag 30 oktober 2005 @ 10:35:00 #74

Flying

quote:
Op zondag 30 oktober 2005 10:22 schreef Nevermind het volgende:
Je mist een haakje in je url:
[ code verwijderd ]

zondag 30 oktober 2005 @ 15:39:25 #75

ALTF4

Hallo,

ik heb een vraag aan de slimme mensen hier

Op mijn website, www.gewoongertjan.nl, wil ik rechtsbovenaan reclame hebben. Deze wil ik tegen de rand van het blauwe vlak aan en tegen de top van dit gedeelte (in de header dus). De reclame moet niet verdrukt worden door de tekst (wat ik dus dacht te doen met z-index: 1;)
Het lukt me gewoon niet. Met position: absolute; kan ik hem precies plaatsen, maar bij verkleinen of vergroten van mijn browser loopt het dan weer in de soep.

Iemand advies?

Stylesheet: http://www.gewoongertjan.nl/wp-content/themes/blix/layout.css --> helemaal onderaan.

Grtz,

ALTF4

En toen was het verhaaltje uit...

dinsdag 1 november 2005 @ 14:05:55 #76

ALTF4

Ik hoor niets, heeft niemand een idee?
Inmiddels heb ik de reclame maar even linksbovenaan gezet, dat lukte wel...

En toen was het verhaaltje uit...

woensdag 2 november 2005 @ 11:42:17 #77

Nevermind

(-_-)

In Opera en Firefox werkt het horizontale menu prima, maar in Internet Explorer niet... waar ligt dit aan?

GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!

woensdag 2 november 2005 @ 13:34:16 #78

SuperRembo

Sinds 1998

Dat ligt aan het verschil in het box model tussen FireFox en Internet Explorer.
In FF wordt de border wel bij de breedte gerekend, in IE wordt de border niet bij de breedte gerekend. Daardoor worden de listitems te breed.

Vreemd dat je een wel een list gebruikt voor het menu, maar dat je verder taballen gebruikt voor de layout.

woensdag 2 november 2005 @ 15:41:21 #79

Nevermind

(-_-)

Daar heb je helemaal gelijk in

Ik heb het wederom eens compleet in css geprobeerd, maar ik word ontzettend moe van de onderlinge verschillen tussen browsers. Vooral als het in de grote drie browsers bij elke er compleet anders uit ziet. Dan ga ik toch liever voor de makkelijke manier die het wel prima doet in elke browser. Ik weet dat je ontzettend veel ervaring hebt met css, maar ik denk dat je je ook wel kunt voorstellen hoe de beginnende of gemiddelde (daar reken ik mezelf onder

) 'webdesigner' er wel moeite mee kan hebben.

Maar ik zal me even verdiepen in het box model hack, wederom bedankt

GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!

woensdag 2 november 2005 @ 18:46:47 #80

SuperRembo

Sinds 1998

Je kan je verdiepen in allerlei hacks om alles op de pixel precies gelijk te krijgen.

Je kan ook je layout zo aanpassen dat het niet uit maakt als iets een pixeltje meer of minder breed is.

woensdag 2 november 2005 @ 21:38:07 #81

pandinus

quote:
Op vrijdag 23 september 2005 15:51 schreef Onnib het volgende:
Zo zijn er nog wel wat dingen die niet werken in FF en wel in IE:

Horizontale balk is een 1px grijze streep in IE maar in FF niet

Probeer dit eens, werkt zowel in FF als in IE

1	hr {color: #3064a0; background-color: #3064a0; height: 1px; border: 0; }

dinsdag 8 november 2005 @ 13:51:37 #82

gtjw

HELP!!
Ik zit met een select - Z-index probleem.

Ik weet dat je een Iframe moet maken onder de Div om ervoor te zorgen dat de select objecten er niet voor komen.
Nu zit ik met het probleem dat alle oplossingen die op internet te vinden zijn allemaal met UL->LI werken of met vage javascript inhoud.

Ik ben op zoek naar een javascript dat op een moment dat ik op de layer klik (deze wordt dan namelijk vergroot) een iframe eronder getekent wordt.

dinsdag 8 november 2005 @ 17:33:08 #83

SuperRembo

Sinds 1998

Bedoel je dit? http://superrembo.com/dhtml/coverdropdown.html

donderdag 10 november 2005 @ 20:08:06 #84

Stephan4kant

Waarschijnlijk een bekend probleem, alleen niets kunnen vinden. Ook oplossingen jatten van andere websites is me niet gelukt

Ik heb een simpele tabel voor o.a. een forum (let niet op de kleuren, just for testing). In IE ziet het er goed uit, maar o.a. met FireFox krijgen de rijen maarliefst 48 pixels hoogte (in IE zo'n 18). Hoe fix ik dit?

Nog een probleempje: iemand die in IE en FF kijkt, ziet het waarschijnlijk al. De lichtblauwe achtergrond doet het wel in IE, maar niet in FF. Iemand een idee?overflow: visible; ==> auto

[ Bericht 3% gewijzigd door Stephan4kant op 10-11-2005 20:10:22 (Tweede probleem al opgelost :P) ]

"We hebben nooit domme dingen gedaan van onze uitkering, en waren nooit te beroerd om er wat bij te verdienen" (F. Jacobse)

donderdag 10 november 2005 @ 21:04:25 #85

SuperRembo

Sinds 1998

In IE en FF (1.5) zijn de rijen 20px hoog.

vrijdag 11 november 2005 @ 01:26:33 #86

DionysuZ

Respect my authority!

ik ben bezig met een klein administratiepaneeltje voor op een site. Heel simpel, links menu, rechts de inhoud. Dit heb ik gedaan door 2 divjes te specificeren, 1 voor het menu en 1 voor de contents. Dit is de CSS:

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

  * { margin: 0; padding: 0; }
  body, html { height: 100%; }
  #menu {
    position: relative;
    width: 158px;
    _height: 100%;
    min-height: 100%;
    float: left;
  }
  #contents {
    margin: 20px 20px 20px 20px;
    _height: 100%;
    min-height: 100%;
  }

en op een of andere manier rendert hij hem NIET goed. De body ziet er ongeveer als volgt uit:

1
2
3
4
5
6
7

Wat hij fout doet zijn de margins van #contents. Als ik die weglaat dan rendert hij hem goed. Menu links, contents rechts. Echter wil ik de contents ook een stukje van de rand van het menu afhebben en een stukje van boven/onder en rechterkant. Als ik dan een margin instel, ziet het er goed uit in IE, maar niet in FF, dan voegt hij ruimte tussen bovenkant pagina en bovenkant menu/contents ter hoogte van de margin en voegt hij geen ruimte tussen menu en contents.

Iemand die weet waar ik de fout inga?

□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell

vrijdag 11 november 2005 @ 21:17:05 #87

AnGabhar

quote:
Op vrijdag 11 november 2005 01:26 schreef DionysuZ het volgende:Wat hij fout doet zijn de margins van #contents. Als ik die weglaat dan rendert hij hem goed. Menu links, contents rechts. Echter wil ik de contents ook een stukje van de rand van het menu afhebben en een stukje van boven/onder en rechterkant. Als ik dan een margin instel, ziet het er goed uit in IE, maar niet in FF, dan voegt hij ruimte tussen bovenkant pagina en bovenkant menu/contents ter hoogte van de margin en voegt hij geen ruimte tussen menu en contents.

Iemand die weet waar ik de fout inga?

Een eerste stap is begrijpen wat een float is. Een float 'zweeft' boven de pagina. Niet-zwevende blokelementen (zoals je div#contents) zullen gewoon op de pagina worden geplaatst alsof de float er niet is. Beschouw de float als een luchtballon die erboven hangt.

Met andere woorden: als je op je div#contents een linkermarge van 20px definieert, betekent dat 20px van de linkerkant van het scherm. Als je 20px vanaf de rechterrand van je menu wilt hebben, zul je margin-left: 178px moeten gebruiken. Of een heel andere opzet, waarmee je bijvoorbeeld de inhoud ook float:left meegeeft, dan zal een marge wel werken. Of absolute positionering gebruiken. Al heeft dat ook weer allerlei nadelen.

Let er verder op dat als je height: 100% gebruikt op een element dat ook nog marge of padding heeft, het totale element hoger wordt dan het scherm en er dus schuifbalken ontstaan. Zie enige uitleg over het box-model.

vrijdag 11 november 2005 @ 21:47:46 #88

SuperRembo

Sinds 1998

De makkelijkste oplossing is om er een extra divje in te zetten waar je de padding op zet. Dan heb je geen last van de verschillen in IE en FF.

zaterdag 12 november 2005 @ 14:58:51 #89

DionysuZ

Respect my authority!

hartstikke bedankt! ik heb de contents div laten floaten en er een extra div ingezet en nu werkt het goed

□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell

maandag 21 november 2005 @ 17:34:01 #90

DutchBlood

*kick*

Ik heb een div met een transparantie van 50% maar nu wil ik de tekst die daarin zit gewoon 100% hebben.

Ik heb het nu zo, schematisch.

1
2
3

<div style="opacity: 50%; background-color: #FFF;">
<div style="color: #000; ">De tekst
</div>

Maar nu neemt de tekst die 50% opacity van die andere div over, en dat wil ik niet. Hoe los ik dat op?
Die andere div een opacity van 100% geven helpt niet. Ook z-indexes halen niks uit.

-edit-
In IE is het me inmiddels gelukt met position: relative; geven aan de tekst, maar nog geen succes in FF.

[ Bericht 5% gewijzigd door DutchBlood op 21-11-2005 17:53:07 ]

maandag 21 november 2005 @ 20:07:43 #91

SuperRembo

Sinds 1998

Je kan zoiets doen:

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

#wrapper {
   position: relative;
}

#wrapper .background {
   position: absolute;
   opacity: 0.5;
   filter: alpha(opacity=50);
   background-color: #f00;
   width: 400px;
   height: 300px;
}

#wrapper .content {
   position: absolute;
   width: 400px;
   height: 300px;
   color: #000;
}

1
2
3
4
5
6
7
8

<div id="wrapper">
   <div class="background"></div>
   <div class="content">
      <p>
         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse est turpis, aliquet a, auctor vel, bibendum elementum, urna. In ut lorem. Cras pretium lacinia urna. Etiam porttitor iaculis leo. Nam placerat, dolor congue accumsan condimentum, urna felis convallis odio, in convallis erat sapien at est. Maecenas risus nibh, rutrum interdum, pulvinar et, interdum eu, erat. Mauris sagittis, risus ac tristique facilisis, quam enim viverra pede, molestie tincidunt justo lectus a sapien. Cras porttitor. Mauris dapibus tincidunt risus. Maecenas in nisi id lorem ornare varius.
      </p>
   </div>
</div>

Het wordt alleen lastig als de grootte van de inhoud af moet hangen.

maandag 21 november 2005 @ 21:01:11 #92

DutchBlood

Had ik nog een vraagje.
Ik heb twee div's naast elkaar, de ene is 125px breed, en de andere moet de ruimte opvullen die overblijft van de andere div. Hoe doe ik dat?

maandag 21 november 2005 @ 21:04:13 #93

cyberstalker

Een krachtig neen!

quote:
Op maandag 21 november 2005 21:01 schreef DutchBlood het volgende:
Had ik nog een vraagje.
Ik heb twee div's naast elkaar, de ene is 125px breed, en de andere moet de ruimte opvullen die overblijft van de andere div. Hoe doe ik dat?

De div van 125px floaten.

Hope for the best, prepare for the worst.

maandag 21 november 2005 @ 21:14:37 #94

DutchBlood

quote:
Op maandag 21 november 2005 21:04 schreef cyberstalker het volgende:

[..]

De div van 125px floaten.

Ja, maar de overige div kan ik dan nog geen 100% width geven, dan zet ie 'm eronder.

maandag 21 november 2005 @ 21:18:03 #95

cyberstalker

Een krachtig neen!

quote:
Op maandag 21 november 2005 21:14 schreef DutchBlood het volgende:

[..]

Ja, maar de overige div kan ik dan nog geen 100% width geven, dan zet ie 'm eronder.

Hoeft toch niet. Een <div> is een block-element, die vullen standaard alles op.

Hope for the best, prepare for the worst.

vrijdag 25 november 2005 @ 17:54:23 #96

Chandler

Mensen ik zit nu met het volgende kleine probleempje (hoop ik)

Ik draai zelf al tijden Windows Commander en ben er helemaal weg van dat ik nu ook een Windows Commander online wil

oftewel webbased

nu zou je zeggen? waarom? er zijn toch al zoveel? yep maar niet door mij gemaakt, en het is voor mij weer een leuke leerweg... maar goed

Nu heb ik mezelf dit keer goed aan het werk gezet en niemand een vraag of whatever gevraagd, alles zelf opgezocht en veel geexpirmenteerd maar kom nu niet uit het volgende.

De volgende layout (http://www.bruggema.nl/mmenu.html) ziet er op zich aardig uit in IE maar als ik FF open mis ik opeens randen, etc etc etc... ik heb alles gemeten en het zou dus moeten willen... alles op basis van vaste maten... behalve de laatste buttons maar die hebben daar niets mee te maken!

Zou iemand me hier mee kunnen helpen, en het zal goed kunnen dat ik ook een doctype moet toevoegen maar helaas heb ik daar nog niet echt de kennis van

excuus daarvoor.

Just say hi!

vrijdag 25 november 2005 @ 19:10:06 #97

DionysuZ

Respect my authority!

Het verschil ligt em erin dat de ene browser de randen meetelt bij de grootte, en de andere browser de randen nog erbij neemt.

De ene browser zal bij een box van 200px breed met een rand van 1px een box maken van 200px mét rand. De andere maakt er een box van 202px mét rand van.

□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell

vrijdag 25 november 2005 @ 20:38:00 #98

Chandler

ow dat is lekker

maar hoe kunnen we dat oplossen? ik weet dat IE (width + border == lengte) ze er bij telt en dus nu ook dat FF ze bij de lengte voegt, maar hoe lossen we dat op, weer van die vieze hacks?

Just say hi!

vrijdag 25 november 2005 @ 21:01:00 #99

McMarco

Argh

Ik kom niet uit het volgende kleine probleem. Ik ben geen n00b, maar 2 pixels drijven mij tot wanhoop

In een <td> wil ik een plaatje zetten, deze verticaal helemaal naar beneden uitlijnen maar ondanks dat staan er nog blijven er nog 2 pixels onder over.
- cellspacing en -padding van de tabel en de cel staan op 0
- valign naar bottom en baseline helpen niet genoeg
- marges op 0 helpt niet
- vspace rond plaatje op 0 biedt geen soelaas
- border van plaatje = 0

M'n ingekorte CSS:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

BODY
{   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
    color: #FFFFFF;
   margin-top: 60px;
   margin-bottom: 0px;
}

Table.main
{   border: 0px;
   padding: 0px;
   width: 800px;
   background-color:#F8E600;
}

TD, TH
{   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
    color: #FFFFFF;
   vertical-align:top
}

tr.scheiding_header_concent /* blauwe balk bovenin */
{   background-color: #181747;
   height: 30px;
   padding: 0px;
   border: 0px;
}

td.tabbladen
{   text-align: right;
   padding-right: 20px;
   padding-bottom: 0px;
   margin: 0px;
   border-bottom: solid 0px #FFFFFF;
   vertical-align: bottom;
   border: 0px;
}

M'n verkorte HTML:

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

(header)
<body>
<table width="800" border="0" cellspacing="0" cellpadding="0" class="main" align="center">
  <tr>
    <td width="150" height="40"> </td>
    <td width="150" height="40" class="tabbladen">
      <img src="images/actief_links.gif" alt="" border="0">
      <a href="index.php"><b>Home</b></a>
      <img src="images/actief_rechts.gif" border="0" alt="">
   </td>
  </tr>
  <tr class="scheiding_header_concent">
    <td colspan="2"> </td>
  </tr>
</table>
</body>
</html>

Weet iemand raad?

vrijdag 25 november 2005 @ 21:52:09 #100

AnGabhar

quote:
Op vrijdag 25 november 2005 20:38 schreef Chandler het volgende:
ow dat is lekker maar hoe kunnen we dat oplossen? ik weet dat IE (width + border == lengte) ze er bij telt en dus nu ook dat FF ze bij de lengte voegt, maar hoe lossen we dat op, weer van die vieze hacks?

http://www.quirksmode.org/css/box.html

vrijdag 25 november 2005 @ 22:15:15 #101

FlowDesign

OMG IT SPINS!

Misschien dat een van jullie het misschien weet:

Ik heb zeg maar onderstaande indeling van een webpagina opgebouwd met CSS.
De lichtblauwe achtergrond is een DIV (layer) met vaste plek (margin: 0 auto) zodat deze in het midden wordt uitgelijnd.
De andere zijn ook DIV's (met vaste plek).
Alleen het menu is "Floating: left".
De height staat niet vast, de margins en de paddings wel.
Echter wat er nu gebeurd is dat wanneer er te weinig tekst in het menu of in de content layer staan, de footer te hoog op de pagina komt waardoor de achtergrond weer te zien is.
Ik vraag mij dus af: Is het mogelijk om te zorgen dat de footer altijd dusdanig ver onderaan de pagina komt te staan zodat de achtergrond niet meer te zien is.

Age of fruity enlightenment!

vrijdag 25 november 2005 @ 22:15:19 #102

Chandler

Bedankt AnGabhar, alleen krijg ik daaruit toch nog niet een duidelijke oplossing...

zal wel aan mij liggen denk ik

Just say hi!

vrijdag 25 november 2005 @ 22:53:49 #103

Quarks

little Eiffel! little Eiffel!

quote:
Op vrijdag 25 november 2005 22:15 schreef FlowDesign het volgende:
Misschien dat een van jullie het misschien weet:

Ik heb zeg maar onderstaande indeling van een webpagina opgebouwd met CSS.
De lichtblauwe achtergrond is een DIV (layer) met vaste plek (margin: 0 auto) zodat deze in het midden wordt uitgelijnd.
De andere zijn ook DIV's (met vaste plek).
Alleen het menu is "Floating: left".
De height staat niet vast, de margins en de paddings wel.
Echter wat er nu gebeurd is dat wanneer er te weinig tekst in het menu of in de content layer staan, de footer te hoog op de pagina komt waardoor de achtergrond weer te zien is.
Ik vraag mij dus af: Is het mogelijk om te zorgen dat de footer altijd dusdanig ver onderaan de pagina komt te staan zodat de achtergrond niet meer te zien is.

Alistapart.com kan het beter uitleggen

* 11:15, restate my assumptions: 1. Mathematics is the language of nature. 2. Everything around us can be represented and understood through numbers. 3. If you graph these numbers, patterns emerge. Therefore: There are patterns everywhere in nature.*

vrijdag 25 november 2005 @ 23:41:31 #104

Chandler

en wie kan mij die andere uitleg beter uitleggen?

Just say hi!

zaterdag 26 november 2005 @ 16:14:15 #105

FlowDesign

OMG IT SPINS!

quote:
Op vrijdag 25 november 2005 22:53 schreef Quarks het volgende:

[..]

Alistapart.com kan het beter uitleggen

Tnx man

Ik heb het helemaal gelezen, maar dat stuk voor MAC ondersteuning ga ik niet gebruiken. Ik gebruik de pure-CSS oplossing (aangezien de desbetreffende website dan toch wel compatible is voor 99,9% van de bezoekers).

Age of fruity enlightenment!

zaterdag 26 november 2005 @ 18:14:54 #106

FlowDesign

OMG IT SPINS!

quote:
Op zaterdag 26 november 2005 16:14 schreef FlowDesign het volgende:

[..]

Tnx man

Ik heb het helemaal gelezen, maar dat stuk voor MAC ondersteuning ga ik niet gebruiken. Ik gebruik de pure-CSS oplossing (aangezien de desbetreffende website dan toch wel compatible is voor 99,9% van de bezoekers).

Hmmzz... nu werkt het wel in FireFox, maar in IE (6) zet ie die footer weer niet onderaan.
Zie: http://eggsplosion.com/drupal/

De CSS-code

Zoals je momenteel ook kunt zien, valt op pagina's waar heel weinig tekst in het rechter deel van de pagina staat, heel de searchbox weg onder de footer

[ Bericht 12% gewijzigd door FlowDesign op 26-11-2005 18:44:56 ]

Age of fruity enlightenment!

maandag 28 november 2005 @ 16:33:05 #107

Chandler

Weet iemand of het mogelijk is om zulke borders met alleen CSS te genereren?

zou mooi zijn namelijk

Just say hi!

maandag 28 november 2005 @ 16:44:35 #108

DionysuZ

Respect my authority!

http://www.w3schools.com/css/pr_border-style.asp
je hebt de volgende borderstyles:

none Defines no border

hidden The same as "none", except in border conflict resolution for table elements

dotted Defines a dotted border. Renders as solid in most browsers

dashed Defines a dashed border. Renders as solid in most browsers

solid Defines a solid border

double Defines two borders. The width of the two borders are the same as the border-width value

groove Defines a 3D grooved border. The effect depends on the border-color value

ridge Defines a 3D ridged border. The effect depends on the border-color value

inset Defines a 3D inset border. The effect depends on the border-color value

outset Defines a 3D outset border. The effect depends on the border-color value

□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell

maandag 28 november 2005 @ 16:55:27 #109

Chandler

maar je houdt zwarte randen

hoe kom je daar vanaf....

Just say hi!

donderdag 1 december 2005 @ 22:59:11 #110

DionysuZ

Respect my authority!

hm vraagje.

ik heb 2 divs, de een genest in de ander. De eerste heeft een hoogte van 100% van het scherm. De tweede is absoluut gepositioneerd in de eerste en heeft een variabele hoogte. Nu is het zo dat als de inhoud van de tweede erg veel wordt, er tekst gaat wegvallen omdat de buitenste div niet mee resized. hoe los ik dat op?

□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell

donderdag 1 december 2005 @ 23:11:57 #111

Quarks

little Eiffel! little Eiffel!

quote:
Op donderdag 1 december 2005 22:59 schreef DionysuZ het volgende:
hm vraagje.

ik heb 2 divs, de een genest in de ander. De eerste heeft een hoogte van 100% van het scherm. De tweede is absoluut gepositioneerd in de eerste en heeft een variabele hoogte. Nu is het zo dat als de inhoud van de tweede erg veel wordt, er tekst gaat wegvallen omdat de buitenste div niet mee resized. hoe los ik dat op?

Wat heb je bij height staan voor de tweede div?

* 11:15, restate my assumptions: 1. Mathematics is the language of nature. 2. Everything around us can be represented and understood through numbers. 3. If you graph these numbers, patterns emerge. Therefore: There are patterns everywhere in nature.*

vrijdag 2 december 2005 @ 07:53:51 #112

SuperRembo

Sinds 1998

Een element dat absoluut gepositioneerd is valt buiten de flow. Jouw binnenste div zal er dus nooit voor zorgen dat je buitenste div oprekt.
Als je een element een hoogte geeft, dan rekt het niet mee met de inhoud. Tenminste, dat zou niet mogen, maar IE doet het toch. Je moet de hoogte als min-height opgeven, alleen snapt IE dat weer niet.

1
2
3
4
5
6
7

#outer {
   min-height: 100%;/* W3C */
   _height: 100%;/* IE */
}
#inner {
   /* GEEN position: absolute */
}

zondag 4 december 2005 @ 11:24:57 #113

Chandler

Iemand die beked is met vele CSS sites? zoek eingelijk een voorbeeld van CSS als in een Office XP menu oid ennuh velden zoals windows programma's... eingelijk dus gewoon alles wat met windows te maken heeft in CSS (en voorbeeld natuurlijk)..

Iemand ideeen?

Just say hi!

zondag 4 december 2005 @ 11:40:27 #114

SuperRembo

Sinds 1998

Het is geen CSS site, maar de luitjes van Component-Art hebben van al hun controls ook een demo in Windows XP stijl. Bijvoorbeeld een menu en een tree .

zondag 4 december 2005 @ 11:45:12 #115

Chandler

Tnx SuperRembo, maar bedoel meer de platte menu met vaste icons (zoals de bar bij winzip, add, extract, ennuh de korte tabs zoals in office

(excel etc)

Just say hi!

zondag 4 december 2005 @ 12:54:45 #116

Quarks

little Eiffel! little Eiffel!

quote:
Op zondag 4 december 2005 11:45 schreef Chandler het volgende:
Tnx SuperRembo, maar bedoel meer de platte menu met vaste icons (zoals de bar bij winzip, add, extract, ennuh de korte tabs zoals in office (excel etc)

Hier staat vast wel tussen wat je zoekt.

* 11:15, restate my assumptions: 1. Mathematics is the language of nature. 2. Everything around us can be represented and understood through numbers. 3. If you graph these numbers, patterns emerge. Therefore: There are patterns everywhere in nature.*

zondag 4 december 2005 @ 12:58:21 #117

Chandler

die had ik ook al gezien

maar dat is net niet wat ik zoek... je moet het zien als de button bar van (tool bar) van internet explorer... de stijle van de achtergrond etc

Just say hi!

zondag 4 december 2005 @ 13:07:44 #118

Quarks

little Eiffel! little Eiffel!

quote:
Op zondag 4 december 2005 12:58 schreef Chandler het volgende:
die had ik ook al gezien maar dat is net niet wat ik zoek... je moet het zien als de button bar van (tool bar) van internet explorer... de stijle van de achtergrond etc

Bedoel je zoiets?

* 11:15, restate my assumptions: 1. Mathematics is the language of nature. 2. Everything around us can be represented and understood through numbers. 3. If you graph these numbers, patterns emerge. Therefore: There are patterns everywhere in nature.*

zondag 4 december 2005 @ 13:16:06 #119

Chandler

dat is het bijna maar dan de grote versie er van

ofzo

Just say hi!

zondag 4 december 2005 @ 13:29:30 #120

Quarks

little Eiffel! little Eiffel!

quote:
Op zondag 4 december 2005 13:16 schreef Chandler het volgende:
dat is het bijna maar dan de grote versie er van

[afbeelding]

ofzo

Waarom knip je niet gewooon die plaatjes uit en maak je het zelf; zo moeilijk is het niet.

* 11:15, restate my assumptions: 1. Mathematics is the language of nature. 2. Everything around us can be represented and understood through numbers. 3. If you graph these numbers, patterns emerge. Therefore: There are patterns everywhere in nature.*

zondag 4 december 2005 @ 16:22:25 #121

Quarks

little Eiffel! little Eiffel!

Chandler, ik heb even voor je geknutseld: CSS IE Menu
Bekijken met firefox of opera, IE ondersteund geen PNG transperantie.

* 11:15, restate my assumptions: 1. Mathematics is the language of nature. 2. Everything around us can be represented and understood through numbers. 3. If you graph these numbers, patterns emerge. Therefore: There are patterns everywhere in nature.*

zondag 4 december 2005 @ 16:27:10 #122

Chandler

ow ennuh als ik het nu wel in ie wil gebruiken? ruim 89% van alle gebruikers zit nog op IE

Just say hi!

zondag 4 december 2005 @ 16:32:23 #123

Quarks

little Eiffel! little Eiffel!

quote:
Op zondag 4 december 2005 16:27 schreef Chandler het volgende:
ow ennuh als ik het nu wel in ie wil gebruiken? ruim 89% van alle gebruikers zit nog op IE

Gaat goed, ik had alleen geen zin om voor elke knop een apart plaatje te gebruiken.
In plaats van hover.png te gebruiken, maak je gewoon voor elke knop een plaatje dat je wilt gebruik als mouse-over.
Dus link1.gif link2.gif enz..

* 11:15, restate my assumptions: 1. Mathematics is the language of nature. 2. Everything around us can be represented and understood through numbers. 3. If you graph these numbers, patterns emerge. Therefore: There are patterns everywhere in nature.*

zondag 4 december 2005 @ 17:12:23 #124

FlowDesign

OMG IT SPINS!

PNG-transparantie in IE

Age of fruity enlightenment!

zondag 4 december 2005 @ 17:19:24 #125

Quarks

little Eiffel! little Eiffel!

quote:
Op zondag 4 december 2005 17:12 schreef FlowDesign het volgende:
PNG-transparantie in IE

Ik weet dat het met een omweg mogelijk is, maar ik denk dat aparte plaatjes voor de imagemap toch makkelijker zijn voor Chandler.

* 11:15, restate my assumptions: 1. Mathematics is the language of nature. 2. Everything around us can be represented and understood through numbers. 3. If you graph these numbers, patterns emerge. Therefore: There are patterns everywhere in nature.*

woensdag 7 december 2005 @ 12:40:42 #126

Chandler

Ziet er mooi uit man.. Misschien ga ik er nog wat mee doen, ben al weer druk aan't puzzelen...

Ennuh die transparante PNG's die niet werken in IE... ach daarom werk ik nu gelukkig met PNGtjes die niet transparant zijn...

Just say hi!

vrijdag 23 december 2005 @ 15:25:17 #127

ExCibular

Ik heb een vraag waarop ik het antwoord niet echt kan vinden. Ik wi een hover actie doen waarmee de achtergrond kleur van de hele layer verandert.Dus een layer die van kleur verandert bij een mouseover. Hovers met een hyperlink zijn geen probleem alleen dat is niet wat ik wil.het gaat hier specifiek om een hover voor de layer.

Kan dit met alleen css of moet ik hiervoor toch javascript gaan gebruiken?

Edit ik heb hem zelf al gevonden:

1
2
3
4
5
6
7

#button a:hover, #button a:active
{
display:block;
height:100%;
background-color:#EEEEEE;
text-decoration:none;
}

[ Bericht 19% gewijzigd door ExCibular op 23-12-2005 15:40:22 ]

vrijdag 23 december 2005 @ 16:26:41 #128

wonko

Fap

quote:
Op vrijdag 23 september 2005 07:44 schreef SuperRembo het volgende:

[..]

Bedoel je box-sizing?
[ code verwijderd ]

Zie ook Quirksmode.org over box model tweaking.

Bookmark!! Tanx

Geloven is zeker weten dat je het niet weet.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.

dinsdag 10 januari 2006 @ 23:06:21 #129

the_disheaver

Lijkt me best simpel, maar het wil niet...

een div'je met tekst erin die ik een bepaalde breedte wil geven. Maar hij vult hem voor de gehele breedte van de pagina.

html:

1
2
3

css:

1
2
3
4
5
6

div#content{
border: thin dotted #00FF00;
position: absolute;
top: 330px;
width: 550px;
}

Zou toch moeten werken?

dinsdag 10 januari 2006 @ 23:26:34 #130

DionysuZ

Respect my authority!

wat n fucking omweg die transparante pngtjes in dat artikel hierboven. Ik doe het als volgt:

ik laad mn standaard styles

ik voeg het volgende bijvoorbeeld toe onder aan mn header:

1
2
3
4
5
6
7
8

□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell

dinsdag 10 januari 2006 @ 23:48:21 #131

the_disheaver

quote:
Op dinsdag 10 januari 2006 23:06 schreef the_disheaver het volgende:
Lijkt me best simpel, maar het wil niet...

een div'je met tekst erin die ik een bepaalde breedte wil geven. Maar hij vult hem voor de gehele breedte van de pagina.

html:
[ code verwijderd ]

css:
[ code verwijderd ]

Zou toch moeten werken?

opgelost.

Had ergens in het html '<dvi> ipv <div>

edit: hij is nu wel 800 pixel terwijl hij 550 moet zijn, maar het gaat de goede kant op

[ Bericht 12% gewijzigd door the_disheaver op 10-01-2006 23:53:31 ]

woensdag 11 januari 2006 @ 08:09:56 #132

SuperRembo

Sinds 1998

Je hebt toch wel id="content" staan en niet id "content"?

woensdag 11 januari 2006 @ 12:44:56 #133

the_disheaver

quote:
Op woensdag 11 januari 2006 08:09 schreef SuperRembo het volgende:
Je hebt toch wel id="content" staan en niet id "content"?

Nee, daar kwam ik ook veel te laat achter

Maar nu wel, en nu is ie echt 550 px! (genoeg wat nog niet goed is, maar goed)

vrijdag 13 januari 2006 @ 18:40:50 #134

Chandler

Ik zit met een klein probleem met betrekking tot spacing in FF.

Zie het verschil tussen IE en FF van de menu's die helemaal beneden staan..

http://gfxpoll.bruggema.nl/new/

Iemand een idee hoe dit op te lossen in FF?

Just say hi!

vrijdag 13 januari 2006 @ 19:09:35 #135

the_disheaver

quote:
Op vrijdag 13 januari 2006 18:40 schreef Chandler het volgende:
Ik zit met een klein probleem met betrekking tot spacing in FF.

Zie het verschil tussen IE en FF van de menu's die helemaal beneden staan..

http://gfxpoll.bruggema.nl/new/

Iemand een idee hoe dit op te lossen in FF?

ik heb hier geen IE, maar volgens mij doet ie wat het zou moeten doen.

Ik neem aan dat de padding-left een aantal pixels moet zijn, maar ik zie het nergens aangeven in de stylesheet.

1
2
3
4
5
6

#menus ul {
list-style-type:none;
list-style-position: inside;
margin: 0;
padding: 0;
}

vrijdag 13 januari 2006 @ 20:49:55 #136

Chandler

Ik wel eingelijk

1
2
3
4
5
6
7
8
9

.menu_orange h3 {
   margin: 0;
   padding: 8px 0 0 35px;
   background: #C74700 url(images/menu_orange_top_bg.gif) no-repeat top left;
   height:22px;
   font-family: Tahoma;
   font-size: 10px;
   color:#ffffff;
}

daar zie je dat het 8 pixels van rechts moet staan en van boven 35... en in IE ziet dat er goed uit maar in FF dus niet dan pakt ie die pixels weer niet

Just say hi!

vrijdag 13 januari 2006 @ 20:57:04 #137

Tijn

Powered by MS Paint

Wat zijn goeie fixed-width fonts die op alle systemen (Windows/Mac/*Nix) en in de meeste browsers er min of meer hetzelfde uitzien?

Verberg de nieuwsticker

vrijdag 13 januari 2006 @ 21:23:51 #138

the_disheaver

quote:
Op vrijdag 13 januari 2006 20:49 schreef Chandler het volgende:
Ik wel eingelijk
[ code verwijderd ]

daar zie je dat het 8 pixels van rechts moet staan en van boven 35... en in IE ziet dat er goed uit maar in FF dus niet dan pakt ie die pixels weer niet

Net anders om toch? 8 pixels boven, en 35 van rechts. Dat lijkt hij ook te doen. Zou je een screenshot in IE kunnen maken?

vrijdag 13 januari 2006 @ 21:30:04 #139

Chandler

ik maak een screenshot voor je van ie en ff

FireFox

en natuurlijk Internet Explorer

Just say hi!

vrijdag 13 januari 2006 @ 21:42:45 #140

the_disheaver

1
2
3
4
5
6
7
8
9

.menu_orange h3 {
   margin: 0;
   padding: 8px 0 0 35px;
   background: #C74700 url(images/menu_orange_top_bg.gif) no-repeat top left;
   height:22px;
   font-family: Tahoma;
   font-size: 10px;
   color:#ffffff;
}

Deze code slaat alleen op de h3-tag, en dus niet op de <ul> list eronder. Deze zal dus volgens de
#menus ul {} een padding van 0 krijgen.

Het handigste lijkt mij deze padding op 0 0 0 35px; (oid) te zettten.

Of anders.menu_orange ul{} aanmaken.

zaterdag 14 januari 2006 @ 08:09:25 #141

Chandler

nu heb ik hetniet op ul gezet maar op li, want ul deed nix namelijk..

1
2
3

.menu_orange li, .menu_blue  li {
        padding: 0 0 0 8px;
}

alleen gaat het dan wel weer goed in FF maar dan heeft IE opeens de dubbele spacing vanaf links...

zie pix

Just say hi!

zaterdag 14 januari 2006 @ 11:23:33 #142

SuperRembo

Sinds 1998

List-style-position: inside; eruit
Margin en padding op ul en li op 0. Alleen padding-left en padding-right op de ul.

zaterdag 14 januari 2006 @ 11:37:27 #143

Chandler

Je bent geweldig, het werkt namelijk nu in beide brouwers goed!! tnx.

Just say hi!

zaterdag 14 januari 2006 @ 11:56:13 #144

SqueaK

"Pis nooit tegen de wind

ik ben net begonnen met een site te maken.. deze bestaat ui 6 pagina's ...

nu wil ik op elke pagina dezelfde tabel, maar met een andere kleur... dus op pagina 1 een oranje, op pagina 2 een blauwe etc.

moet ik dan 6 verschillende classes of divjes aanmaken ? of is er andere manier ?

zaterdag 14 januari 2006 @ 12:06:00 #145

SuperRembo

Sinds 1998

Je kan de tabellen toch een andere id of class geven? Dan verwijs je in de stylesheet naar die id/class.

zaterdag 14 januari 2006 @ 12:32:34 #146

SqueaK

"Pis nooit tegen de wind

dus dan maak ik zeg maar

.tabel_oranje {
eigenschappen
}

.tabel_geel {
eigenschappen
}

en dan zo 6 keer...

zaterdag 14 januari 2006 @ 13:02:53 #147

SuperRembo

Sinds 1998

Nee, ik zou het anders doen.
Geef de pagina's een id, dus een id in de body-tag. Bijvoorbeeld <body id="appels"> en <body id="bananen">.
Geef ook de tabel een id, bijvoorbeeld <table id="eigenschappen">.

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

/* algemene stijl die voor elke pagina geldt */
#eigenschappen {
   border: 1px solid #000;
}
/* stijl voor pagina appels */
#appels #eigenschappen {
   background-color: green;
}
/* stijl voor pagina bananen */
#bananen #eigenschappen {
   background-color: yellow;
}

zondag 15 januari 2006 @ 23:54:54 #148

the_disheaver

Dit krijg ik te zien in IE
edit: een plaatje is wat duidelijker

Kortweg: de marker voor 'Milieu' moet voor 'milieu' staan, en niet ergens in het midden van die 2de list.

1
2
3
4
5

* niveau 1a
  niveau 1b
*   niveau 2a
    niveau 2b
* niveau 1c

En dit wil ik graag zien (en krijg ik wel te zien in FF en opera)

1
2
3
4
5

* niveau 1a
* niveau 1b
niveau 2a
niveau 2b
* niveau 1c

Niveau 2 heeft geen list-style-type. niveau 1 wel. item 1b heeft een list genest. Hierdoor wordt in IE de marker niet voor de tekst 'niveau 1b' geplaatst, maar ergens voor 'niveau 2a' (doordat het midden van de gebruikte hoogte door item 2b ongeveer daar ligt.

Kan dit door een element anders? (dat de vertical-aling van de marker op 'top' staat ingesteld)

css:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

ul.menulevel1{
list-style-image: url(list-pijl.gif);
list-style-type: square;
list-style-position: inside;
margin: 0;
padding: 0;
}
ul.menulevel2{
list-style-type: none;
margin: 0;
padding: 0;
}

ul.menulevel1 li.doc1 {
margin: 0;
padding: 5px 0px 3px 15px;
width: 200px;
border-bottom: 1px solid #73D300;

}
ul.menulevel2 li.doc2 {
margin: 0 0 0 5px;
padding: 2px 0px 2px 5px;
border-left: 3px solid #73D300;
}

html:

1
2
3
4
5

<ul class="menulevel1"><li class="doc1">>Milieu
<ul class="menulevel2"><li class="doc2"titel 1</li>
<li class="doc2">titel 2</li></ul>
</li>
<li class="doc1">Onderwijs</li></ul>

[ Bericht 3% gewijzigd door the_disheaver op 16-01-2006 00:00:00 ]

FOK!-Schrikkelbaas dinsdag 17 januari 2006 @ 22:00:09 #149

Swetsenegger

Egocentrische Narcist

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

<table style="border-collapse:collapse;width:100%;">
  <tr style="color:black;font-weight:bold;background-image:url(../images/leeg.jpg);">
    <td style="border-style:solid;border-width:1px 0 1px 1px;border-color:rgb(160,166,176)">Order ID</td>
    <td style="border-style:solid;border-width:1px 0;border-color:rgb(160,166,176)">Status</td>
    <td style="border-style:solid;border-width:1px 1px 1px 0;border-color:rgb(160,166,176)">datum</td>
  </tr>
  <tr>
    <td>
    <form name="form" action="<?=$_SERVER['PHP_SELF'];?>" method="post">
    <select name="status" onChange="submit(this)">
    <option value="0"<?if($row['status']==0){?> selected="selected"<?}?>>0</option>
    <option value="1"<?if($row['status']==1){?> selected="selected"<?}?>>1</option>
    <option value="2"<?if($row['status']==2){?> selected="selected"<?}?>>2</option>
    <option value="3"<?if($row['status']==3){?> selected="selected"<?}?>>3</option>
    </select>
    <input type="hidden" name="order_id" value="<?=$row['order_id'];?>" />
    </form>
    </td>
  </tr>
</table>

Waarom zit er zoveel ruimte op mijn rijen ?
Ik heb ook select al een style met een height mee gegeven, de <tr> de <td>. Maakt onder IE niets uit en onder FF wordt de selectbox wel kleiner, maar de cel/rij blijft hoger dan noodzakelijk

Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!

dinsdag 17 januari 2006 @ 22:49:40 #150

SuperRembo

Sinds 1998

Komt die ruimte niet door het form?
In FF zit daar in ieder geval standaard een margin-bottom: 1em op.

FOK!-Schrikkelbaas dinsdag 17 januari 2006 @ 22:53:23 #151

Swetsenegger

Egocentrische Narcist

quote:
Op dinsdag 17 januari 2006 22:49 schreef SuperRembo het volgende:
Komt die ruimte niet door het form?
In FF zit daar in ieder geval standaard een margin-bottom: 1em op.

De ENIGE tag waar ik geen style in had gezet

Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!

woensdag 25 januari 2006 @ 19:09:03 #152

DutchBlood

Ik heb een divje, de container van het alles.
Daarin staat een afbeelding, met daarnaast een stukje tekst.
De tekst staat in een div. En nu wil ik het zo maken dat de tekst naast de afbeelding komt te staan.
Display:inline, heeft alleen effect op de eerste regel, en ik wil de hele div. Ik heb al met floats/clears zitten gochelen maar geen succes.

woensdag 25 januari 2006 @ 19:46:58 #153

the_disheaver

1
2
3
4
5
6
7
8

?

Of begrijp ik je niet goed?

woensdag 25 januari 2006 @ 20:03:24 #154

DutchBlood

quote:
Op woensdag 25 januari 2006 19:46 schreef the_disheaver het volgende:

[ code verwijderd ]

?

Of begrijp ik je niet goed?

Tis gelukt, met een clear: right; aan de text-div.

woensdag 25 januari 2006 @ 20:14:16 #155

DutchBlood

Een ander probleem. Ik heb dus nu het volgende:

1
2
3
4
5
6
7
8

En dit zo een aantal keer. Nu is het probleem dat wanneer de tekst korter is dan de afbeelding hoog is ie de volgende entry niet op een nieuwe regel zet.

Het gaat om deze pagina:
http://www.ruudmiddelrallyteam.nl/sponsoring.php

woensdag 25 januari 2006 @ 20:24:33 #156

the_disheaver

1
2
3
4
5
6
7
8

ofwel: clear: both ipv clear: right
toch niet

woensdag 25 januari 2006 @ 20:31:36 #157

the_disheaver

Maar dit wel: clear: both in de <hr> zetten

1
2
3
4
5
6
7
8

woensdag 25 januari 2006 @ 20:32:14 #158

the_disheaver

-dubbel-

[ Bericht 99% gewijzigd door the_disheaver op 25-01-2006 20:37:21 ]

woensdag 25 januari 2006 @ 20:59:57 #159

DutchBlood

quote:
Op woensdag 25 januari 2006 20:31 schreef the_disheaver het volgende:
Maar dit wel: clear: both in de <hr> zetten
[ code verwijderd ]

Thnx.

.

zaterdag 28 januari 2006 @ 03:04:02 #160

Castor

Obey the rules, miss the fun

quote:
Op woensdag 25 januari 2006 20:59 schreef DutchBlood het volgende:

[..]

Thnx. .

Paar kleine opmerkingen over je site:

Ik zou het menu veranderen van een tabel naar een CSS menu (zie bv. Listamatic)

<br>eaks gebruiken voor ruimte kan ook in je CSS opgelost worden door margins te vergroten van bepaalde elementen.

gebruik zo veel mogelijk semantische HTML ipv nietszeggende divs/spans

Voorbeeld:

1	<div id="titel">Sponsoring</div>

en

1	<div class="subtitle">Sponsoren van het Ruud Middel Rally Team</div>

Zou je beter als volgt kunnen neerzetten:

1 2	<h1>Sponsoring</h1> <h2>Sponsoren van het Ruud Middel Rally Team</h2>

Niet alleen beter te gebruiken voor mensen die je site zonder styles bekijken maar ook beter te "begrijpen" en dus beter te indexen door zoekmachines.

Verder ziet het er netjes uit hoor!

Castor's Photostream op Flickr

zaterdag 28 januari 2006 @ 13:41:16 #161

DionysuZ

Respect my authority!

Even een vraagje. Ik probeer verticaal centreren nog steeds goed werkend te krijgen met css. Zie bijvoorbeeld http://www.ruudvandevoort.nl. Maar als ik deze met IE voor de mac bekijk dan ziet het er verneukt uit. Volgens mij ligt dat aan het html, body { height: 100%; } maar dat weet ik niet zeker, iemand een oplossing, eventuele mac ie hack, daarvoor?

□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell

zaterdag 28 januari 2006 @ 13:51:22 #162

Berkery

Fat bastard

Allemaal CSS hacks op een rijtje: http://w3development.de/css/hide_css_from_browsers/summary/ of http://www.quirksmode.org/browsers/explorer5mac.html

Maar ik heb begrepen dat IE op de Mac niet meer ontwikkeld wordt, en ook nauwelijks meer gebruikt wordt.

[ Bericht 1% gewijzigd door Berkery op 28-01-2006 17:03:33 ]

Ich fälle Bäume und hupf und spring, steck Blumen in die Vas
Ich schlupf in Frauenkleider, und lummel mich in Bars

zaterdag 28 januari 2006 @ 15:46:13 #163

Castor

Obey the rules, miss the fun

quote:
Op zaterdag 28 januari 2006 13:41 schreef DionysuZ het volgende:
Even een vraagje. Ik probeer verticaal centreren nog steeds goed werkend te krijgen met css. Zie bijvoorbeeld http://www.ruudvandevoort.nl. Maar als ik deze met IE voor de mac bekijk dan ziet het er verneukt uit. Volgens mij ligt dat aan het html, body { height: 100%; } maar dat weet ik niet zeker, iemand een oplossing, eventuele mac ie hack, daarvoor?

Vergeet IE voor de mac. Klote browser, weinig gebruikt en wordt niet meer ondersteund. Ziet het er goed uit in Safari? Dan is het goed.

Castor's Photostream op Flickr

zaterdag 28 januari 2006 @ 16:44:54 #164

SuperRembo

Sinds 1998

En om Quirksmode over Explorer 5.2 Mac te citeren:

quote:
Bug ridden crash prone piece of junk

zaterdag 28 januari 2006 @ 20:38:28 #165

Nevermind

(-_-)

Dit probleem heeft met javascript en css te maken, maar de laatste leek me belangrijker, dus post ik het hier.

Ik wil dat iets er zo uit komt te zien:

Maar, tot op heden ziet het er alleen in Firefox een beetje uit zoals het moet zien. Firefox verschuift het menuutje alleen als je het inklapt (even refreshen als het toevallig wel goed werkt, de ene keer werkt het, de andere keer niet

)
http://82.168.244.204:1111/studio/studio.php

In IE werkt het javascript-gedeelte goed (geen overbodige ruimtes) en in Opera is het acceptabel als ik nog wat aanpassingen in de css doe.

Meld het even als de link het niet doet, het staat nu op mijn thuisserver.

Het CSS-probleem: Hoe krijg ik het goed in Opera en IE?
Het javascript-probleem (Firefox): Probeer het menuutje een paar keer in en uit te klappen en het verschuift naar beneden.

-edit-
Een tweede versie met wat kleine aanpassingen, blijft dezelfde fouten houden

[ Bericht 10% gewijzigd door Nevermind op 28-01-2006 21:08:29 ]

GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!

zaterdag 28 januari 2006 @ 21:39:38 #166

SuperRembo

Sinds 1998

Het probleem in FireFix is dat je de display style van de thead op 'block' zet. Dat is geen geldige waarde voor een thead element. Standaard heeft een thead element display:table-header-group. Het makkelijkste is het om style.display = 'block' te vervangen door style.display = ''. De lege string zorgt er voor dat de standaard waarde wordt gebruikt.

Een beetje vreemd dat je 2 keer een thead in een table hebt staan. Het lijkt me beter om 1 thead te gebruiken met 2 tr's.

[ Bericht 16% gewijzigd door SuperRembo op 28-01-2006 21:44:48 ]

zaterdag 28 januari 2006 @ 21:44:00 #167

Nevermind

(-_-)

SR, je bent geweldig

-edit-
dat is in de tweede en derde versie gefixt. en deze laatste werkt nu

[ Bericht 30% gewijzigd door Nevermind op 28-01-2006 21:50:07 ]

GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!

maandag 30 januari 2006 @ 20:57:16 #168

DutchBlood

Ik wil graag een fold-out menutje maken. Dus een menu met een aantal items die opengeklikt kunnen worden. Als de Windows verkenner.

Is dat mogelijk met css, of kan ik toch beter een oplossing met Javascript oid zoeken?

maandag 30 januari 2006 @ 21:29:10 #169

Berkery

Fat bastard

Dit gaat je niet cross-browser lukken met alleen CSS, maar er zijn genoeg kant en klare menu's te vinden op de betere DHTML sites.

Ich fälle Bäume und hupf und spring, steck Blumen in die Vas
Ich schlupf in Frauenkleider, und lummel mich in Bars

dinsdag 31 januari 2006 @ 10:17:59 #170

Desdinova

Olaa

ik heb een site met een aantal DIVs. om een voorbeeld te geven noem ik even de cda(.nl) site. stel dat elk vakje hier een eigen DIV is (denk even de onderste balk weg), en ik een resolutie van 2000x1500 draai (hypothetisch

), dan heb ik dus een open ruimte onderin. Hoe krijg ik de onderste DIVs helemaal uitgerekt tot onder? deze afstand is dus variabel per resolutie.

As a rule, I never touch anything more sophisticated and delicate than myself.

dinsdag 31 januari 2006 @ 15:05:16 #171

Autoreply

Ik loop ook ff vast met css, ik ben met mijn site bezig: site
en in een poging om ook de achtergrondkleur van de de cellen naar css te laten verwijzen loop ik vast.

Nu gebruik ik dus gewoon <tr bgcolor=..... /tr> en die wil ik laten verwijzen naar een stylesheet. Probleem is alleen dat ie hem niet pakt zodra je "over" meerdere cellen of tabellen heen wilt gaan, het enige wat me lukt is de achtegrondkleur van een lijn tekst te veranderen, maar de rest van de cel houdt zich daar ook niet aan.

Iemand enig idee hoe dit op te lossen?

[ Bericht 9% gewijzigd door Autoreply op 31-01-2006 15:13:07 ]

BMW R 1100 GS

dinsdag 31 januari 2006 @ 15:10:12 #172

Desdinova

Olaa

<td style="background-color: #000000;"> al geprobeerd?
of als je een externe stylesheet hebt;

style.css:
td.achtergrond { background-color: #000000; }

je htmlpagina:
<td class="achtergrond">

As a rule, I never touch anything more sophisticated and delicate than myself.

dinsdag 31 januari 2006 @ 15:12:46 #173

Autoreply

quote:
Op dinsdag 31 januari 2006 15:10 schreef Desdinova het volgende:
<td style="background-color: #000000;"> al geprobeerd?
of als je een externe stylesheet hebt;

style.css:
td.achtergrond { background-color: #000000; }

je htmlpagina:
<td class="achtergrond">

Je bent een held

BMW R 1100 GS

dinsdag 31 januari 2006 @ 16:57:23 #174

Autoreply

Ik zit met nog een vraagje: in Mozilla draait ie prima, maar in ie worden de kopjes die 14 en 20 zijn met dezelfde grootte als de tekst weergegeven. Ik vermoed dat dit al eerder gedefinieerd is voor die stukken. Normaal gesproken zou een tag hier toch overheen moeten gaan

Ook in Opera klopt hij niet helemaal, daar schijnt de middelste kolom er raar uit te zien. (Niet zelf gezien.)

=> http://www.jarnonieuwenhuize.nl

En let niet op de kleuren

BMW R 1100 GS

dinsdag 31 januari 2006 @ 17:07:29 #175

Berkery

Fat bastard

Heu, je hebt zelfs tags verzonnen: <kop1> en <kop2> - dat kan niet zomaar, dus de vraag is eigenlijk waarom Mozilla hier wel wat mee doet

En je moet in CSS altijd een eenheid meegeven bij de groottes:

font-size: 14 FOUT
font-size: 14px GOED.

<STYLE type="text/css">
en </style> horen ook niet in een externe style sheet.

Ich fälle Bäume und hupf und spring, steck Blumen in die Vas
Ich schlupf in Frauenkleider, und lummel mich in Bars

donderdag 2 februari 2006 @ 14:35:41 #176

DutchBlood

-editje-

[ Bericht 96% gewijzigd door DutchBlood op 02-02-2006 14:45:49 ]

zaterdag 4 februari 2006 @ 21:41:16 #177

DutchBlood

Ik ben bezig met de volgende pagina:
http://www.altijdlente.net/webdesign/portfolio/
Ik heb een container voor de content. Daarin staat het menu. Wanneer ik nu echter een andere div, bijvoorbeeld iets wat lijkt op een tabel in die content-container plaats komen de randen achter het menu door.

Heeft er iemand enig idee hoe ik dit op kan lossen?

zaterdag 4 februari 2006 @ 21:55:03 #178

SuperRembo

Sinds 1998

Waarom geef je een div display: table-cell: (en dan ook nog een dubbele punt aan het eind)

Je stylesheet eindigd me di, ontbreekt daar niet iets

Ik denk dat er een margin-left van ongeveer 200px ontbreekt op de content div.

zaterdag 4 februari 2006 @ 22:29:18 #179

DutchBlood

quote:
Op zaterdag 4 februari 2006 21:55 schreef SuperRembo het volgende:
Waarom geef je een div display: table-cell: (en dan ook nog een dubbele punt aan het eind)
Je stylesheet eindigd me di, ontbreekt daar niet iets

Ik denk dat er een margin-left van ongeveer 200px ontbreekt op de content div.

Danku, margin-left van 250px deed het.

.

zaterdag 4 februari 2006 @ 23:12:07 #180

SuperRembo

Sinds 1998

Ik snap die div met display: table-cell nog niet. Wat wil je daar me bereiken?

zaterdag 4 februari 2006 @ 23:16:43 #181

DutchBlood

quote:
Op zaterdag 4 februari 2006 23:12 schreef SuperRembo het volgende:
Ik snap die div met display: table-cell nog niet. Wat wil je daar me bereiken?

Ik had \\\'m er in eerste instantie neergezet om die content div naast het menu te krijgen. Maar nu blijkt het zonder ook te werken...

Had ik nog een vraagje:
Als ik een afbeelding hebt, kan ik daar dan op een makkelijke manier de tekst linksbovenaan in een regel krijgen? Met een display:inline komt ie namelijk onderaan te staan.
En een float:left zorgt er weer voor dat de afbeelding op een of andere manier buiten de border valt.

zondag 5 februari 2006 @ 23:02:18 #182

DutchBlood

Heeft er iemand nog toevallig de stylez.css van mijn site van gisteren in zijn temporary internet files staan?

zondag 5 februari 2006 @ 23:22:40 #183

SuperRembo

Sinds 1998

Bedoel je deze?

maandag 6 februari 2006 @ 08:45:55 #184

DutchBlood

quote:
Op zondag 5 februari 2006 23:22 schreef SuperRembo het volgende:
Bedoel je deze?

Danku, danku!

.

vrijdag 10 februari 2006 @ 15:10:20 #185

papernote

Een echte.

Ik maak nog gebruik van een <marquee> op mijn site. Deze tag is echter niet toegestaan door de HTML validator van het W3C.

Deze geeft aan dat ik het effect moet bereiken door middel van CSS. Ik heb gezocht, maar ik kan geen CSS code vinden die dit doet.

Weet iemand het soms?

Schuimpje... mijn liefste. Verlaat mij nimmer weer...

vrijdag 10 februari 2006 @ 15:16:08 #186

Berkery

Fat bastard

Als je persé een scrollende tekst wilt hebben moet je gewoon marquee gebruiken, met CSS kan dit niet, met DHTML zal dit wel kunnen. Maar waarom moeilijk doen? Zelfs FF snapt <marquee>, en je krijgt heus niet de W3C politie op je dak.

Ich fälle Bäume und hupf und spring, steck Blumen in die Vas
Ich schlupf in Frauenkleider, und lummel mich in Bars

woensdag 1 maart 2006 @ 10:18:42 #187

Chandler

Ik ben bezig met de volgende; een layout zonder images ed, voor het realiseren van een projectje van mij. Echter is de layout in FF/IE totaal anders... en kan maar niet voor elkaar krijgen dat ze identiek er uit zien. De menu's zijn groter (hoger) in FF en in FF heb ik geen spacing onder 'onderdelen' die ik in IE wel heb

iemand een idee?

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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>

    <title>test</title>
    <style type="text/css">

    * { font-family: Verdana; font-size: 13px;}
    h1 { font-size: 24px; border-bottom: 3px solid gray; margin-bottom: 5px;}
    h2 { font-size: 16px; padding-bottom: 5px; padding-top: 5px; }
    html { background: white;}
    body { margin: 0 auto; padding: 30px; background: #ddd; border-left: 1px solid gray; border-right: 1px solid gray;}
    #container { width: 600px; border-bottom: 3px solid gray;}

    #navcontainer { margin: 0; padding: 0; height: 22px; font: 13px Verdana, sans-serif; width: 100%; border-bottom: 1px solid #bbb; list-style-type: none; }
    #navlist li a#current:hover { border-bottom: 3px solid #f90; background: #eee; }
    #navlist li { float: left; margin: 0; padding: 0; width: auto; display: block; }
    #navlist li a, #navlist li a:link { font: 13px Verdana, sans-serif; color: #555; text-decoration: none; padding: 3px 5px 3px 5px; display: block; }
    #navlist li a:hover { font: 13px Verdana, sans-serif; color: #039; border-bottom: 3px solid #bbb; cursor: pointer; background: #eee; }
    #navlist li a#current, #navlist li a#current:link { color: #000; cursor: default; font-weight: bold; border-bottom: 3px solid #999; }

    #subcontainer { margin: 0; padding: 0; height: 15px; font: 9px Verdana, sans-serif; width: 100%; border-bottom: 1px solid #bbb; list-style-type: none; }
    .sublist ul { list-style-type: 0; }
    .sublist li, .sublist li a { list-style-type: none; text-decoration: none; color: gray; font: 9px Verdana, sans-serif; font-weight: bold; height: 15px; float: left; padding-top: 2px; padding-right: 10px;}
    .sublist li a:hover { color: black; list-style-type: none; text-decoration: none; }

    select { border: 1px solid gray; font: 9px Verdana, sans-serif; width: 250px; }
    .f_input { border: 1px solid gray; font: 9px Verdana, sans-serif; width: 250px;}
    .f_radio { border: 1px solid gray; width: 20px; }
    .f_check { border: 1px solid gray: width: 20px; }
    button { border: 1px solid gray; font: 9px Verdana, sans-serif; width: 250px; }
    textarea { border: 1px solid gray; width: 250px; height: 150px; }

    p { padding-left: 10px; padding-right: 10px; }
    .left { width: 200px; float: left; }
    .break { clear: both; }
    </style>

    <script language="javascript" type="javascript/text">
    </script>
</head>
<body>

    <div id="container">
        <h1>HEX2PHP Archive builder v2.0</h1>
        <div id="navcontainer">
            <ul id="navlist">
                <li id="active"><a href="#" id="current">Home</a></li>
                <li><a href="#">Settings</a></li>
                <li><a href="#">Installer settings</a></li>
                <li><a href="#">Installer data</a></li>
                <li><a href="#">Help</a></li>
            </ul>
        </div>
        <div id="subcontainer">
            <ul class="sublist">
                <li><a href="#">Settings</a></li>
                <li><a href="#" id="current">Disclamer</a></li>
                <li><a href="#">Function checks</a></li>
            </ul>
        </div>
        <div id="subcontainer">
            <ul class="sublist">
                <li><a href="#" id="current">Files and paths</a></li>
                <li><a href="#">MySQL (database)</a></li>
            </ul>
        </div>

        <div id="home">

        </div>

        <div id="settings">

            <h2>Settings</h2>

            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse tortor lorem, pellentesque quis, tristique id, iaculis eu, augue. Sed aliquet, enim a gravida mollis, pede mauris commodo nunc, in mollis eros mauris et urna. Cras adipiscing. Praesent viverra rutrum purus. Aliquam scelerisque vehicula nisi. Duis at libero. In ornare interdum mi. Aenean eget dolor pulvinar enim commodo tempus. Nulla facilisi. In et libero. Donec nonummy, tortor eu dapibus tempus, lorem dui lobortis nunc, at sodales mi metus vel leo. </p>

            <div class="left">Pulldown optie</div>
            <div class="left">
                <select><option value="kut">Whahahahahahahaha</option></select>
            </div>
            <div class="break"></div>

            <div class="left">Input veld</div>
            <div class="left">
                <input class="f_input" type="text" name="test" value="invoerveld" />
            </div>
            <div class="break"></div>

            <div class="left">Button</div>
            <div class="left">
                <input class="f_input" type="button" name="test" value="Button" />
            </div>
            <div class="break"></div>

            <div class="left">Radio</div>
            <div class="left">
                Yes <input class="f_radio" type="radio" name="test" value="Button" />
                No <input class="f_radio" type="radio" name="test" value="Button" />
            </div>
            <div class="break"></div>

            <h2>Profiles</h2>

            <div class="left">Check</div>
            <div class="left">
                Yes <input class="f_check" type="checkbox" name="test" value="Button" />
                No <input class="f_check" type="checkbox" name="test" value="Button" />
            </div>
            <div class="break"></div>

            <div class="left">Textarea</div>
            <div class="left">
                <textarea name="input">tralalala</textarea>
            </div>
            <div class="break"></div>
        </div>
    </div>
</body>
</html>

Just say hi!

woensdag 1 maart 2006 @ 13:37:09 #188

Tijn

Powered by MS Paint

Ik ben een kneus met CSS. Ik zit er altijd mee te kutten. Zo ook vandaag.

Wat ik wil maken is een site met deze structuur.

Wat ik zou willen is dat als de sidebar wat korter uitvalt het er zo uitziet en dat als de sidebar wat langer uitvalt het er zo uitziet.

Het lukt me echter niet. Ik krijg steeds constructies die er zo of zo uitzien.

Ik heb geprobeerd te werken met de sidebar en de content als float:right en float:left. Ik heb ook absolute plaatsing geprobeerd. Maar het blijft kut.

Kan iemand me uitleggen hoe ik het wèl moet aanpakken?

Verberg de nieuwsticker

woensdag 1 maart 2006 @ 13:59:31 #189

Autoreply

Wat is het bezwaar tegen tabellen?

BMW R 1100 GS

woensdag 1 maart 2006 @ 14:01:34 #190

Tijn

Powered by MS Paint

quote:
Op woensdag 1 maart 2006 13:59 schreef Autoreply het volgende:
Wat is het bezwaar tegen tabellen?

Wat mij betreft niets, maar ik dacht dat dat uit den boze was

Verberg de nieuwsticker

woensdag 1 maart 2006 @ 14:16:57 #191

SuperRembo

Sinds 1998

@Tijn:
Zet de content en sidebar divs beide in de main div. Zet net voor het einde van de main div een div met alleen clear:both.

woensdag 1 maart 2006 @ 14:20:15 #192

Litpho

quote:
Op woensdag 1 maart 2006 13:37 schreef Tijn het volgende:
Kan iemand me uitleggen hoe ik het wèl moet aanpakken?

Zoiets?

[ Bericht 85% gewijzigd door Litpho op 01-03-2006 14:22:11 (kut IE) ]

A gentleman is a man who can play Jump on an Oberheim and chooses not to.

woensdag 1 maart 2006 @ 14:21:33 #193

Tijn

Powered by MS Paint

quote:
Op woensdag 1 maart 2006 14:16 schreef SuperRembo het volgende:
@Tijn:
Zet de content en sidebar divs beide in de main div. Zet net voor het einde van de main div een div met alleen clear:both.

Geniaal! Het werkt!

Maar is zo'n oplossing niet een lapmiddel? Of is er gewoon geen manier om dit goed te krijgen zonder onzichtbare divs te maken?

Verberg de nieuwsticker

woensdag 1 maart 2006 @ 14:25:08 #194

SuperRembo

Sinds 1998

Misschien kan je in jouw geval de footer ook in de main div zetten en dan de clear:both op de footer.

woensdag 1 maart 2006 @ 14:30:18 #195

Tijn

Powered by MS Paint

Dat zou inderdaad ook wel werken. Maar dat vind ik qua structuur niet zo'n goeie oplossing. Ik ga me dan geheid een keer afvragen wat die dubbele </div> onderaan doet en haal het dan weg

Dan doe ik het liever met de onzichtbare div.

Maar dit is wel waarom ik zo'n moeite met CSS heb, zelfs voor simpele dingen die voor m'n gevoel heel clean zouden moeten kunnen, moet je rare bokkensprongen maken.

Verberg de nieuwsticker

woensdag 1 maart 2006 @ 16:21:16 #196

Chandler

Ik ben ook een kneus met css, maar gaat steeds iets beter... maar Sr, heb je geen idee wat er fout gaat bij mij?

Just say hi!

woensdag 1 maart 2006 @ 17:26:49 #197

SuperRembo

Sinds 1998

Er zitten iig 2 kleine foutjes in je css.
Verder zullen de verschillen die je tussen IE en FF ziet wel komen door de verschillende box models (zie bijv quirksmode.org)

quote:
1. In the W3C box model, the width of an element gives the width of the content of the box, excluding padding and border.
2. In the traditional box model, the width of an element gives the width between the borders of the box, including padding and border.

Je geeft vaak de breedte (of hoogte) van een element en ook een border of padding. Daardoor zie je de verschillen.

Je gebruikt ook meerdere keren dezelfde id, terwijl een id uniek moet zijn. Daardoor werkt je "current" style niet goed. (Dat gaat ook in IE fout)

donderdag 2 maart 2006 @ 17:47:34 #198

Piles

Ik heb van deze site een menu gehaald, en het werkt perfect. Op 1 ding na.
Ik heb een aantal "hoofditems" naast elkaar, maar als het browser venster te smal word voor het totale menu, dan springt het laatste blokje naar de volgende regel. En dan werkt je menu niet meer zo lekker

Hoe zorg ik dat de hoofditems altijd naast elkaar blijven staan, en dat er dan gewoon een horizontale scrollbar komt. Ik heb al wat geprobeer met nowrap, en een div er omheen, maar dat werkt niet

Misschien dat jullie een oplossing weten?

vrijdag 3 maart 2006 @ 11:04:18 #199

Desdinova

Olaa

ik denk dat je moet kijken naar je float

As a rule, I never touch anything more sophisticated and delicate than myself.

vrijdag 3 maart 2006 @ 11:12:18 #200

Roonaan

Strictly

quote:
Op woensdag 1 maart 2006 14:21 schreef Tijn het volgende:
Geniaal! Het werkt!

Maar is zo'n oplossing niet een lapmiddel? Of is er gewoon geen manier om dit goed te krijgen zonder onzichtbare divs te maken?

De enige manier om te zorgen dat opvolgende content onder je floats begint is om een element te plaatsen dat geen floats dult aan een van beide of beide kanten.
Daarvoor kan je een lege clearing-div gebruiken zoals SR, of de clear-both toe te voegen aan je opvolgende content-element.

Verders is het zo dat floatende content de container div niet opstretchen in de hoogte. Om te zorgen dat je container toch de complete floats omvat kan je dat oplossen door te eindigen met een non-floating element; deze stretchen vervolgens je container wel op.

Omdat er vaak container divs zijn die enkel floatende elementen bevatten wordt weer de clearing-div gebruikt. Met of zonder content maakt eigenlijk niet uit, zolang je hij maar niet float :-)

vrijdag 3 maart 2006 @ 20:06:52 #201

Piles

Ik heb een voorbeeldje online gezet: http://www.piles.nl/hosting/menu.html
Als je nu je scherm heel smal maakt valt het 3e item naar beneden, en dat moet dus niet

vrijdag 3 maart 2006 @ 20:24:26 #202

the_disheaver

quote:
Op vrijdag 3 maart 2006 20:06 schreef Piles het volgende:
Ik heb een voorbeeldje online gezet: http://www.piles.nl/hosting/menu.html
Als je nu je scherm heel smal maakt valt het 3e item naar beneden, en dat moet dus niet

ehh, ik neem aan dat je een header ofzo krijgt. Kun je daar niet mbv een vaste breedte of afbeelding voor zorgen dat indien je een smal scherm hebt, er verticale scrolldingen komen?

vrijdag 3 maart 2006 @ 20:38:35 #203

Vlek

quote:
Op vrijdag 3 maart 2006 20:06 schreef Piles het volgende:
Ik heb een voorbeeldje online gezet: http://www.piles.nl/hosting/menu.html
Als je nu je scherm heel smal maakt valt het 3e item naar beneden, en dat moet dus niet

Zet een div om je list heen, en geef die een vaste breedte, of een tabel.

Ow, en dat leuke css trucje voor een dropdown menu, werkt niet in internet explorer

minimalist

vrijdag 3 maart 2006 @ 20:52:14 #204

Piles

Ik heb ul#nav de totale width van alle items gegeven (30em) en dan werkt het gewoon

Waarom ben ik hier al een week naar aan het zoeken

En over IE, mn orginele stukje (Java)script werkt gewoon, dus dat komt helemaal goed

zondag 5 maart 2006 @ 17:04:59 #205

ChOas

** Warning: Choking hazard **

Hallo!

Ik zit nu sinds een paar dagen ook met CSS te klooien maar ik heb af en toe het idee dat ik dingen
fout en omslachtig doe.

Dit is mijn testpagina: http://choas.smdc-network.org/test/

(Sorry, drag en drop werkt op dit moment alleen in Safari en FireFox want ik heb geen IE om te testen)

Hebben jullie tips over hoe ik bijvoorbeeld die menu divs aan kan passen zodat de breedte niet in
de binnendiv gespecificeert hoeft te zijn ? En is dit zo een beetje netjes opgebouwd ?

"I contend that we are both atheists. I just believe in one fewer god than you do.
When you understand why you dismiss all the other possible gods, you will understand why I dismiss yours."
[Stephen Roberts]

maandag 6 maart 2006 @ 16:51:43 #206

Desdinova

Olaa

ik heb al vaker gehad dat als ik 1 div boven de ander laat floaten, de onderliggende div een eind naar beneden opschuift (heel toevallig de grootte van de bovenliggende div). waarschijnlijk vergeet ik iets aan te geven. iemand een idee?

<div style="position: relative; z-index: 0; width: 780px; height: 100%; overflow: hidden; vertical-align: top;">

<div id="float" style="position: relative; top: 80; left: 300; width: 331px; height; 145px; z-index: 1; background-image: url(test.PNG); background-position: top right;"><img

src="window.PNG"></div>

rest van de content

</div>

As a rule, I never touch anything more sophisticated and delicate than myself.

maandag 6 maart 2006 @ 20:16:57 #207

Pizza_Shooter

Even een vraagje..

Ik heb een tabel die als menu fungeert met wat links erin. Nu wil ik graag dat de achtergondkleur van de tabel verandert als je op een link gaat staan. Dat moet met css kunnen, alleen a:hover {background-color: blue} werkt natuurlijk niet. Hoe moet ik duidelijk maken dat ik de achtergrondkleur van een bepaald div-id wil veranderen?

Alvast bedankt.

"There are no short cuts to any place worth going"
- Beverly Sills

maandag 6 maart 2006 @ 20:51:20 #208

Desdinova

Olaa

div.class:hover

class natuuk vervangen met classname van je div
dus <div class="test"> maakt div.test:hover { background-color: #ff0000; }

As a rule, I never touch anything more sophisticated and delicate than myself.

maandag 6 maart 2006 @ 21:17:31 #209

Pizza_Shooter

quote:
Op maandag 6 maart 2006 20:51 schreef Desdinova het volgende:
div.class:hover

class natuuk vervangen met classname van je div
dus <div class="test"> maakt div.test:hover { background-color: #ff0000; }

Maar wat nou als ik die class ook ergens anders voor gebruik?

Dus om bijv. de border-color en text-align aan wil geven, maar dan niet alleen in de hover, maar voor altijd. Krijg je dan twee .cell classes?

"There are no short cuts to any place worth going"
- Beverly Sills

Lieve Belg maandag 6 maart 2006 @ 21:19:27 #210

Jump

[Belg.] Jump (de ~ (m.))

Ook centraal

Op zondag 28 oktober 2007 01:07 schreef clumsy_clown het volgende:
Jump daarentegen, is wáy minder braaf en lief dan hij lijkt
          «shmoop|dingen» jawel, jij bent Superjump

maandag 6 maart 2006 @ 21:22:43 #211

Pizza_Shooter

Even voor de duidelijkheid.. ik heb nu dit:

In style.css

1
2
3
4
5
6
7
8
9
10

.cel   {
        border-left: 1px SOLID;
         border-right: 1px SOLID;
         border-bottom: 1px SOLID;
         border-top: 1px SOLID;
          border-color: #CAE4F7;
         background-color: #4584CB;
         text-align: center;
         font-weight: bold;
        }

In het html-bestand

1
2
3

...
<td class="cel"><a href="http://www.hapsieflapsie.nl">Home</a></td>
...

Waar en hoe voeg ik die hover toe zodat de hele achtergrond van die cel een bepaalde kleur wordt?

"There are no short cuts to any place worth going"
- Beverly Sills

maandag 6 maart 2006 @ 21:31:48 #212

Desdinova

Olaa

.cel:hover {
background-color: #ff0000;
}

that's it. maar alles met cel wordt idd dan onmouseover die kleur, dus dan moet je daar een extra style voor aanmaken.

je kan natuurlijk ook een javascript mouseover gebruiken.

As a rule, I never touch anything more sophisticated and delicate than myself.

maandag 6 maart 2006 @ 23:16:56 #213

SuperRembo

Sinds 1998

:hover werkt in IE alleen op links, dus niet op bijvoorbeeld een td. Verder kan je met css ook niet aangeven dat als je met je muis over de <a> gaat, dan dan de kleur van de <td> moet wijzigen.
Wat je wel zou kunnen doen is de <a> display:block geven, om er voor te zorgen dat de link net zo groot wordt als de <td>.
Asl je dat niet wil dan heb je javascript nodig.

maandag 6 maart 2006 @ 23:35:25 #214

Desdinova

Olaa

quote:
Op maandag 6 maart 2006 23:16 schreef SuperRembo het volgende:
:hover werkt in IE alleen op links, dus niet op bijvoorbeeld een td. Verder kan je met css ook niet aangeven dat als je met je muis over de <a> gaat, dan dan de kleur van de <td> moet wijzigen.
Wat je wel zou kunnen doen is de <a> display:block geven, om er voor te zorgen dat de link net zo groot wordt als de <td>.
Asl je dat niet wil dan heb je javascript nodig.

ik had nooit wat gehoord van display tot kort, en nu word ik dr opeens mee dood gegooid overal

is dit nieuw?

goed om te weten van de hover trouwens. wist ik niet.

As a rule, I never touch anything more sophisticated and delicate than myself.

dinsdag 7 maart 2006 @ 17:09:59 #215

Pizza_Shooter

quote:
Op maandag 6 maart 2006 23:16 schreef SuperRembo het volgende:
:hover werkt in IE alleen op links, dus niet op bijvoorbeeld een td. Verder kan je met css ook niet aangeven dat als je met je muis over de <a> gaat, dan dan de kleur van de <td> moet wijzigen.
Wat je wel zou kunnen doen is de <a> display:block geven, om er voor te zorgen dat de link net zo groot wordt als de <td>.
Asl je dat niet wil dan heb je javascript nodig.

Met display:block wordt het inderdaad heel klein en das niet de bedoeling. Nouja, dan kan het dus niet met css. Bedankt in ieder geval.

Edit: het is al gelukt met een eenvoudige onMouseover.

[ Bericht 4% gewijzigd door Pizza_Shooter op 07-03-2006 17:45:50 ]

"There are no short cuts to any place worth going"
- Beverly Sills

dinsdag 7 maart 2006 @ 21:37:02 #216

DutchBlood

Ik heb een div, en nu wil ik dat alle <h1> tags die binnen die div gebruikt worden als kleur bv. paars krijgen, hoe doe ik dat? Dmv. iets van inheretance oid dus.

dinsdag 7 maart 2006 @ 21:40:26 #217

Berkery

Fat bastard

1
2
3

div h1{
color: Purple;
}

Zie ook http://www.w3.org/TR/REC-CSS2/selector.html - met de opmerking dat de meeste niet werken in IE...

Ich fälle Bäume und hupf und spring, steck Blumen in die Vas
Ich schlupf in Frauenkleider, und lummel mich in Bars

dinsdag 7 maart 2006 @ 22:39:13 #218

DutchBlood

quote:
Op dinsdag 7 maart 2006 21:40 schreef Berkery het volgende:

[ code verwijderd ]

Zie ook http://www.w3.org/TR/REC-CSS2/selector.html - met de opmerking dat de meeste niet werken in IE...

IE is er inderdaad niet blij mee...:
http://www.altijdlente.net/photography/album/

Nogal rare dingen.

vrijdag 10 maart 2006 @ 12:22:49 #219

qu63

..de tijd drinkt..

ok, ik heb een fucking irritant probleem:

een aantal pagina's van mijn website zijn te groot voor 1 scherm, en dus moet er gescrolled worden. http://www.ahrenstravel.nl/prijzen.php is dus zo'n voorbeeld. als ik in FireFox via beeld --> paginastijl kies voor "geen stijl", is de pagina wel scrolbaar. Ook in IE is ie niet scrollbaar op mijn pc. nu was ik laatst bij iemand anders. had ook IE, maar kon wél scrollen. het enige verschil was de schermresolutie. In de tussentijd heb ik niks aan de site veranderd, dus dat is het niet. iemand enig idee hoe ik er nu voor kan zorgen dat de pagina altijd scrollbaar is? is dat te doen met css?

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

vrijdag 10 maart 2006 @ 12:31:33 #220

Tijn

Powered by MS Paint

CSS kent de overflow-property voor content die groter is dan z'n box. Als je voor betreffende box deze op "scroll" zet, zou het moeten werken toch? Of op "auto", dan krijg je alleen een scrollbar als de content ook daadwerkelijk groter is, in plaats van altijd.

Verberg de nieuwsticker

vrijdag 10 maart 2006 @ 12:38:40 #221

qu63

..de tijd drinkt..

quote:
Op vrijdag 10 maart 2006 12:31 schreef Tijn het volgende:
CSS kent de overflow-property voor content die groter is dan z'n box. Als je voor betreffende box deze op "scroll" zet, zou het moeten werken toch? Of op "auto", dan krijg je alleen een scrollbar als de content ook daadwerkelijk groter is, in plaats van altijd.

dit bedoel je?

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

vrijdag 10 maart 2006 @ 12:42:18 #222

Tijn

Powered by MS Paint

Ja.

Verberg de nieuwsticker

vrijdag 10 maart 2006 @ 12:45:50 #223

qu63

..de tijd drinkt..

quote:
Op vrijdag 10 maart 2006 12:42 schreef Tijn het volgende:
Ja.

en dat werkt ook voor de <body> tag en alles wat er dan onder valt? want het is eigenlijk een <td> uit een tabel die niet scrollt..

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

vrijdag 10 maart 2006 @ 12:48:07 #224

Tijn

Powered by MS Paint

Oh het zijn tables. Misschien kun je er beter divs van maken dan.

Verberg de nieuwsticker

vrijdag 10 maart 2006 @ 12:51:50 #225

qu63

..de tijd drinkt..

quote:
Op vrijdag 10 maart 2006 12:48 schreef Tijn het volgende:
Oh het zijn tables. Misschien kun je er beter divs van maken dan.

dat had ik eerst, maar IE trok dat niet

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

vrijdag 10 maart 2006 @ 13:29:34 #226

Roonaan

Strictly

Als je een div in je td doet, zou het wel moeten werken. td is geen block-type element, was de reden geloof ik.

vrijdag 10 maart 2006 @ 14:37:51 #227

qu63

..de tijd drinkt..

toch een workaroundje gevonden

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

vrijdag 10 maart 2006 @ 22:17:25 #228

markiemark

FR 1908

ik heb een divje van 1px hoog en 419px in width.. dit wil ik als lijn laten werken. in FF gaat het goed, maar in IE wordt het een dikkere lijn.... hoe los ik dit op/

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

vrijdag 10 maart 2006 @ 22:28:23 #229

Roonaan

Strictly

font-size:1px of overflow:hidden;

-r-

zaterdag 11 maart 2006 @ 11:52:01 #230

markiemark

FR 1908

thnx Roonaan... nu zit ik met het volgende..

Ik heb twee divjes die ik naast elkaar wil plaatsen.. dit kan met float: left;, dat werkt ook wel, maar als ik dan een width ga toekennen aan de div's, komen ze alsnog onder elkaar komen te staan..'

hoe los ik dit op?

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

zaterdag 11 maart 2006 @ 12:29:20 #231

Roonaan

Strictly

Container div die groter is dan de totale breedte toevoegen zal misschien werken. Hangt er een beetje vanaf.

-r-

zaterdag 11 maart 2006 @ 12:45:01 #232

markiemark

FR 1908

eeuhmm nee al geprobeerd.. het is zo dat als ik het width element toe voeg, dat hij dan ineens onder elkaar gaat staan ondanks de float: left; eigenschap die ik mee geef aan de linker div..
zelfs als ik de divs's instel op width: 10px; komen ze onder elkaar te staan, terwijl de container div 500pox breed is...

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

zaterdag 11 maart 2006 @ 14:53:12 #233

Castor

Obey the rules, miss the fun

quote:
Op zaterdag 11 maart 2006 12:45 schreef markiemark het volgende:
eeuhmm nee al geprobeerd.. het is zo dat als ik het width element toe voeg, dat hij dan ineens onder elkaar gaat staan ondanks de float: left; eigenschap die ik mee geef aan de linker div..
zelfs als ik de divs's instel op width: 10px; komen ze onder elkaar te staan, terwijl de container div 500pox breed is...

Float beide elementen left. Dan komen ze naast elkaar te staan.

Castor's Photostream op Flickr

zaterdag 11 maart 2006 @ 16:30:51 #234

Vlek

quote:
Op zaterdag 11 maart 2006 12:45 schreef markiemark het volgende:
eeuhmm nee al geprobeerd.. het is zo dat als ik het width element toe voeg, dat hij dan ineens onder elkaar gaat staan ondanks de float: left; eigenschap die ik mee geef aan de linker div..
zelfs als ik de divs's instel op width: 10px; komen ze onder elkaar te staan, terwijl de container div 500pox breed is...

Voeg een display: block; aan je css toe, tenminste als je een top en left meegegeven hebt.

minimalist

zaterdag 11 maart 2006 @ 21:48:21 #235

SuperRembo

Sinds 1998

Een div heeft standaard al display:block.

zondag 12 maart 2006 @ 16:10:17 #236

Desdinova

Olaa

zet de border in je containerdiv aan en check wattie uitspookt

As a rule, I never touch anything more sophisticated and delicate than myself.

dinsdag 14 maart 2006 @ 11:30:52 #237

mschol

ik momenteel een pagina waar 2 text velden instaan en 2 dropdown menuutjes (<select> tag)
de inhoud van de select tags die is niet even lang als de textvelden
hoe krijg ik het voor elkaar dat de textvelden + dropdown velden even lang worden..
zie als voorbeeld(hoe ik het dus niet wil hebben, het dropdown menuutje moet evenlang zijn als het textveld.)
de volgende pagina
http://fia181-83.dsl.hccnet.nl/test

dinsdag 14 maart 2006 @ 11:52:05 #238

Roonaan

Strictly

style="width:100px;"

-r-

dinsdag 14 maart 2006 @ 21:53:33 #239

qu63

..de tijd drinkt..

niet helemaal CSS, maar ik hoop toch een antwoord te krijgen.. op www.ahrenstravel.nl staat aan de bovenkant een logo. dat logo heb ik gemaakt in paint shop pro. achtergrondkleur is #FFCC66 (255,204,102), diezelfde kleur gebruik ik over de hele pagina. In FireFox gaat alles goed, maar Internet Explorer maakt van mijn mooie plaatje een andere kleur!

volgens mn colorpicker extensie is dat #FFC65B(255, 198, 91)

enig idee wat ik er aan kan doen?

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

dinsdag 14 maart 2006 @ 22:05:26 #240

Piles

quote:
Op dinsdag 14 maart 2006 21:53 schreef qu63 het volgende:
niet helemaal CSS, maar ik hoop toch een antwoord te krijgen.. op www.ahrenstravel.nl staat aan de bovenkant een logo. dat logo heb ik gemaakt in paint shop pro. achtergrondkleur is #FFCC66 (255,204,102), diezelfde kleur gebruik ik over de hele pagina. In FireFox gaat alles goed, maar Internet Explorer maakt van mijn mooie plaatje een andere kleur! volgens mn colorpicker extensie is dat #FFC65B(255, 198, 91)

enig idee wat ik er aan kan doen?

Bij mij is de achtergrond grijs in IE, omdat deze geen transparantie bij PNG ondersteund

Nog een tip: Verzin iets anders dan jong en dynamisch

http://www.google.nl/search?q=%22jong+en+dynamisch%22

dinsdag 14 maart 2006 @ 22:06:26 #241

qu63

..de tijd drinkt..

quote:
Op dinsdag 14 maart 2006 22:05 schreef Piles het volgende:

[..]

Bij mij is de achtergrond grijs in IE, omdat deze geen transparantie bij PNG ondersteund

oh fuck, ik zet het juiste plaatje weer ff terug

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

dinsdag 14 maart 2006 @ 22:09:14 #242

qu63

..de tijd drinkt..

aangepast..

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

dinsdag 14 maart 2006 @ 23:06:37 #243

DutchBlood

Websafe kleuren gebruiken voor de afbeelding, of van de letters een transparante gif maken.

dinsdag 14 maart 2006 @ 23:20:35 #244

SuperRembo

Sinds 1998

quote:
Op dinsdag 14 maart 2006 23:06 schreef DutchBlood het volgende:
Websafe kleuren gebruiken voor de afbeelding, of van de letters een transparante gif maken.

Websafe is zoooo 20e eeuw

dinsdag 14 maart 2006 @ 23:22:46 #245

DutchBlood

quote:
Op dinsdag 14 maart 2006 23:20 schreef SuperRembo het volgende:

[..]

Websafe is zoooo 20e eeuw

Hmm.

Maar hoe ontstaat dat kleurverschil dan?

woensdag 15 maart 2006 @ 02:46:26 #246

Tiemie

sowieso wel!

-edit-

lama, eerst maar es zorgen dat het er onder IE ook goed uitziet

.

woensdag 15 maart 2006 @ 09:20:50 #247

qu63

..de tijd drinkt..

quote:
Op dinsdag 14 maart 2006 23:06 schreef DutchBlood het volgende:
Websafe kleuren gebruiken voor de afbeelding, of van de letters een transparante gif maken.

ik heb er een gifje van gemaakt. dat werkt wel

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

woensdag 15 maart 2006 @ 13:53:00 #248

wonko

Fap

Iemand die een goede tutorial weet voor het maken van eenvoudige menu's met submenu's in css + javascript? Zowel horizontaal als verticaal zijn welkom.

Geloven is zeker weten dat je het niet weet.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.

woensdag 15 maart 2006 @ 14:01:59 #249

Piles

quote:
Op woensdag 15 maart 2006 13:53 schreef wonko het volgende:
Iemand die een goede tutorial weet voor het maken van eenvoudige menu's met submenu's in css + javascript? Zowel horizontaal als verticaal zijn welkom.

http://www.webmastercity.nl/forum/viewtopic.php?t=20070

woensdag 15 maart 2006 @ 15:36:05 #250

wonko

Fap

quote:
Op woensdag 15 maart 2006 14:01 schreef Piles het volgende:

[..]

http://www.webmastercity.nl/forum/viewtopic.php?t=20070

Dat is een goede...tanx.
Maar nu nog verticaal.

Geloven is zeker weten dat je het niet weet.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.

woensdag 15 maart 2006 @ 20:43:11 #251

DutchBlood

Ik heb een div, die een container is voor twee andere divs. Nu wil ik de achtergrond van het geheel zwart krijgen. In IE werkt het als ik de container zwart maak, maar in Firefox gebeurd er niks. Ik definineer de achtergrond van de twee andere div's dus niet.

woensdag 15 maart 2006 @ 21:54:24 #252

SuperRembo

Sinds 1998

Ik gok dat je de divs in de container een float of position absolute hebt gegeven. Dan zitten er dus geen elementen meer in de container die de hoogte bepalen, de hoogte wordt dus 0. Dat kan je ook zien als je er een border op zet (of met de DOM inspector natuurlijk).
Als je floats hebt gebruikt dan zal je een element met clear:both moeten toevoegen.

woensdag 15 maart 2006 @ 22:22:15 #253

Chandler

Sr, weet jij misschien een site die een soortement van windows achtige CSS style layout? dat lijkt op windows schermen oid? maar dan zonder images?

weet dat het een pittige vraag is

Just say hi!

woensdag 15 maart 2006 @ 22:24:13 #254

qu63

..de tijd drinkt..

quote:
Op woensdag 15 maart 2006 22:22 schreef Chandler het volgende:
Sr, weet jij misschien een site die een soortement van windows achtige CSS style layout? dat lijkt op windows schermen oid? maar dan zonder images? weet dat het een pittige vraag is

http://desktop.trovster.com/desktop/ zoiets?

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

donderdag 16 maart 2006 @ 06:13:24 #255

ChOas

** Warning: Choking hazard **

quote:
Op woensdag 15 maart 2006 22:22 schreef Chandler het volgende:
Sr, weet jij misschien een site die een soortement van windows achtige CSS style layout? dat lijkt op windows schermen oid? maar dan zonder images? weet dat het een pittige vraag is

OS X beginnetje : http://choas.smdc-network.org/test

Niet gemaakt voor IE

"I contend that we are both atheists. I just believe in one fewer god than you do.
When you understand why you dismiss all the other possible gods, you will understand why I dismiss yours."
[Stephen Roberts]

donderdag 16 maart 2006 @ 08:27:27 #256

Chandler

qu63 eb ChOas: ik bedoel eingelijk meer van windows schermen (meer in de zin van een applicatie)..

Just say hi!

donderdag 16 maart 2006 @ 11:22:51 #257

SuperRembo

Sinds 1998

Als je geen plaatjes wil gebruiken, dan blijven er dus alleen kleuren, borders en fonts over. Dat is vrij simpel om te maken.

donderdag 16 maart 2006 @ 12:15:07 #258

the_disheaver

quote:
Op donderdag 16 maart 2006 06:13 schreef ChOas het volgende:
Niet gemaakt voor IE

+ Opera

donderdag 16 maart 2006 @ 19:16:06 #259

Chandler

quote:
Op donderdag 16 maart 2006 11:22 schreef SuperRembo het volgende:
Als je geen plaatjes wil gebruiken, dan blijven er dus alleen kleuren, borders en fonts over. Dat is vrij simpel om te maken.

Dat zou je zeggen inderdaad, maar helaas geld dat voor mij niet

Ik wil iets hebben waarin ik mijn PHP2HEX stap voor stap kan zetten... maar goed... ik blijf zoeken.

Just say hi!

donderdag 16 maart 2006 @ 20:55:27 #260

blieblie

Ik heb een div vraagje.
Mag je niet in DIV's 1 variabele veranderen uit de stylesheet?
Ik heb:

quote:
<div id="dayoverview" align="center" style="left:30;">235px<hr></div>

En in de stylesheet staat

quote:
#dayoverview
{
position:absolute;
top:160px;
width:200px;
z-index:5;
background-color: #EEEEEE;
}

De reden waarom ik de "left" apart heb staan is omdat ik em elke keer met 205 pixels op wil hogen.
Helaas gebeurd er niets in FF en IE

. In de bron staat het goed, maar in de browser zelf gebeurd er niets.

Audioscrobbler _O_
Poezel

donderdag 16 maart 2006 @ 21:08:27 #261

SuperRembo

Sinds 1998

Maak er eens "left:30px" van.

(Pas trouwens ook ff je usericon aan zodat ie echt 60x60px is. 72kb is een beetje veel voor 1 zo'n plaatje. Wel een mooie kat

)

[ Bericht 79% gewijzigd door SuperRembo op 16-03-2006 21:19:56 ]

donderdag 16 maart 2006 @ 23:06:02 #262

Litso

Interlectueel.

Mensen, ik heb een CSS probleempje.

Ik heb een pagina met daarop een vlak waar tekst komt te staan. Dit is een div met achtergrondkleur, en daarbinnen wil ik per alinea tekst een aparte div. Om en om komt er in elke alinea ofwel links ofwel rechts een plaatje te staan, die de betreffende kant op float.

Het probleem is alleen dat als de eerste alinea een plaatje heeft dat naar links float en de alinea niet helemaal tot onderaan het plaatje komt, de tweede alinea omhoog kruipt en ook al tegen het plaatje aan gaat zitten, ookal zijn het twee verschillende div's.

(voor als het niet duidelijk is, hier is het te zien: http://litso.com/school/geo/nieuw/h1_par2.htm )

De structuur is dus:

1
2
3
4
5
6
7
8
9
10
11

<div waar alle alinea's inkomen>
  <h1> (Titel)</h1>
  <div voor de eerste alinea>
      <plaatje dat naar links float>
      <p (eerste alinea)>tekst</p>
  </div>
  <div voor de tweede alinea>
      <plaatje dat naar rechts float>
      <p (tweede alinea)>tekst</p>
   </div>
</div>

En het ziet er zo uit:

1
2
3
4
5
6
7
8
9

[ Bericht 10% gewijzigd door Litso op 16-03-2006 23:15:06 ]

vrijdag 17 maart 2006 @ 01:21:02 #263

Litso

Interlectueel.

Niemand?

vrijdag 17 maart 2006 @ 04:40:06 #264

blieblie

quote:
Op donderdag 16 maart 2006 21:08 schreef SuperRembo het volgende:
Maak er eens "left:30px" van.

(Pas trouwens ook ff je usericon aan zodat ie echt 60x60px is. 72kb is een beetje veel voor 1 zo'n plaatje. Wel een mooie kat )

Oei

, en daar gewoon consistent overheen kijken

.

Audioscrobbler _O_
Poezel

vrijdag 17 maart 2006 @ 08:41:24 #265

SuperRembo

Sinds 1998

quote:
Op donderdag 16 maart 2006 23:06 schreef Litso het volgende:
Mensen, ik heb een CSS probleempje.
[...]

clear:both op de titel?

En wees geduldig

vrijdag 17 maart 2006 @ 09:21:59 #266

Litso

Interlectueel.

quote:
Op vrijdag 17 maart 2006 08:41 schreef SuperRembo het volgende:

[..]

clear:both op de titel?

En wees geduldig

Nee, helaas

Wat moet het doen dan?

vrijdag 17 maart 2006 @ 10:21:09 #267

SuperRembo

Sinds 1998

Zo dus:
#textvak h2 { clear:both; }
Dat werkt.

In Firefox staan de afgeronde hoeken trouwens verkeerd.

vrijdag 17 maart 2006 @ 11:14:34 #268

mschol

quote:
Op dinsdag 14 maart 2006 11:52 schreef Roönaän het volgende:
style="width:100px;"

-r-

als ik dat doe staan me drop down lijstjes idd goed..
maar de <input type=text> velden die overlappen aan de rechterkant de border

ik kan een cell padding gebruiken of me wdth in die 2 kolommen naar 98% ziet er ook ok uit

dit probleem is trouwens in IE en FF zo ..

volgend vraagje:
ik heb een tabel met border, alleen ik krijg het niet voor elkaar om er een enkele lijn van te maken die ik een kleurtje geef
als ik namelijk border="1px" doe zie ik alsnog 2 lijnen :|
kan het wat ik wil of is dat gewoon niet mogelijk?

[ Bericht 23% gewijzigd door mschol op 17-03-2006 11:25:14 ]

vrijdag 17 maart 2006 @ 11:15:48 #269

Litso

Interlectueel.

quote:
Op vrijdag 17 maart 2006 10:21 schreef SuperRembo het volgende:
Zo dus:
#textvak h2 { clear:both; }
Dat werkt.

In Firefox staan de afgeronde hoeken trouwens verkeerd.

Die hoekjes werk ik nog aan idd

Ik zal het nog even proberen.

vrijdag 17 maart 2006 @ 11:24:17 #270

Litso

Interlectueel.

Geweldig, bedankt

vrijdag 17 maart 2006 @ 11:46:23 #271

wonko

Fap

Ik heb een menu

1
2
3
4
5
6
7
8
9

<div id="menu">
      <a class="rollmenu" href="index.html">Home</a>
        <a class="rollmenu" onmouseover="slidemenu.showMenu('menu1');" onmouseout="slidemenu.hideMenu('menu1');">Exterieur</a><br>
        <a class="rollmenu" onmouseover="slidemenu.showMenu('menu2');" onmouseout="slidemenu.hideMenu('menu2');">Interieur</a><br>
        <a class="rollmenu" onmouseover="slidemenu.showMenu('menu3');" onmouseout="slidemenu.hideMenu('menu3');">Hekwerkonderdelen</a><br>
       <a class="rollmenu" onmouseover="slidemenu.showMenu('menu4');" onmouseout="slidemenu.hideMenu('menu4');">Tuindecoratie</a><br>
         <a class="rollmenu" href="toeleveren.html">Toeleveren</a>
         <a class="rollmenu" href="contact.html">Contact</a>
     </div>

Met als menu:

1	#menu { margin: 0; padding: 0; width: 130px; float: left; clear: both; vertical-align: top }

En menu items:

1
2

a:link.rollmenu, a:visited.rollmenu { color: #eee; font-size: 10pt; font-family: Verdana, Arial, Georgia, Times; font-weight: normal; text-decoration: none; background-color: #298ca5; letter-spacing: -1px; display: block; padding: 4px; width: 130px; height: 22px; border: outset 1px #fff }
a:hover.rollmenu, a:active.rollmenu { color: #fbfdb5; font-size: 10pt; font-family: Verdana, Arial, Georgia, Times; font-weight: normal; text-decoration: none; background-color: #4ab5d6; letter-spacing: -1px; display: block; padding: 4px; width: 130px; height: 22px; border: solid 1px }

Ik krijg de menu items niet tegen elkaar aan onder elkaar. De eerste twee wel maar die met een mouseout of over houden een grote afstand onderling. Iemand een idee?

Geloven is zeker weten dat je het niet weet.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.

zaterdag 18 maart 2006 @ 17:54:41 #272

Castor

Obey the rules, miss the fun

Beetje vreemd menu... waarom geen unordered list?

Maar goed, is dit wat je bedoeld?
Zet "href" in je <a> en verwijder de <br> achter je <a>

1
2
3
4
5
6
7
8
9

<div id="menu">
      <a class="rollmenu" href="index.html">Home</a>
        <a href="#" class="rollmenu" onmouseover="slidemenu.showMenu('menu1');" onmouseout="slidemenu.hideMenu('menu1');">Exterieur</a>
        <a href="#" class="rollmenu" onmouseover="slidemenu.showMenu('menu2');" onmouseout="slidemenu.hideMenu('menu2');">Interieur</a>
        <a href="#" class="rollmenu" onmouseover="slidemenu.showMenu('menu3');" onmouseout="slidemenu.hideMenu('menu3');">Hekwerkonderdelen</a>
   <a href="#" class="rollmenu" onmouseover="slidemenu.showMenu('menu4');" onmouseout="slidemenu.hideMenu('menu4');">Tuindecoratie</a>
        <a class="rollmenu" href="toeleveren.html">Toeleveren</a>
        <a class="rollmenu" href="contact.html">Contact</a>
     </div>

Castor's Photostream op Flickr

zaterdag 18 maart 2006 @ 18:31:21 #273

wonko

Fap

quote:
Op zaterdag 18 maart 2006 17:54 schreef Castor het volgende:
Beetje vreemd menu... waarom geen unordered list?

Zover was ik nog niet. Euh...een voorbeeld of een tutorial?

quote:
Maar goed, is dit wat je bedoeld?
Zet "href" in je <a> en verwijder de <br> achter je <a>
[ code verwijderd ]

Bedankt...dat zocht ik ja.

Geloven is zeker weten dat je het niet weet.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.

maandag 20 maart 2006 @ 14:31:55 #274

The_Cyberspace

Ik zit ook weer met een probleempje. Ik ben een layout aan het maken via css maar dit wil niet helemaal lukken.

Hier de html en css file:
html file
css file

Het is de bedoeling dat de onderste groene balk altijd onderaan de pagina staat. Nu is het zo zodra ik em open met een resolutie van 1280x1024 hij netjes onderaan staat. Maar maak ik het scherm kleiner, 800x600 ofzo, dan staat de balk ook nog onderaan maar dan kan ik scrollen en als ik ga scrollen blijft de balk na het scrollen niet meer onderaan staan. Dit is zowel met Firefox 1.5.1 als met Internet Explorer 6.0

Iemand enig idee?

maandag 20 maart 2006 @ 15:19:41 #275

Desdinova

Olaa

in je content div een overflow:auto zetten en iets van height: 100%;

maar dat is buggy dacht ik onder browsers onderling.

wat bij mij dus weer de vraag oproept hoe je een div in elke browser gewoon de volledige hoogte krijgt?

_{wtf is er gebeurd met de layout}

As a rule, I never touch anything more sophisticated and delicate than myself.

maandag 20 maart 2006 @ 15:40:57 #276

qu63

..de tijd drinkt..

quote:
Op maandag 20 maart 2006 15:19 schreef Desdinova het volgende:
in je content div een overflow:auto zetten en iets van height: 100%;
_{wtf is er gebeurd met de layout}

[CSS] voor dummies - Deel 3

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

maandag 20 maart 2006 @ 21:22:09 #277

Chandler

Wie ziet de FF fout!? want in IE ziet het er goed uit?

http://www.bruggema.nl/php2hex/test12312231.html

please!!!

ennuh min-width is voor FF maar dat boeit niet denk ik

Just say hi!

maandag 20 maart 2006 @ 21:41:16 #278

Roonaan

Strictly

Ik zou wat clearingdivs toevoegen.

maandag 20 maart 2006 @ 22:26:46 #279

Chandler

ok, tnx... ik ga ff spelen.

-edit: gespeeld..

helpt maar een beetje... lijkt wel of ik nog meer dingen fout doe.. maar morgen weer een nieuwe dag!

[ Bericht 80% gewijzigd door Chandler op 20-03-2006 23:10:50 ]

Just say hi!

dinsdag 21 maart 2006 @ 11:52:39 #280

Roonaan

Strictly

quote:
Op maandag 20 maart 2006 22:26 schreef Chandler het volgende:
ok, tnx... ik ga ff spelen.

-edit: gespeeld..

helpt maar een beetje... lijkt wel of ik nog meer dingen fout doe.. maar morgen weer een nieuwe dag!

Hij zit netjes nu toch?

dinsdag 21 maart 2006 @ 12:22:52 #281

Castor

Obey the rules, miss the fun

quote:
Op zaterdag 18 maart 2006 18:31 schreef wonko het volgende:

[..]

Zover was ik nog niet. Euh...een voorbeeld of een tutorial?
[..]

Zo zou ik het ongeveer doen, zonder javascript.

HTML:

1
2
3
4
5
6
7
8
9
10
11

<div id="nav">
<ul>
<li><a class="go" href="index.html">Home</a></li>
<li class="test"><a href="#">Exterieur</a></li>
<li><a href="#">Interieur</a></li>
<li><a href="#">Hekwerkonderdelen</a></li>
<li><a href="#">Tuindecoratie</a></li>
<li><a href="toeleveren.html">Toeleveren</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>

CSS:

1
2
3
4

#nav ul {list-style:none;margin:0;padding:0;}
#nav li {margin:0;padding:0;width:130px;border-bottom:1px solid white;}
#nav li a {color:white;text-decoration:none;display:block;width:127px;background-color:#298CA5;line-height:2em;vertical-align:middle;padding-left:3px;}
#nav li a:hover {background-color:#4AB5D6;}

Voor meer voorbeelden check: http://css.maxdesign.com.au/listamatic/

Castor's Photostream op Flickr

dinsdag 21 maart 2006 @ 15:07:04 #282

Tackleberry

.

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

* { box-sizing: border-box; -moz-box-sizing: border-box;
}

HTML { height: 100%;
}

BODY {
   font-family: tahoma;
   text-align: justify;
}

.content TABLE { padding: 10px;
}

.contentform TD { padding: 5px;
}

.tekst {
   font-size: 15px;
}

.tekstklein { font-size: 14px;
}

.onderschrift { font-size: 10px;
}

.titel { font-weight: bold;
font-size: 25px;
text-align: center;
margin: 5px;
}

.koptekst { font-weight: bold;
font-size: 20px;
text-align: center;
margin: 5px;
}

A:link { color: #0033CC;
font-weight: bold;
text-decoration: none;
}

A:visited { color: #FF3300;
font-weight: bold;
text-decoration: none;
}

A:hover { color: #0099CC;
font-weight: bold;
text-decoration: none;
}

UL, TD { font-family: tahoma;
font-size: 15;
list-style-type: disc;
list-style-position: outside;
margin-left: 10px;
padding-left: 10px;
}

CSS-newbie alert!

Ik was vandaag bezig om mijn CSS een beetje op te ruimen, er stonden heel eigenschappen in die via overerving meegenomen kunnen worden. Dus wilde ik aan body twee vaste eigenschappen (font-family en text-align) toekennen.

Als ik <p class="tekst"> gebruik, moet de text-align toch ook justify zijn, zoals in body is vastgesteld? Het resultaat is dat de tekst 'gewoon' wordt afgebeeld, dus NIET als justify.
Zie ik hier totaal iets over het hoofd? Staan er dingen totaal verkeerd in mijn stylesheet?

Nu kan ik best alle eigenschappen herhalen in mijn stylesheet, maar ik wil een nette stylesheet hebben.

.

dinsdag 21 maart 2006 @ 15:22:48 #283

Roonaan

Strictly

afhankelijk van je doctype is je css wel of niet case-sensitive.

Het kan dus zijn dat je
body {} moet gebruiken ipv BODY {}

-r-

dinsdag 21 maart 2006 @ 15:50:08 #284

Tackleberry

.

quote:
Op dinsdag 21 maart 2006 15:22 schreef Roönaän het volgende:
afhankelijk van je doctype is je css wel of niet case-sensitive.

Het kan dus zijn dat je
body {} moet gebruiken ipv BODY {}

-r-

Die had ik beide al (stom toevallig overigens) geprobeerd. Doctype had ik niet (foei, ik weet niet) toegevoegd in mijn HTML documenten. Onderstaande is nu toegevoegd.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
_{Hierdoor werd wel het centreren van de website opgeheven, maar dat was zo opgelost.}

Nu wordt alles weergegeven zoals ik het verwacht, thanks

Overigens, staan er nog stomme dingen in die stylesheet? Ik ben er nog niet helemaal in thuis namelijk.

[edit]
Hmm, nu is de inhoud van het IFRAME verneukt in IE... Firefox past zich aan de inhoud aan, maar Internet Explorer plant in fullscreen al horizontale en verticale scrollbalken in de IFRAME... Zodra de content in de hoogte niet in het IFRAME past, komt er een verticale scrollbalk. Hierdoor wordt de inhoud te breed (aangezien die scrollbalk erbij komt) en komt er ook een horizontale scrollbalk...

Mijn index.html (ja dit is het CSS topic, maar dit komt voort uit een CSS 'probleem')

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Stichting Van Zessen Klaar</title>
<LINK HREF="stylesheet.css" REL="stylesheet" TYPE="text/css">
</head>
<body>

<table align="middle" width="100%" height="100%">
  <tr>
    <td align="middle" valign="middle" width="100%">

   <table border="0" cellspacing="0" cellpadding="0">
     <tr valign="top">
       <td width="150" height="100"><img src="images/vzk-logo.gif" width="150" height="100"></td>
      <td width="650" height="100"><img src="images/vzk-banner.jpg" width="650" height="100"></td>
     </tr>
     <tr valign="top">
       <td width="150" height="*"><img width="150" src="images/menu_v3.png" height="400" USEMAP="#menu" border="0">
        <MAP NAME="menu">
      <AREA SHAPE="rect" COORDS="0,0,150,50" HREF="hoofdpagina.html" TARGET="content" TITLE="Hoofdpagina">
      <AREA SHAPE="rect" COORDS="0,51,150,100" HREF="stichting.html" TARGET="content" TITLE="De stichting">
      <AREA SHAPE="rect" COORDS="0,101,150,150" HREF="actueel.html" TARGET="content" TITLE="Actueel">
      <AREA SHAPE="rect" COORDS="0,151,150,200" HREF="samenwoners.html" TARGET="content" TITLE="Samenwoners">
      <AREA SHAPE="rect" COORDS="0,201,150,250" HREF="sponsoren.html" TARGET="content" TITLE="Sponsoren">
      <AREA SHAPE="rect" COORDS="0,251,150,300" HREF="locatie.html" TARGET="content" TITLE="Locatie">
      <AREA SHAPE="rect" COORDS="0,301,150,350" HREF="links.html" TARGET="content" TITLE="Links">
      <AREA SHAPE="rect" COORDS="0,351,150,400" HREF="contact.html" TARGET="content" TITLE="Contact">
      </MAP></td>
      <td width="650" height="447"><IFRAME SRC="hoofdpagina.html" WIDTH="650" HEIGHT=100%" frameborder="0" name="content">Foutmeldingstekst</IFRAME></td>
      </tr>
   </table>

    </td>
  </tr>
</table>

</body>
</html>

.

dinsdag 21 maart 2006 @ 19:33:03 #285

Chandler

quote:
Op dinsdag 21 maart 2006 11:52 schreef Roönaän het volgende:
Hij zit netjes nu toch?

Zie het verschil nu in IE / FF

dat vind ik weer niet zo netjes

Just say hi!

dinsdag 21 maart 2006 @ 20:53:36 #286

ikke_ook

Ik lees net op w3schools dat <u> en <s> deprecated elements zijn, terwijl <b> en <i> dat niet zijn....
Waarom is dat zo?En moet je underline en strike dan met css gaan toepassen?

Vogelaars.nl

dinsdag 21 maart 2006 @ 21:34:32 #287

Roonaan

Strictly

quote:
Op dinsdag 21 maart 2006 19:33 schreef Chandler het volgende:

[..]

Zie het verschil nu in IE / FF dat vind ik weer niet zo netjes

Enige verschil is de marge onder die foeilelijke kop toch?

dinsdag 21 maart 2006 @ 22:29:49 #288

Chandler

Ach er zit nu iets meer in, maar de kop vind je foeilelijk? heb je suggesties?

Just say hi!

woensdag 22 maart 2006 @ 09:27:49 #289

wonko

Fap

quote:
Op dinsdag 21 maart 2006 12:22 schreef Castor het volgende:

[..]

Zo zou ik het ongeveer doen, zonder javascript.

HTML:
[ code verwijderd ]

CSS:
[ code verwijderd ]

Voor meer voorbeelden check: http://css.maxdesign.com.au/listamatic/

Mijn dank!!
Ik gaat aan de slag.

Geloven is zeker weten dat je het niet weet.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.

woensdag 22 maart 2006 @ 15:24:42 #290

Tackleberry

.

De inhoud van een IFRAME is verneukt in IE... Firefox past zich aan de inhoud aan, maar Internet Explorer plant in fullscreen al horizontale en verticale scrollbalken in de IFRAME... Zodra de content in de hoogte niet in het IFRAME past, komt er een verticale scrollbalk. Hierdoor wordt de inhoud te breed (aangezien die scrollbalk erbij komt) en komt er ook een horizontale scrollbalk...

Mijn index.html (ja dit is het CSS topic, maar dit komt voort uit een CSS 'probleem / oplossing'')

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Stichting Van Zessen Klaar</title>
<LINK HREF="stylesheet.css" REL="stylesheet" TYPE="text/css">
</head>
<body>

<table align="middle" width="100%" height="100%">
  <tr>
    <td align="middle" valign="middle" width="100%">

   <center>
   <table border="0" cellspacing="0" cellpadding="0">
     <tr valign="top">
       <td width="150" height="100"><img src="images/vzk-logo.gif" width="150" height="100"></td>
      <td width="*" height="100"><img src="images/vzk-banner.jpg" width="650" height="100"></td>
     </tr>
     <tr valign="top">
       <td width="150" height="*"><img width="150" src="images/menu_v3.png" height="400" USEMAP="#menu" border="0">
        <MAP NAME="menu">
      <AREA SHAPE="rect" COORDS="0,0,150,50" HREF="hoofdpagina.html" TARGET="content" TITLE="Hoofdpagina">
      <AREA SHAPE="rect" COORDS="0,51,150,100" HREF="stichting.html" TARGET="content" TITLE="De stichting">
      <AREA SHAPE="rect" COORDS="0,101,150,150" HREF="actueel.html" TARGET="content" TITLE="Actueel">
      <AREA SHAPE="rect" COORDS="0,151,150,200" HREF="samenwoners.html" TARGET="content" TITLE="Samenwoners">
      <AREA SHAPE="rect" COORDS="0,201,150,250" HREF="sponsoren.html" TARGET="content" TITLE="Sponsoren">
      <AREA SHAPE="rect" COORDS="0,251,150,300" HREF="locatie.html" TARGET="content" TITLE="Locatie">
      <AREA SHAPE="rect" COORDS="0,301,150,350" HREF="links.html" TARGET="content" TITLE="Links">
      <AREA SHAPE="rect" COORDS="0,351,150,400" HREF="contact.html" TARGET="content" TITLE="Contact">
      </MAP></td>
      <td width="*" height="447"><IFRAME SRC="hoofdpagina.html" WIDTH="100%" HEIGHT=100%" frameborder="0" name="content">[knip errortekst]</IFRAME></td>
      </tr>
   </table>
   </center>

    </td>
  </tr>
</table>

</body>
</html>

Als dit met CSS op te lossen is, dit is mijn stylesheet:

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML LANG="nl">
<HEAD>
<TITLE>Stylesheet</TITLE>
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=ISO-8859-1">
<META HTTP-EQUIV="content-style-type" CONTENT="text/css">
<META NAME="robots" CONTENT="noindex, nofollow">

* { box-sizing: border-box; -moz-box-sizing: border-box;
}

HTML { height: 100%;
}

BODY {
   font-family: tahoma;
   text-align: justify;
}

.content TABLE { padding: 10px;
}

.tekst {
   font-size: 15px;
}

.tekstklein { font-size: 14px;
}

.onderschrift { font-size: 10px;
}

.titel { font-weight: bold;
font-size: 25px;
text-align: center;
margin: 5px;
}

.koptekst { font-weight: bold;
font-size: 20px;
text-align: center;
margin: 5px;
}

A:link { color: #0033CC;
font-weight: bold;
text-decoration: none;
}

A:visited { color: #FF3300;
font-weight: bold;
text-decoration: none;
}

A:hover { color: #0099CC;
font-weight: bold;
text-decoration: none;
}

UL, TD { font-family: tahoma;
font-size: 15;
list-style-type: disc;
list-style-position: outside;
margin-left: 10px;
padding-left: 10px;
}

</HEAD>
</HTML>

.

woensdag 22 maart 2006 @ 15:30:19 #291

DionysuZ

Respect my authority!

wat doet

1
2
3
4
5
6
7
8
9

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML LANG="nl">
<HEAD>
<TITLE>Stylesheet</TITLE>
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=ISO-8859-1">
<META HTTP-EQUIV="content-style-type" CONTENT="text/css">
<META NAME="robots" CONTENT="noindex, nofollow">
</HEAD>
</HTML>

in je stylesheet?

□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell

woensdag 22 maart 2006 @ 15:36:55 #292

Tackleberry

.

quote:
Op woensdag 22 maart 2006 15:30 schreef DionysuZ het volgende:
wat doet
[ code verwijderd ]

in je stylesheet?

Ik ben uitgegaan van al bestaande document, dus ik heb een verkeerd voorbeeld gebruikt.

Die code is nu verwijderd, maar dat maakt voor mijn probleem verder geen verschil. Bedankt voor de tip iig.

.

woensdag 22 maart 2006 @ 17:23:00 #293

DaFan

Is het mogelijk om de kleuren van Links/Alinks en Vlinks in CSS onder te brengen?

1	<body link="kleur" vlink="kleur" alink="kleur">

werkt wel, maar is pokkewerk.

Bvd.

woensdag 22 maart 2006 @ 17:27:16 #294

Desdinova

Olaa

<IFRAME SRC="hoofdpagina.html" WIDTH="100%" HEIGHT=100%" frameborder="0" name="content" scrolling="no">[knip errortekst]</IFRAME>

_{gvd die reageer knop zit verwarrend dicht bij het invoeren}

_{en wanneer wordt die layout gefixed}

As a rule, I never touch anything more sophisticated and delicate than myself.

woensdag 22 maart 2006 @ 17:29:39 #295

DaFan

Pas als bovenstaande code-verneukers hun reply aanpassen.
(Vooral Wonko)

woensdag 22 maart 2006 @ 17:40:15 #296

Desdinova

Olaa

a {
color: kleur;
}
a:visited {
color:kleur;
}
a:active {
color:kleur;
}

en
a:hover{
color: kleur;
}

is er ook nog

As a rule, I never touch anything more sophisticated and delicate than myself.

woensdag 22 maart 2006 @ 17:43:10 #297

DaFan

Hartelijk dank

woensdag 22 maart 2006 @ 17:54:09 #298

the_disheaver

quote:
Op woensdag 22 maart 2006 17:29 schreef DaFan het volgende:
Pas als bovenstaande code-verneukers hun reply aanpassen.
(Vooral Wonko)

_{Lang leve Opera met de 'Fit to window width'-functie Geen echte oplossing, maar ik heb er geen last van}

woensdag 22 maart 2006 @ 18:59:37 #299

Tackleberry

.

quote:
Op woensdag 22 maart 2006 17:27 schreef Desdinova het volgende:
<IFRAME SRC="hoofdpagina.html" WIDTH="100%" HEIGHT=100%" frameborder="0" name="content" scrolling="no">[knip errortekst]</IFRAME>

Dat is een oplossing, maar zorgt weer voor een ander probleem; je krijgt (logischerwijs) geen scrollbalk te zien. Maar de content is op sommige pagina's wel langer dan het iframe hoog is...

Andere oplossing? Toevoegingen?

.

woensdag 22 maart 2006 @ 23:15:32 #300

WebForce

Kijk mij nou!

Goedenavond! Ik heb een standaard pivot weblogje al een tijdje in beheer, maar nu kom ik er eigenlijk pas achter dat het helemaal niet lekker in elkaar zit met IE. In Firefox doet 'ie het prima...
Dit is de site. In FF ziet die er dus prima uit, maar als je in IE het venster kleiner maakt zie je dat de onderste twee kolommen (div) blijven ; staan'...

Alles zit 'in' een body, de rechter kolom heet heeft de div 'centercolumn', de rechter 'rightcolumn' en het plaatje/logo 'header'.

Zo zit een gedeelte van de css eruit:

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

body {
   padding: 0px;
   width: 807px;
   background: #DDD;
   margin: auto;
}

#centercolumn {
   padding: 6px 0px;
   position: absolute;
   width: 600px;
}

#rightcolumn {
   position: absolute;
   margin-left: 600px;
   width: 205px;
}

#header {
}

Ik heb lopen zoeken hoe dat precies zit met position etc., maar ik kom er niet uit

. Wie helpt?

donderdag 23 maart 2006 @ 01:22:14 #301

the_disheaver

En in Opera ziet het er ook niet uit... Lelijke code als je het mij vraagt. Als het ware plak je 2 divs opelkaar, maar degene die rechts staat geef je een erg grote margin...

Probeer eens float te gebruiken.

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

<div>header</div>
<div>left</div><div>right</div>
<div>footer</div>

div#left{
float: left;
width: 650px;
}
div#right{
float: left;
width: 150px;
}
div#footer {
clear: both;
}

[CSS] voor dummies - Deel 4

[ Bericht 6% gewijzigd door the_disheaver op 23-03-2006 11:59:51 ]

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

[CSS] voor dummies - Deel 3

» digital corner

» digital corner