[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

The people who lost my respect will never get a capital letter for their name again.
Like trump...

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>-->

No Dukes of Hazzard in the classroom

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.

No Dukes of Hazzard in the classroom

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.

No Dukes of Hazzard in the classroom

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?

No Dukes of Hazzard in the classroom

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?

 | FOK! Schrikkelbaasch

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 ]

 | FOK! Schrikkelbaasch

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

 | FOK! Schrikkelbaasch

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?

 | FOK! Schrikkelbaasch

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>

 | FOK! Schrikkelbaasch

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">.

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

[CSS] voor dummies - Deel 3

» digital corner

» digital corner