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

zondag 23 juli 2006 @ 22:29:30 #1

the_disheaver

[CSS] voor dummies.
[CSS] voor dummies - Deel 2
[CSS] voor dummies - Deel 3
[CSS] voor dummies - Deel 4

maandag 24 juli 2006 @ 17:48:02 #2

qu63

..de tijd drinkt..

hoe kan ik er voor zorgen dat een divje altijd onderaan blijft op mn pagina? (mn footer dus

)

bottom: 0px; helpt niet, want als ik ga scrollen blijft ie hangen.

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

maandag 24 juli 2006 @ 20:40:16 #3

the_disheaver

http://www.themaninblue.com/experiment/footerStickAlt/

of deze, maar die werkt niet in opera. http://scott.sauyet.name/CSS/Demo/FooterDemo1.html
niet gebruiken dus. Was te vinden in het vorige topic, hierzo: http://forum.fok.nl/topic/834745/1/500#39261345

maandag 24 juli 2006 @ 20:50:01 #4

qu63

..de tijd drinkt..

quote:
Op maandag 24 juli 2006 20:40 schreef the_disheaver het volgende:
http://www.themaninblue.com/experiment/footerStickAlt/

of deze, maar die werkt niet in opera. http://scott.sauyet.name/CSS/Demo/FooterDemo1.html
niet gebruiken dus. Was te vinden in het vorige topic, hierzo: http://forum.fok.nl/topic/834745/1/500#39261345

die 2e link heb ik dus ook geprobeerd, maar die werkte dus ook niet bij mij (IE én FF)

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

maandag 24 juli 2006 @ 20:56:20 #5

the_disheaver

hier wel, zowel ff (1,5 geloof ik) en IE (7)

zondag 30 juli 2006 @ 23:04:42 #6

beerten

Ik wil een <div> helemaal onderaan de pagina plaatsen. Maar het ding zweeft ergens halverwege de pagina. Blijkbaar is ie afhankelijk van de positie van de overige div's.
Het gaat om de div "footer" (<div id="footer">
Ik vermoed dat het iets moet zijn met clear: both; De andere div's worden wel naar wens weergegeven. Ik werk niet met container-div's of iets dergelijks.

Wie kan me helpen? Ik ben een ontzettende n00b met 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
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

#footer {
        bottom: 10px;
        left:10px;
        height: 20px;
        width: 764px;
        border: black solid 1px ;
        background-color: #6b6b6b;
       }

#admin_bar {
   float: top;
   top: 10px;
   position: relative;
   left: 110px;
   height: 20px;
         width: 650px;
   border: black solid 3px ;
   border-bottom: 0px;
        background-color: #6b6b6b;
       }

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

#menu {
        float: right;
        position: absolute;
        left: 10px;
        top: 50px;
        width: 93px;
        border: black solid 3px ;
        border-top: none;
        border-left: none;
       }

#table_admin {
        position: relative;
        float: bottom;
        top: 10px;
        left: 110px;
        width: 650px;
        border: black solid 3px ;
        background-color: #6b6b6b;
       }

#add_record {
        float: top;
        top: 10px;
        position: relative;
        left: 110px;
        width: 650px;
        border: black solid 3px ;
        border-bottom: 2px;
        background-color: #6b6b6b;
       }

maandag 31 juli 2006 @ 14:40:14 #7

Berkery

Fat bastard

quote:
Op zondag 30 juli 2006 23:04 schreef beerten het volgende:
Ik wil een <div> helemaal onderaan de pagina plaatsen. Maar het ding zweeft ergens halverwege de pagina. Blijkbaar is ie afhankelijk van de positie van de overige div's.

Kijk eens een paar posts terug

No Dukes of Hazzard in the classroom

maandag 31 juli 2006 @ 18:33:03 #8

beerten

quote:
Op maandag 31 juli 2006 14:40 schreef Berkery het volgende:

[..]

Kijk eens een paar posts terug [afbeelding]

Werkt niet! Krijg de paginas niet goed. Zoals gezegd blijft de footer ergens zweven halverwege de pagina.

maandag 31 juli 2006 @ 19:36:51 #9

Berkery

Fat bastard

float: bottom en float: top gaat ook niet werken.

No Dukes of Hazzard in the classroom

maandag 31 juli 2006 @ 20:34:23 #10

beerten

quote:
Op maandag 31 juli 2006 19:36 schreef Berkery het volgende:
float: bottom en float: top gaat ook niet werken.

Had dit inmiddels gelzen. Slechts left, right of none.

maandag 31 juli 2006 @ 21:07:01 #11

beerten

Alvast, ook namens mijzelf, niet bedankt voor de oplossing voor mijn probleem. Ik zie het hier staan in deze post en met deze informatie krijg ik het ook niet werkende.

een oplossing is

1	<?php //include "footer.php"; ?>

De clou voor mijn site.
Situatie: DIV over de volle breedte bovenaan.
Container DIV met alle content div's en hun willekeurige posities.
Footer DIV
Let op de body en html tag. Die moeten vermeld staan!

Alleen, klein details: Op een pagina gooit ie de DIV toch nog weer over het onderste deel van een pagina. Deze pagina is veel langer dan alle andere./ Maar toch.
Lang leve de tabel-opmaak....

het werkt dus wel, maar niet 100%

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

http://alistapart.com/articles/footers
html, body{
        height: 100%;
       }

#container{
        position: relative;
        min-height: 100%;
       }

#footer{
        position: absolute;
        bottom: 0;
       }

http://alistapart.com/articles/footers

[ Bericht 8% gewijzigd door beerten op 31-07-2006 21:27:09 ]

woensdag 23 augustus 2006 @ 19:24:25 #12

qu63

..de tijd drinkt..

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

woensdag 23 augustus 2006 @ 19:29:53 #13

the_disheaver

overflow: scroll

Of laat ie dan altijd een scrollbalk zien?

woensdag 23 augustus 2006 @ 19:50:23 #14

qu63

..de tijd drinkt..

quote:
Op woensdag 23 augustus 2006 19:29 schreef the_disheaver het volgende:
overflow: scroll

Of laat ie dan altijd een scrollbalk zien?

jup, maar het punt ook is, is dat IE de "Bottom: 10%" niet pakt terwijl FF dat wel doet (bekijk het voorbeeld maar

)

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

woensdag 23 augustus 2006 @ 19:52:32 #15

the_disheaver

quote:
Op woensdag 23 augustus 2006 19:50 schreef qu63 het volgende:

[..]

(bekijk het voorbeeld maar )

je server is nogal traag. In opera krijg ik hem nog wel te zien, in IE niet (opera lijkt het goed te gaan btw)

woensdag 23 augustus 2006 @ 20:10:17 #16

qu63

..de tijd drinkt..

quote:
Op woensdag 23 augustus 2006 19:52 schreef the_disheaver het volgende:

[..]

je server is nogal traag. In opera krijg ik hem nog wel te zien, in IE niet (opera lijkt het goed te gaan btw)

kan kloppen ja, dat is zeg maar mijn thuispc

ik maak wel even screenies van beide

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

woensdag 23 augustus 2006 @ 20:14:23 #17

qu63

..de tijd drinkt..

quote:
Op woensdag 23 augustus 2006 20:10 schreef qu63 het volgende:

[..]

kan kloppen ja, dat is zeg maar mijn thuispc
ik maak wel even screenies van beide

FF en IE

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

woensdag 23 augustus 2006 @ 20:21:04 #18

qu63

..de tijd drinkt..

quote:
Op woensdag 23 augustus 2006 20:14 schreef qu63 het volgende:

[..]

FF en IE

en de bijbehorende broncode:

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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147

<?php
echo "xml version=\"1.0\" encoding=\"iso-8859-1\"?".">";
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

if(isset($HTTP_COOKIE_VARS["users_resolution"]))
 $screen_res = $HTTP_COOKIE_VARS["users_resolution"];
else //means cookie is not found set it using Javascript
{

<script language="javascript">

</script>

}

<style>
body
 {
 background-image: url(images/php echo "$screen_res";.jpg);
 background-repeat: no-repeat;
 background-attachment: fixed;
 color: #FFF;
 }
.main
 {
 position: absolute;
 left: 10%;
 right: 10%;
 top: 10%;
 bottom: 10%;
 overflow: auto;
 text-align: right;
 }

.top
 {
 position: absolute;
 left: 10%;
 top: 0%;
 right: 10%;
 }

.bottom
 {
 position: absolute;
 left: 10%;
 right: 10%;
 bottom: 0%;
 }
</style>
<title>Untitled Document php echo "$screen_res";</title>
<script type="text/javascript" src="http://testserver.qu63.nl/blog2/scripts/countdown.js" defer="defer"></script>
</head>

<body>
<div class="top"><img src="top.gif" alt="Sven in Amersfoort"></div>
<div class="main">
 1
 2
 3
 4
 5
 6
 7
 8
 9
 0
 1
 2
 3
 4
 5
 6
 7
 8
 9
 0
 1
 2
 3
 4
 5
 6
 7
 8
 9
 0
 1
 2
 3
 4
 5
 6
 7
 8
 9
 0
 1
 2
 3
 4
 5
 6
 7
 8
 9
 0
 1
 2
 3
 4
 5
 6
 7
 8
 9
 0
 1
 2
 3
 4
 5
 6
 7
 
</div>
<div class="bottom"><h1 align="center">nog 2006-9-24 20:00:00 GMT+02:00</h1></div>
</body>
</html>
?>

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

woensdag 23 augustus 2006 @ 20:34:44 #19

the_disheaver

quote:
Op woensdag 23 augustus 2006 20:14 schreef qu63 het volgende:

[..]

FF en IE

kon je die ook niet ff op tinypic gooien ofzo... (lukt wel hoor

)

woensdag 23 augustus 2006 @ 20:45:49 #20

qu63

..de tijd drinkt..

quote:
Op woensdag 23 augustus 2006 20:34 schreef the_disheaver het volgende:

[..]

kon je die ook niet ff op tinypic gooien ofzo... (lukt wel hoor )

http://i8.tinypic.com/25fkahh.jpg

http://i8.tinypic.com/25fkayw.jpg

zo beter?

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

donderdag 24 augustus 2006 @ 13:23:46 #21

qu63

..de tijd drinkt..

(n)iemand?

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

vrijdag 25 augustus 2006 @ 09:55:03 #22

qu63

..de tijd drinkt..

quote:
Op donderdag 24 augustus 2006 13:23 schreef qu63 het volgende:
(n)iemand?

echt niemand?

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

vrijdag 25 augustus 2006 @ 13:12:27 #23

Berkery

Fat bastard

-lama-

[ Bericht 97% gewijzigd door Berkery op 25-08-2006 13:20:52 ]

No Dukes of Hazzard in the classroom

vrijdag 25 augustus 2006 @ 14:44:36 #24

qu63

..de tijd drinkt..

quote:
Op vrijdag 25 augustus 2006 13:12 schreef Berkery het volgende:
-lama-

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

donderdag 31 augustus 2006 @ 22:54:17 #25

Mr_Zoidberg

Ik heb de volgende css code:

1
2
3
4
5
6
7
8

      tr.row_top{
         background-color: #AAFE9E;
         border-left: 2px solid black;
         border-right: 2px solid black;
         border-top: 2px solid black;
         border-bottom: 1px solid black;

      }

Het probleem is de border om de row. In Firefox gaat dit zoals je zal verwachten. In IE krijg ik echter helemaal geen border. Weet iemand waar dit aan ligt en hoe ik het op zou kunnen lossen?

(ik zou alle declaraties gewoon in de TD uit kunnen voeren, maar dit is meer werk en naar mijn mening een beetje omslachtig)

Klik hier voor een complete lijst van alle freeroll poker toernooitjes!

donderdag 31 augustus 2006 @ 23:28:53 #26

the_disheaver

Probeer eens

1 2	tr.row_top td { de code

edit: tenminste, als je in elke cel een border wilt hebben. maar ik geloof dat je alleen om een rij een border wil...

donderdag 31 augustus 2006 @ 23:50:27 #27

Mr_Zoidberg

quote:
Op donderdag 31 augustus 2006 23:28 schreef the_disheaver het volgende:
Probeer eens
[ code verwijderd ]

edit: tenminste, als je in elke cel een border wilt hebben. maar ik geloof dat je alleen om een rij een border wil...

Enkel de randen van de row moeten randen krijgen, niet de cellen dus.

Klik hier voor een complete lijst van alle freeroll poker toernooitjes!

vrijdag 15 september 2006 @ 18:20:26 #28

Nevermind

(-_-)

Ik heb met mijn nieuwe CMS wat CSS probleempjes. Ik wil het xhtml strict hebben. Het CD-hoesje moet aan de linkerkant floaten (naast de 60x60 posticon) met de tekst er rechtsboven van beginnend. Het probleem met float:left of align="left" is dat de post niet meegroeit met de afbeelding. Zonder float of align="left" ziet het er zo uit:

De logische vraag: Hoe zorg ik ervoor dat de posthoogte meegroeit?

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

zaterdag 23 september 2006 @ 02:09:52 #29

Pino_666

Vraagje:
Kan je in CSS ook eigenschappen aan één bepaald karakter meegeven?
Bijvoorbeeld alle aanhalingstekens (") in het rood.

Thnxs

Wouter

Maak ik je bang ? Ga dan naar de dokter, want je hebt waarschijnlijk last van Hexakosioihexekontahexafobie !

zaterdag 23 september 2006 @ 11:00:33 #30

Pino_666

quote:
Op zaterdag 23 september 2006 02:09 schreef Pino_666 het volgende:
Vraagje:
Kan je in CSS ook eigenschappen aan één bepaald karakter meegeven?
Bijvoorbeeld alle aanhalingstekens (") in het rood.

Thnxs

Wouter

Iemand een idee?

Maak ik je bang ? Ga dan naar de dokter, want je hebt waarschijnlijk last van Hexakosioihexekontahexafobie !

zaterdag 23 september 2006 @ 12:10:27 #31

the_disheaver

enige is "

zaterdag 23 september 2006 @ 14:34:08 #32

Pino_666

quote:
Op zaterdag 23 september 2006 12:10 schreef the_disheaver het volgende:
enige is "

dat dacht ik al.... toch bedankt voor de bevestiging !

Maak ik je bang ? Ga dan naar de dokter, want je hebt waarschijnlijk last van Hexakosioihexekontahexafobie !

maandag 25 september 2006 @ 22:57:35 #33

Leonoor

Unter 32-16-8...

Vraagje: Ik heb nu een footer, die heb ik op een fixed position. Maar in mijn main-deel heb ik een background-image dat ik wil repeaten, in elk geval tot de onderkant van de pagina, maar als de pagina langer is, ook verder naar onder.

En dat laatste doet hij dus niet. Of, als ik hem zo ver krijg om dat wel te doen, dan stopt 'ie op de pagina's met minder tekst dan paginalengte al ergens halverwege (volgt u mij nog?).

Hoe los ik dat op?

Nulla verba sed acta

maandag 25 september 2006 @ 23:04:08 #34

CraZaay

prettig gestoord

quote:
Op maandag 25 september 2006 22:57 schreef Leonoor het volgende:
Vraagje: Ik heb nu een footer, die heb ik op een fixed position. Maar in mijn main-deel heb ik een background-image dat ik wil repeaten, in elk geval tot de onderkant van de pagina, maar als de pagina langer is, ook verder naar onder.

En dat laatste doet hij dus niet. Of, als ik hem zo ver krijg om dat wel te doen, dan stopt 'ie op de pagina's met minder tekst dan paginalengte al ergens halverwege (volgt u mij nog?).

Hoe los ik dat op?

Die background-image op je body zetten?

maandag 25 september 2006 @ 23:06:03 #35

CraZaay

prettig gestoord

quote:
Op vrijdag 15 september 2006 18:20 schreef Nevermind het volgende:
[afbeelding]

Ik heb met mijn nieuwe CMS wat CSS probleempjes. Ik wil het xhtml strict hebben. Het CD-hoesje moet aan de linkerkant floaten (naast de 60x60 posticon) met de tekst er rechtsboven van beginnend. Het probleem met float:left of align="left" is dat de post niet meegroeit met de afbeelding. Zonder float of align="left" ziet het er zo uit:

[afbeelding]

De logische vraag: Hoe zorg ik ervoor dat de posthoogte meegroeit?

Met een float haal je 'm uit de flow van de pagina, waardoor het parent element niet 'mee groeit'.

Wanneer je bijvoorbeeld na de tekst een element, zoals , gebruikt met clear: left (bij een float: left) lost dat je probleem op.

maandag 25 september 2006 @ 23:14:45 #36

CraZaay

prettig gestoord

quote:
Op donderdag 31 augustus 2006 22:54 schreef Mr_Zoidberg het volgende:
Ik heb de volgende css code:
[ code verwijderd ]

Het probleem is de border om de row. In Firefox gaat dit zoals je zal verwachten. In IE krijg ik echter helemaal geen border. Weet iemand waar dit aan ligt en hoe ik het op zou kunnen lossen?

(ik zou alle declaraties gewoon in de TD uit kunnen voeren, maar dit is meer werk en naar mijn mening een beetje omslachtig)

Ik heb net een testopstelling gemaakt, maar ik zie in FF en IE geen border. Kun je je voorbeeld ergens online zetten?

dinsdag 26 september 2006 @ 00:31:27 #37

the_disheaver

quote:
Op maandag 25 september 2006 23:14 schreef CraZaay het volgende:

[..]

Ik heb net een testopstelling gemaakt, maar ik zie in FF en IE geen border. Kun je je voorbeeld ergens online zetten?

is niet mogelijk in IE. in FF en opera naar mijn weten ook niet

gewoon een idee, kun je niet

tr.top_row td {}

gebruiken?

dinsdag 26 september 2006 @ 09:08:01 #38

CraZaay

prettig gestoord

quote:
Op dinsdag 26 september 2006 00:31 schreef the_disheaver het volgende:

[..]

is niet mogelijk in IE. in FF en opera naar mijn weten ook niet

gewoon een idee, kun je niet

tr.top_row td {}

gebruiken?

Vandaar dat ik heel benieuwd was naar de opstelling waarin hij het wel werkend kreeg in FF

Cleanere code zou dan zijn

1
2
3

th {
style;
}

In het kader van semantiek en het gebruiken van tags waar ze voor bedoeld zijn (een table header element voor de koppen).

dinsdag 26 september 2006 @ 15:34:57 #39

Leonoor

Unter 32-16-8...

quote:
Op maandag 25 september 2006 23:04 schreef CraZaay het volgende:

[..]

Die background-image op je body zetten?

Het is misschien wel voor dummies, maar ik ben niet helemaaal stom, dus zover was ik al

.
Toch bedankt voor het meedenken

.

Nulla verba sed acta

dinsdag 26 september 2006 @ 21:12:20 #40

CraZaay

prettig gestoord

quote:
Op dinsdag 26 september 2006 15:34 schreef Leonoor het volgende:

[..]

Het is misschien wel voor dummies, maar ik ben niet helemaaal stom, dus zover was ik al .
Toch bedankt voor het meedenken .

Ga je ook vertellen waarom dit niet de oplossing voor je probleem is? Op basis van je info neem ik aan dat je de achtergrond altijd tot onderaan de pagina wilt hebben, en met een background op de body werkt dat.

dinsdag 26 september 2006 @ 22:04:29 #41

Leonoor

Unter 32-16-8...

quote:
Op dinsdag 26 september 2006 21:12 schreef CraZaay het volgende:

[..]

Ga je ook vertellen waarom dit niet de oplossing voor je probleem is? Op basis van je info neem ik aan dat je de achtergrond altijd tot onderaan de pagina wilt hebben, en met een background op de body werkt dat.

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

.

Nulla verba sed acta

dinsdag 26 september 2006 @ 23:38:26 #42

CraZaay

prettig gestoord

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 .

Er zit een verschil tussen niet werken, en niet snappen hoe je iets moet realiseren om het te laten werken

woensdag 27 september 2006 @ 16:54:21 #43

the_disheaver

FF terug naar CSS

1
2
3
4
5

___________________
| |div 2|div 3|
|div 1|------------
| |div 4|div 5|
-------------------

Kan dit als je enkel

1
2
3
4
5

hebt? Dus zonder een container om div 2 t/m 5?

woensdag 27 september 2006 @ 17:49:22 #44

the_disheaver

heb het opgelost door een container er om te gooien. Maar als iemand er een oplossing zonder container voor heeft: graag.

'div.' vergeten ergens, en en een half uur afgevraagd... waarom doet ie het niet!

vrijdag 29 september 2006 @ 09:40:40 #45

super-muffin

quote:
Op woensdag 27 september 2006 17:49 schreef the_disheaver het volgende:
heb het opgelost door een container er om te gooien. Maar als iemand er een oplossing zonder container voor heeft: graag.

'div.' vergeten ergens, en en een half uur afgevraagd... waarom doet ie het niet!

Waarom zonder container?

Naast dat het haast niet mogelijk is, tenzij je alles absolute gaat positioneren

Steam - SC2

vrijdag 29 september 2006 @ 09:43:38 #46

super-muffin

quote:
Op vrijdag 15 september 2006 18:20 schreef Nevermind het volgende:
[afbeelding]

Ik heb met mijn nieuwe CMS wat CSS probleempjes. Ik wil het xhtml strict hebben. Het CD-hoesje moet aan de linkerkant floaten (naast de 60x60 posticon) met de tekst er rechtsboven van beginnend. Het probleem met float:left of align="left" is dat de post niet meegroeit met de afbeelding. Zonder float of align="left" ziet het er zo uit:

[afbeelding]

De logische vraag: Hoe zorg ik ervoor dat de posthoogte meegroeit?

overflow: hidden aan de parent (de post dus

)

Alleen getest in Safari en Firefox overigens

Steam - SC2

vrijdag 29 september 2006 @ 10:07:29 #47

Fred

Beroepschagrijn

Zo, alle FTP-vragen zijn er uit.

@PM-Girl, als je nog vragen hebt, open dan hier je eigen topic. Dan blijft de boel hier over zichtelijk.

en weer verder.

So we just called him Fred

vrijdag 29 september 2006 @ 12:07:09 #48

ymme

-edit-

Verkeerde topic.

[ Bericht 93% gewijzigd door ymme op 29-09-2006 12:38:58 ]

vrijdag 29 september 2006 @ 12:08:12 #49

ymme

-edit-

verkeerde topic.

[ Bericht 82% gewijzigd door ymme op 29-09-2006 12:39:46 ]

vrijdag 29 september 2006 @ 12:33:38 #50

the_disheaver

En dat vraag/meld je hier

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)

No Dukes of Hazzard in the classroom

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!

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

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

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

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

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

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