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

vrijdag 29 september 2006 @ 12:34:21 #51

ymme

Waar moet ik het dan vraqgen. Dacht dat z'n topic daarvoor was. Sorry

vrijdag 29 september 2006 @ 12:36:09 #52

the_disheaver

Dit heeft toch totaal niets met CSS te maken?

zaterdag 30 september 2006 @ 14:19:35 #53

super-muffin

quote:
Op dinsdag 26 september 2006 22:04 schreef Leonoor het volgende:

[..]

Het is niet de oplossing omdat ik het geprobeerd heb en het niet werkt..

Inmiddels heb ik mijn meest nerderige kennis er naar laten kijken, en die heeft op magische wijze het geheel ietwat aangepast, en bijna zo laten werken als ik zou willen. Ik ben vrees ik meer dummie dan ik hoopte/wenste, maar het werkt nu. Mocht je interesse hebben in hoe het eruit ziet, dan hoor ik het wel via mijn fobo .

het is trouwens ook lastig oplossen voor ons als je geen code post.

Steam - SC2

zondag 1 oktober 2006 @ 13:29:41 #54

captain.lefteye

Bestaat er ook zoiets als een CSS-validator die meteen de fouten corrigeert? Iets als HTML-tidy maar dan voor CSS zeg maar...

zondag 1 oktober 2006 @ 20:35:16 #55

ralfie

!Yvan eht nioj

Hoi,

ik wil voor een site een bepaalde layout van frames naar div+css overzetten, maar stuit op een problem

Dit is de layout waar het om gaat. Hoewel in frames dit makkelijk te bereiken was

1
2
3
4
5
6
7

Is het mij met divjes en css nog niet gelukt. Het enige waar ik iets mee opschoot was position:fixed, wat niet werkt in IE en dus ook geen optie is. Alle methodes die ik heb gevonden om dit te emuleren kunnen dan weer niet overweg met niet fixte waarden (zoals 100%-75px).

Dus, heeft er iemand een idee hoe ik dit op kan lossen?

zondag 1 oktober 2006 @ 20:38:34 #56

the_disheaver

kijk eens naar float: left

zondag 1 oktober 2006 @ 20:52:50 #57

ralfie

!Yvan eht nioj

quote:
Op zondag 1 oktober 2006 20:38 schreef the_disheaver het volgende:
kijk eens naar float: left

heb ik ook al geprobeerd en dan krijg ik ze wel in de juiste locatie, maar nog niet de juiste grootte.
Het probleem is dat de pagina zelf niet scrolbaar mag zijn, omdat ik het menu en #top op een vaste plaats wil hebben. Eventueel te grote contents worden met scrollbars in #maincontents opgelost (zie ook tekening vorige post)

zondag 1 oktober 2006 @ 20:57:30 #58

beerten

Zover ik het zie zul je de twee div welke je naast elkaar wil hebben in een container DIV moeten zetten.
Twee geneste DIV dus.

Je 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

// ze komen rechtsreeks uit mijn eigen stylesheet, vandaar de opmaak. Ben te lui om dit te verwijderen
#container{
        position: relative;
        min-height: 100%;
        height: 100%;
        voice-family: ""}"";
        voice-family: inherit;
        height: auto;
       }
#menu {
        float: right;
        position: absolute;
        left: 10px;
        top: 40px;
        width: 115px;
        border: black solid 3px ;
        border-top: none;
        border-left: none;
       }
#content {
        position: relative;
        top: 40px;

        left: 125px;
        width: 639px;
       }

#top {
        color : #0000FF;
        border: black solid 2px ;
        background-color: #FFFFFF;
        width: 764px;
        height: 30px;
        position: absolute;
        top: 10px;
        left: 10px;
        padding: 0px;
        font-family : Verdana;
        font-size : 20px;
        font-weight : bold;
        text-align : center;
       }

//En volgens mij werkt het niet als het volgende niet ook in je stylesheet staat
html{
        height: 100%;
       }

Dan krijg je dus zoiets op je pagina

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

//de bovenste div
<div id="top">
</div>
//de container
<div id="container">

//in de container het menu- en het contentframe
<div id="menu">
</div>
<div id="content">
</div>

// de container sluiten
</div>

Bij mij werkt dit onder alle browser prima.
Zoals je ziet heeft het menuframe een vaste positie; position: absolute;
Het contentframe heeft zich aan te passen aan het menuframe: position: relative

zondag 1 oktober 2006 @ 21:19:36 #59

KhaZ

Alfa Romeo

tvp

The styling. And the howl from its V6 engine. In a tunnel, at 4000rpm, it was more sonorous than any music.
It was like having your soul licked by angels.

zondag 1 oktober 2006 @ 21:24:43 #60

cyberstalker

Een krachtig neen!

@ralfie: het kan heel makkelijk zonder container.

Je geeft de div#top een position absolute (met top en left op 0px) en height: 75px; . De body geef je een padding: 75px zodat de andere divjes er onder komen te staan.

div#menu geef je een float: left en een height: 100% en natuurlijk een width: 180px; . Nu hoef je alleen de div#maincontents nog een height: 100%; te geven en klaar is ralfie.

Hope for the best, prepare for the worst.

maandag 2 oktober 2006 @ 12:27:09 #61

ralfie

!Yvan eht nioj

quote:
Op zondag 1 oktober 2006 21:24 schreef cyberstalker het volgende:
@ralfie: het kan heel makkelijk zonder container.

Je geeft de div#top een position absolute (met top en left op 0px) en height: 75px; . De body geef je een padding: 75px zodat de andere divjes er onder komen te staan.

div#menu geef je een float: left en een height: 100% en natuurlijk een width: 180px; . Nu hoef je alleen de div#maincontents nog een height: 100%; te geven en klaar is ralfie.

ok, dit werkt, alleen zit er nu een 3px ruimte tussen #menu en #maincontents in IE

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

<html>
<head><title>test</title>
<style type="text/css">
body{
margin:0px;
padding:0px;
padding-top:75px;
}
#maincontents{
height:100%;
background-color:green;
overflow:auto;
}
#menu {
float:left;
height:100%;
width:180px;
background-color:blue;
}

#top {
width:100%;
background-color:red;
position:absolute;
top:0px;
left:0px;
height:75px;
}
</style>
</head>
<body>
<div id="top">TOP</div>
<div id="menu">menu</div>
<div id="maincontents">contents 
contents contents contents contents contents contents contents contents 
contents contents contents contents contents contents contents contents 
contents contents contents contents contents contents contents contents 
contents contents contents contents contents contents contents contents 
contents contents contents contents contents contents contents contents 
contents contents contents contents contents contents contents contents 
contents contents contents contents contents contents contents contents 
contents contents contents contents contents contents contents contents 
contents contents contents contents contents contents contents contents 
contents contents contents contents contents contents contents contents 
contents contents contents contents contents contents contents contents 
contents contents contents contents contents contents contents contents 
contents contents contents contents contents contents contents contents 
contents contents contents contents contents contents contents contents 
contents contents contents contents contents contents contents contents 
contents contents contents contents contents contents contents contents 
contents contents contents contents contents contents contents contents 
contents contents contents contents contents contents contents contents 
contents contents contents contents contents contents contents contents 
contents contents contents contents contents contents contents contents 
</div>
</body>
</html>

zie

Iemand een idee?

maandag 2 oktober 2006 @ 12:57:49 #62

beerten

Hij doet het prima, in Firefox en Netscape. IE6 geeft inderdaad een probleem.

maandag 2 oktober 2006 @ 17:11:40 #63

ralfie

!Yvan eht nioj

ok, ik geef de body wel dezelfde kleur als #maincontents, zie je der toch niks van

Bedankt allemaal!

woensdag 4 oktober 2006 @ 22:31:04 #64

Darkomen

Ik heb een aantal layout probleempjes welke verschillen in IE en FF

- Ik geef vaste maten op, maar hoe krijg ik dat mooi variabel zodat het in verschillende scherm grootes netjes is.

- De tekst die in de header staat moet in de grijze balk staan, en ook beginnen waar de grijze balk begint.
maar op een of andere manier wil css niet luisteren, dus ik doe wat fout.
vertical-align: bottom; lijkt niet te werken.

- Als er in header een link staat (<a href=") En die wil ik een andere kleur geven als al opgegeven is in a.active, a.link etc

- De divs lijken in ie, 5 pixels lager grooter dan in ff?
- De hoofd container div zit in FF 5 pixels lager

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

        #header {
         background-image:url('../style/img/header.png');
         background-repeat:no-repeat;
         height: 230px;
         width:723px;
         vertical-align: bottom;
         text-align:left;
         font-size:20px;
         color:#ffffff;
         letter-spacing:-1px;
         border:1px solid black;
        }

Alvast bedankt!

[ Bericht 4% gewijzigd door Darkomen op 04-10-2006 22:51:20 ]

woensdag 4 oktober 2006 @ 23:09:40 #65

cyberstalker

Een krachtig neen!

quote:
Op woensdag 4 oktober 2006 22:31 schreef Darkomen het volgende:
Ik heb een aantal layout probleempjes welke verschillen in IE en FF

- Ik geef vaste maten op, maar hoe krijg ik dat mooi variabel zodat het in verschillende scherm grootes netjes is.

Een breedte in bijvoorbeeld procenten opgeven (width: 40%)of bijvoorbeeld werken met position: absolute op de buitenste elementen en een padding op de body indien je meerdere kolommen wilt.

quote:
- De tekst die in de header staat moet in de grijze balk staan, en ook beginnen waar de grijze balk begint.
maar op een of andere manier wil css niet luisteren, dus ik doe wat fout.
vertical-align: bottom; lijkt niet te werken.

Ik weet niet precies wat je met 'de grijze balk' bedoelt, maar ik ga er vanuit dat dat iets met je achtergrondplaatje te maken heeft. Je kunt met padding opgeven waar de tekst moet beginnen. vertical-align is alleen bedoelt voor table-cells, wat dit zeer duidelijk niet is (het is een div)

quote:
- Als er in header een link staat (<a href=") En die wil ik een andere kleur geven als al opgegeven is in a.active, a.link etc

header a

een link (a) die in de header staat

.

quote:
- De divs lijken in ie, 5 pixels lager grooter dan in ff?
- De hoofd container div zit in FF 5 pixels lager

Van IE weet ik niets.

quote:
[ code verwijderd ]

Alvast bedankt!

Zal ik hier dan maar 'dankjewel' neerzetten?

Hope for the best, prepare for the worst.

woensdag 4 oktober 2006 @ 23:24:50 #66

Darkomen

Bedankt voor je antwoorden,
Dat ik het in procenten op moet geven weet ik, maar dat gaat op een of andere manier vaak fout.
Ook de padding opgeven in de header geeft weer een ander probleem, in FF word dan de bovenste div te breed, door de breedte weg te halen of de padding van de breedte afte trekken zorgt er weer voor dat hij in IE weer te klein is.
Ik bedoel idd de grijze balk in de achtergrond.
het moet er ongeveer zo uit zien als de site, ik zie nu dat ik vergeten ben de url van de site erbij te plakken

De oude site:
http://www.peugeot405club.nl/
De rebuild:
http://www.peugeot405club.nl/rebuild/

donderdag 5 oktober 2006 @ 00:29:48 #67

the_disheaver

Ik zou alle groottes relatief neerzetten (in em's), zodat men zelf kan bepalen hoe klein of groot ze hem willen schalen. Want width: 40% werkt misschien lekker bij 1280, maar totaal niet bij 800.

het opgeven van em's zorgt ook dat in IE niet alleen de tekst groter wordt bij een grotere lettergrootte, maar alle waarde die in em's zijn opgegeven.

Is het eigenlijk nodig om de globale css instellingen van a (a:hover enz) boven de specifiekere waarden als header a{} te gooien? Of pakt de ideale browser direct de meest specifieke instelling?

donderdag 5 oktober 2006 @ 09:03:11 #68

Darkomen

Geen idee, maar ik zal iig eens naar de em's kijken.
geen idee hoevel em, 1 pixel is

edit, denk niet dat het in em's werken echt veel uitmaakt

edit 2: probleem met de header en de tekst heb ik opgelost door er nog een div onder te gooien met text-indent.
Werkt in IE en FF

Omzetten naar em doe ik wel een keer als ik tijd heb.
1em is 12 pixels?

edit: footer probleem is ook opgelost

gelukkig, nu nog ff de urls in de header goed zien te krijgen
Edit, ook gelukt

[ Bericht 14% gewijzigd door Darkomen op 05-10-2006 10:24:07 ]

donderdag 5 oktober 2006 @ 10:49:11 #69

the_disheaver

standaard geloof ik 14, maar hangt dus van de font-size af: http://www.handleidinghtm(...)genda/legenda04.html

donderdag 5 oktober 2006 @ 11:56:00 #70

CraZaay

prettig gestoord

Verschil in afmetingen van block level elementen, zoals divs, komt meestal door rendering op basis van een ander box model i.c.m. padding op het element. Welk doctype gebruik je?

donderdag 5 oktober 2006 @ 12:49:07 #71

super-muffin

Ik heb in een DIV een transparante PNG als achtergrond, hoe fix ik dat in IE? :?
Dit had ik al geprobeerd:

1 2	html>body #header h1 a { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/bg_header_h1_a.png',sizingMethod='scale');}

maar dat wil niet werken

Steam - SC2

donderdag 5 oktober 2006 @ 13:21:09 #72

Berkery

Fat bastard

quote:
Op donderdag 5 oktober 2006 12:49 schreef super-muffin het volgende:
Ik heb in een DIV een transparante PNG als achtergrond, hoe fix ik dat in IE?
Dit had ik al geprobeerd:
[ code verwijderd ]

maar dat wil niet werken

De div zetten in een extra achtergrond-div (en daar de background weer in), en daar het filter op loslaten?

(niet getest)

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

donderdag 5 oktober 2006 @ 13:21:34 #73

Darkomen

quote:
Op donderdag 5 oktober 2006 11:56 schreef CraZaay het volgende:
Verschil in afmetingen van block level elementen, zoals divs, komt meestal door rendering op basis van een ander box model i.c.m. padding op het element. Welk doctype gebruik je?

HTML 4.01 Transitional

Ik ben al een aardig eindje.

Bedankt voor de link the_disheaver, ik ga eens kijken of het snap

donderdag 5 oktober 2006 @ 14:04:17 #74

super-muffin

quote:
Op donderdag 5 oktober 2006 13:21 schreef Berkery het volgende:

[..]

De div zetten in een extra achtergrond-div (en daar de background weer in), en daar het filter op loslaten?

(niet getest)

Is dat omdat IE deze filter niet toestaat op hyperlinks?

edit: ik heb het anders opgelost:
Ik heb die background op de #header h1 gezet ook in mijn normale stylesheet.

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

#header h1 {
background: url(../images/bg_header_h1_a.png);
width: 340px;
height: 100px;
display: block;
position: relative;
left: -30px;
text-indent: -9999px; }

#header h1 a {
position: relative;
top: 10px;
left: 11px;
width: 324px;
height: 80px;
display: block; }

/*IE STYLESHEET /*
html>body #header h1 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/bg_header_h1_a.png',sizingMethod='scale');}

Ik ga nu even kijken of het werkt

[ Bericht 58% gewijzigd door super-muffin op 05-10-2006 14:13:10 ]

Steam - SC2

donderdag 5 oktober 2006 @ 23:30:51 #75

CraZaay

prettig gestoord

quote:
Op donderdag 5 oktober 2006 14:04 schreef super-muffin het volgende:

[..]

Is dat omdat IE deze filter niet toestaat op hyperlinks?

Jawel, dat werkt gewoon op hyperlinks. Vaak gaat het fout bij het path; normaal als je een achtergrondafbeelding gebruikt in een extern CSS-bestand dan is het pad daar naartoe relatief vanaf het CSS-bestand. Bij gebruik van het IE-filter is het relatief vanaf de locatie waar het CSS-bestand wordt geinclude.

vrijdag 6 oktober 2006 @ 00:05:32 #76

super-muffin

oke dat is vaag.
Weet je ook waarom dat gebeurd?

En is het ook op te lossen door absoluut te linken? Ik kan het helaas pas morgen testen als het goed is, dan pas heb ik de beschikking over een PC

Steam - SC2

vrijdag 6 oktober 2006 @ 00:15:35 #77

CraZaay

prettig gestoord

quote:
Op vrijdag 6 oktober 2006 00:05 schreef super-muffin het volgende:
oke dat is vaag.
Weet je ook waarom dat gebeurd?

En is het ook op te lossen door absoluut te linken? Ik kan het helaas pas morgen testen als het goed is, dan pas heb ik de beschikking over een PC

Simpelweg de manier waarop IE daar mee omgaat

Gewoon relatieve paden gebruiken, maar met dit gegeven rekening houden. Wanneer je je HTML in je root hebt, je CSS in /css/ en je afbeeldingen in /img/, dan zet je normaal in je CSS '../img/bla.gif'. Voor je IE-filter gebruik je dan 'img/bla.gif'. Normaal het pad vanaf de CSS dus, voor het filter het pad vanaf de HTML.

vrijdag 6 oktober 2006 @ 00:24:57 #78

super-muffin

ja ja ik begrijp het.
Ben benieuwd of het dan wel werkt

In IE7 zit toch wel PNG support of niet?

Steam - SC2

vrijdag 6 oktober 2006 @ 09:43:43 #79

CraZaay

prettig gestoord

quote:
Op vrijdag 6 oktober 2006 00:24 schreef super-muffin het volgende:
ja ja ik begrijp het.
Ben benieuwd of het dan wel werkt

In IE7 zit toch wel PNG support of niet?

Ja, maar voordat iedere IE gebruiker op minimaal versie 7 zit zijn we minstens 5 jaar verder (er zijn nog genoeg IE 5 en 5.5 gebruikers nu).

zondag 8 oktober 2006 @ 10:38:16 #80

MrDoegewoon

Help, na maanden geen website gemaakt te hebben, "moet"ik een klein website bouwen voor ons voetbal reisje naar Engeland. Nu ik mijn eigen website een half jaar geleden zo'n beetje geheel heb omgezet naar CSS me oa hulp van hier ben ik zeer tevreden over de manier van bouwen met CSS

Maar nu heb ik het volgende probleem, ik heb een vakje met waarin een menu moet komen en daarnaast een vak waarin tekst/content moet komen, nu kwam ik erachter dat het bijv bij de verslagen wel eens te klein kon zijn, dus las ik ergens dat je met overflow:auto een scrollbar in een div kan krijgen.. Dit heb ik gedaan maar Firefox verschuift dan het content blok een eind naar rechts...

Voorbeeld:

Firefox zonder overflow:

Firefox met overflow:

En hier kan je ze zelf vinden
Zonder overflow
Met overflow

Stylesheets:
Zonder overflow
Met overflow

[ Bericht 2% gewijzigd door MrDoegewoon op 08-10-2006 12:11:28 ]

West Ham supporters, check: Dutchirons
Dutch Football Manager Site!
Determined to deliver, destined to dominate. - The Third Movement

zondag 8 oktober 2006 @ 12:47:55 #81

qu63

..de tijd drinkt..

quote:
Op zondag 8 oktober 2006 10:38 schreef MrDoegewoon het volgende:
Help, na maanden geen website gemaakt te hebben, "moet"ik een klein website bouwen voor ons voetbal reisje naar Engeland. Nu ik mijn eigen website een half jaar geleden zo'n beetje geheel heb omgezet naar CSS me oa hulp van hier ben ik zeer tevreden over de manier van bouwen met CSS

Maar nu heb ik het volgende probleem, ik heb een vakje met waarin een menu moet komen en daarnaast een vak waarin tekst/content moet komen, nu kwam ik erachter dat het bijv bij de verslagen wel eens te klein kon zijn, dus las ik ergens dat je met overflow:auto een scrollbar in een div kan krijgen.. Dit heb ik gedaan maar Firefox verschuift dan het content blok een eind naar rechts...

Voorbeeld:

Firefox zonder overflow:
[afbeelding]

Firefox met overflow:
[afbeelding]

En hier kan je ze zelf vinden
Zonder overflow
Met overflow

Stylesheets:
Zonder overflow
Met overflow

probeer de posities eens aan alle kanten vast te zetten, dus left, right, top, bottom, etc

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

zondag 8 oktober 2006 @ 13:35:36 #82

MrDoegewoon

Gelukt

, vraag me alleen niet hoe maar weer wat geleerd

West Ham supporters, check: Dutchirons
Dutch Football Manager Site!
Determined to deliver, destined to dominate. - The Third Movement

zondag 8 oktober 2006 @ 13:45:39 #83

qu63

..de tijd drinkt..

quote:
Op zondag 8 oktober 2006 13:35 schreef MrDoegewoon het volgende:
Gelukt , vraag me alleen niet hoe maar weer wat geleerd

dan heb je die versie nog niet online gegooid, want hier werkt ie nog niet

It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]

zondag 8 oktober 2006 @ 14:27:18 #84

MrDoegewoon

Staat er nu wel, is niet echt super mooi maar goed

.

Nu een manier gaan zoeken om plaatjes mooi tussen de teksten door te gaan krijgen

West Ham supporters, check: Dutchirons
Dutch Football Manager Site!
Determined to deliver, destined to dominate. - The Third Movement

zondag 8 oktober 2006 @ 18:16:13 #85

ExCibular

Ik heb een probleempje. Ik heb een bestaande website. Nou wil ik op die website de mogelijkheid om met een popup te gaan werken. Dit wordt niet een echte popup maar een layer die over de andere layers wordt heen gelegd. Nou werkt alles zonder problemen behalve dat wanneer ik de css properties naar mijn external css kopieer (dus verplaats van internal) de popup niet meer werkt. Dit zal wel te maken hebben met de voorrang die internal krijgt boven external maar hoe werk ik daar om heen?

Voor de volledigheid een kopie van de css van de popup layer:

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

#popup {
   position:absolute;
   width:80%;
   height:500px;
   z-index:2;
   left: 10%;
   top: 10%;
   border: 1px solid #00337F;
   background-color: #FFFFFF;
   filter:alpha(opacity=90);
   -moz-opacity: 0.9;
   opacity: 0.9;
}

zondag 8 oktober 2006 @ 19:34:19 #86

super-muffin

probeer #popup specifieker te specificeren.
html #wrapper #popup of hoe je de DIV ook genest heb.

maar ik vind het wel enorm raar.

Steam - SC2

zondag 8 oktober 2006 @ 23:35:11 #87

CraZaay

prettig gestoord

quote:
Op zondag 8 oktober 2006 18:16 schreef ExCibular het volgende:
Ik heb een probleempje. Ik heb een bestaande website. Nou wil ik op die website de mogelijkheid om met een popup te gaan werken. Dit wordt niet een echte popup maar een layer die over de andere layers wordt heen gelegd. Nou werkt alles zonder problemen behalve dat wanneer ik de css properties naar mijn external css kopieer (dus verplaats van internal) de popup niet meer werkt. Dit zal wel te maken hebben met de voorrang die internal krijgt boven external maar hoe werk ik daar om heen?

Wat de oorzaak van dit probleem ook is, het heeft niets te maken met voorrang van het een over het ander, tenzij de #popup overschrijft na de referentie naar je externe CSS-bestand. Als je iets van binnen je HTML-document naar een externe CSS brengt maakt dit voor de browser niets uit. Het gaat dus ergens anders mis, als het eerst wel werkte

donderdag 26 oktober 2006 @ 15:04:45 #88

captain.lefteye

Hoi, ik moet als opdracht een website (met info over mezelf) in elkaar knutselen met css. Het gaat om de volgende website: http://hagen.let.rug.nl/~s1580299/ (let niet op wat er allemaal aan onzin in staat

). Het probleem dat ik heb is het volgende: In IE geeft hij het prima weer, geen problemen. Maar firefox heeft een uiterst irriterende schuifbalk onderin staan. Het gaat niet alleen om de welkom.html, maar ook om de pagina's die verder openen in het frame "main", dus het vermoeden bestaat dat er ergens in de stylesheet iets niet klopt. Maar wat...

quote:
Body
{
background-image:url(images/main.gif);
background-position:0px 0px;
background-attachment:fixed;
background-repeat: no-repeat;
font-family:"lucida sans";
font-size:12;
}

.text
{
text-align:justify;
position:relative;
left:5%;width:80%;
}

.hr
{
position:relative;
left:5%;
width:80%;
}

.titel
{
font-family:"lucida sans";
font-size:22;
font-weight:700;
position:relative;
left:5%;
}

.list
{
position:relative;
top:1.2%;
left:2.7%;
width:80%;
}

.table
{
position:relative;
top:1%;
left:5%;
width:80%;
background-color:royalblue;
border-color:silver;
font-size:14px;
}

.picture
{
position:relative;
top:2.8%;
left:5%;
width:80%;
}

.klein
{
font-size:9
}

a:link {color:black;font-weight:450}
a:visited {color:#990066;font-weight:450}
a:hover {color:#0000ff;font-weight:450}
a:active {color:#00ff00;font-weight:450}

Ik zou enige hulp wel waarderen...

donderdag 26 oktober 2006 @ 16:21:34 #89

super-muffin

Moet je frame's gebruiken in een CSS opdracht?

Steam - SC2

donderdag 26 oktober 2006 @ 19:35:31 #90

captain.lefteye

Jep, ik denk dat voor de toegankelijkheid er voor deze tussenoplossing is gekozen. Ik heb inmiddels door dit topic al wel in de gaten gekregen dat er meer mogelijk is met css dan ik tot nu toe heb geleerd, maar dit is het vak Webtech 1, wat voor veel mensen die nog nauwelijks HTML kenden ook verplicht is. Later in het jaar ben ik wel van plan het wat lastigere webtechnologie 2 te gaan volgen, wat wat dieper op bepaalde zaken in kan gaan omndat het dan voor velen niet meer verplicht is. Voor mij is het een een aanvullend vrij vak, een soort van vrije keuze om punten te scoren.

donderdag 26 oktober 2006 @ 22:36:35 #91

CraZaay

prettig gestoord

quote:
Op donderdag 26 oktober 2006 19:35 schreef captain.lefteye het volgende:
Jep, ik denk dat voor de toegankelijkheid er voor deze tussenoplossing is gekozen.

'Frame' en 'toegankelijkheid' in 1 zin?

zondag 26 november 2006 @ 12:15:31 #92

Chandler

Ik ben gisteren op mijn werk bezig geweest met css en html... nu wil ik graag SKIP-BO kaartjes maken in CSS... nu zien de kaartjes er heel goed uit in IE maar in FF is het weer helemaal bagger..

Heeft iemand een idee waar de fout in zit?

http://www.bruggema.nl/skip%2Dbo/www.html

hoef niet een directe oplossing, maar tips om het zelf te kunnen zoeken!

Just say hi!

zondag 26 november 2006 @ 12:25:38 #93

Darkomen

Heeft volgens mij met je padding te maken, ie en FF behandelen dat en borders anders.
Daar moet je ff op zoeken.
Probleem waar ik zelf ook nog niet echt uitkom.

zondag 26 november 2006 @ 14:29:10 #94

Chandler

ja daar heb ik dus op gezocht maar helaas weinig goed en nuttigs gevonden

Just say hi!

zondag 26 november 2006 @ 15:33:56 #95

super-muffin

Volgens mij heeft het met de boxmodel te maken.

Waarom gebruik je overigens geen achtergrond plaatjes?

Steam - SC2

zondag 26 november 2006 @ 15:41:54 #96

Darkomen

Box model, daar moet je inderdaad op zoeken

zondag 26 november 2006 @ 18:11:29 #97

Chandler

Hoe bedoel je met achtergrond plaatjes? en ik zal eens op boxmodel zoeken...

Just say hi!

dinsdag 28 november 2006 @ 00:02:18 #98

mrbombastic

Firefox doet weer eens niet wat ik wil --> http://willem.wjbakker.com/hongkong/nieuws.php

Waarom wordt het middelste gedeelte er niet tussen gezet?

In IE6 is de layout wel goed.

dinsdag 28 november 2006 @ 00:07:31 #99

super-muffin

Mrbombastic, ik kan je niet zo helpen, maar ik kan je aanraden dit artikel & dit artikel te lezen

Steam - SC2

dinsdag 28 november 2006 @ 00:09:05 #100

super-muffin

quote:
Op zondag 26 november 2006 18:11 schreef Chandler het volgende:
Hoe bedoel je met achtergrond plaatjes? en ik zal eens op boxmodel zoeken...

Dat je inplaats van de tekst, een achtergrond plaatje doet met die nummers.

Steam - SC2

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

[CSS] voor dummies - Deel 5

» digital corner

» digital corner