abonnement Unibet Coolblue Bitvavo
pi_29374198
Je kan bijvoorbeeld de clear div een hoogte van 1px geven.

Lees trowens ook het stuk Semantiek - Waarom zou je?, een goede css layout is veel meer dan een verzameling divjes.
De <center> hoort er eigenlijk ook niet in te staan.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_29412843
Ook ik zit met een probleem.
Heb een simpel voorbeeld gemaakt, de site die het probleem heeft is makkelijk aan te passen als ik de fout gevonden heb. Het gaat me nu alleen puur om de lay-out.

Hier de htm file: http://www.freriks6.demon.nl/layout/main.htm

Hier de css file: http://www.freriks6.demon.nl/layout/layout.css

Open de htm file nu eens in Internet Explorer en in FireFox.. In IE word hij weergegeven zoals het moet en FF "vergeet" de onderste balk.

Ik heb al verschillende dingen geprobeerd maar ik kan de fout echt niet vinden. Ik weet wel dat FireFox net ff iets anders omgaat met htm files dan IE

Wie ziet de fout?
pi_29416717
Je moet je floats "clearen". Zie bijv Clearing floats. Een paar post naar boven staat er ook wat over.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_29422042
Prolbleem is al opgelost door ergens nog een float: left; te plaatsen... maar bedankt voor het meedenken
pi_29429253
Gmbrl, nu zit ik met een ander probleem

Heb de site even aangepast daarvoor:

Htm file

CSS file

Ik heb even als test 1 vlak helemaal vol gepropt met tekst en nu komt het. In Internet Explorer kan ik scrollen en "springt" de tekst aan de bovenkant, zijkanten en onderkant netjes in door een margin van 15px. Maar in FireFox "vergeet" hij de onderkant en kan ik ook niet scrollen. Wat ik trouwens ook raar vind is dat het voorbeeld bij een ander wel scrolt in FireFox en bij mij nie
En ook bij hem laat FireFox te tekst niet netjes "inspringen" door die margin van 15px.

Ik las op diverse sites trouwens dat FF geen kleur toepast op een scrollbar wat IE dan weer wel doet. (ik weet dat dit officieel niet als CSS word goedgekeurd)
Is dit ook te verhelpen of moet ik het in FireFox doen met die grijze saaie kleur?
pi_29430461
Dat het scroolen met 't scrollwieltje niet werkt is een (irritante) bug in Firefox.

De layout vind ik maar niks eerlijk gezegd. Het werkt klote op lagere resoluties en ziet er niet uit op hoge resoluties. Het is ook een verzameling divjes zonder logica (zie http://home.parse.nl/~michiel/semantiek.html).

Onder XP met de XP layout werken de css-kleuren op de scollbar ook niet als ik 't goed heb.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_29434770
quote:
Op donderdag 4 augustus 2005 21:31 schreef SuperRembo het volgende:
Het is ook een verzameling divjes zonder logica (zie http://home.parse.nl/~michiel/semantiek.html).
Wat is dan wel de juiste manier? Ik kan op die site niet echt een duideljik voorbeeld vinden dat de manier die ik gebruik fout zou zijn?

Of ik met verkeerd gekeken hebben...
pi_29587268
Net ff mijn css-file door de validator gesleurt.. err
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.substruction.com%2Fcss.css&warning=no&profile=css2&usermedium=all
Iemand enige hulp/tips? CSS heb ik nog niet onder de knie.
pi_29587597
Je gebruikt properties die niet bestaan. Als je een lengte of hoogte op geeft, dan hoort er een eenheid bij, dus bijv. 601px in plaats van 601. Alleen als de lengte 0 is dan mag je de eenheid weglaten.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  zondag 14 augustus 2005 @ 15:31:07 #235
120391 Brilaap
Snel verveeld
pi_29629871
*Snel tvp neerzet*
pi_29721076
http://www2.flashywebtools.nl/

Waarschijnlijk hoef ik al niet meer te vertellen Ik wil de drie divjes naast elkaar hebben (150px-450px-150px). Ik heb al wat geprobeerd met floats en clears, maar ik krijg het niet voor elkaar. Iemand een idee?
"We hebben nooit domme dingen gedaan van onze uitkering, en waren nooit te beroerd om er wat bij te verdienen" (F. Jacobse)
pi_29721514
float: left voor sidebar1 en float: right voor sidebar2 zou het toch moeten doen hoor. Mits je natuurlijk die grote margin's weghaalt. En nergens clearen.
  woensdag 17 augustus 2005 @ 21:30:00 #238
120391 Brilaap
Snel verveeld
pi_29731851
Weet iemand een goede, gratis (x)html/css editor?
  woensdag 17 augustus 2005 @ 22:41:58 #239
32768 DionysuZ
Respect my authority!
pi_29735159
notepad?
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
pi_29736149
quote:
Op woensdag 17 augustus 2005 21:30 schreef Brilaap het volgende:
Weet iemand een goede, gratis (x)html/css editor?
TopStyle, de lite versie is gratis.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  woensdag 17 augustus 2005 @ 23:06:46 #241
120391 Brilaap
Snel verveeld
pi_29736203
quote:
Op woensdag 17 augustus 2005 22:41 schreef DionysuZ het volgende:
notepad?
Voorspelbare kutnewbie .
  woensdag 17 augustus 2005 @ 23:07:35 #242
120391 Brilaap
Snel verveeld
pi_29736225
quote:
Op woensdag 17 augustus 2005 23:05 schreef SuperRembo het volgende:

[..]

TopStyle, de lite versie is gratis.
Ik zal hem gaan proberen. Dank .
  donderdag 18 augustus 2005 @ 00:46:15 #243
32768 DionysuZ
Respect my authority!
pi_29739916
quote:
Op woensdag 17 augustus 2005 23:06 schreef Brilaap het volgende:

[..]

Voorspelbare kutnewbie .
que? newbie?
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
  donderdag 18 augustus 2005 @ 10:44:12 #244
120391 Brilaap
Snel verveeld
pi_29746794
Topstyle werkt handig. Thnx voor de top .
  maandag 22 augustus 2005 @ 14:12:27 #245
120391 Brilaap
Snel verveeld
pi_29864782
Even het volgende, ik wil een background-image hebben. Het is een klein .gifje, etc we kennen het vast allemaal maar. Nu ben ik bezig met die stylesheet en ik was even benieuwd hoe die url er uit moet zien? Ik heb in mijn puplic_html een map genaamd image. Bestaandsnaam van .gifje is page-bg.gif. Hier mijn stylesheet:


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
body {
   background-color: #95b7cd;
   color: #666666;
   font-family: Verdana, Helvetica, Ariel, sans-serif;
   font-size: 1em;
   background-image: image/page-bg.gif;
}
h1 {
font-size: 1.2em;
}
h2{
font-size: 1.1em;
}
p{
font-size: .8em
}


Check in body de bacground-image tag. Dit werkt dus niet. Iemand een idee? Alvast bedankt! Als ik het antwoord weer kan ik weer verder met mijn tutorial .
  maandag 22 augustus 2005 @ 14:17:28 #246
44679 Leshy
Held met sokken.
pi_29864872
1background-image: url('image/page-bg.gif');

  maandag 22 augustus 2005 @ 14:34:30 #247
120391 Brilaap
Snel verveeld
pi_29865126
quote:
Op maandag 22 augustus 2005 14:17 schreef Leshy het volgende:

[ code verwijderd ]

Ik heb nu:

1background-image: url(http://fatguyslim.nl/image/page-bg.gif);


Dat was hem! Even wat google en zo en ik kan weer verder . Dank je wel Leshy voor je post .
  dinsdag 23 augustus 2005 @ 12:52:16 #248
120391 Brilaap
Snel verveeld
pi_29884203
Ik loop weer ergens tegenaan. Maar ja alles wat je moet leren komt niet zo maar vanzelf. Hier de 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
/*This stylesheet is only for CSS the tutorial*/

body {
   background-color: #95b7cd;
   color: #666666;
   font-family: Verdana, Helvetica, Ariel, sans-serif;
   font-size: 1em;
   background-image: url(http://fatguyslim.nl/image/page-bg.gif);
   margin: 0;
}
h1 {
   font-size: 1.2em;
   text-align: right;
   font-style: italic;
   letter-spacing: 5px;
}
h2 {
   font-size: 1.1em;
   text-decoration: underline;
}
p {
   font-size: .8em;
   text-align: justify;
   line-height: 1.7em;
}
p.footer {
   font-size: .5em;
   text-align: center;
}
a:link {
   color: #666666;
   background-color: #95b7cd;
   text-decoration: none;
}
a:visited {
   color: #666666;
   background-color: #95b7cd;
   text-decoration: none;
}
a:hover {
   background-color: #aaddee;
}
a:active {
   background-color: #3cc7f0;
}
#header {
   background-color: #ffffff;
   border-bottom: 1px #000000 solid;
}
#content {
}
#navbar {
}
#main-text {
}


Het gaat om regel 46 tm 48. Als ik regel 48 er niet neerschrijf is er niks aan de hand. Ik heb dan een header, background wit. Zodra regel 48 er komt te staan is er geen witte background meer en ik zie nergens een zwarte border-botttom. Hoe kan dit? Wat doe ik pcies fout? Als jullie meer info nodig hebben hoor ik het graag . Alvast bedankt voor de hulp ennn goed topic dit .

[ Bericht 0% gewijzigd door Brilaap op 23-08-2005 12:59:01 (Regel 47 gefixt.) ]
pi_29884249
Er mist een puntkomma aan het eind van regel 47.
  dinsdag 23 augustus 2005 @ 12:54:47 #250
120391 Brilaap
Snel verveeld
pi_29884273
Neee dat was het dus wel he?! Fuck ik ben er voor mezelf nog wel scherp op!!! Ff proberen...
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')