[CSS] voor dummies.

quote:

Op donderdag 30 december 2004 12:28 schreef Leshy het volgende:
Voeg margin: auto; toe aan de CSS voor je table.

quote:

#update-foto {
background: #d8d8d8;
width: 100px;
height: 100px;
margin-left: 10px;
margin-top: 20px;
}

#update-tekst {
background: #e0e0e0;
width: 400px;
height: 100px;
margin-left: 110px;
margin-top: 20px;
}

quote:

Op zaterdag 8 januari 2005 02:32 schreef Chandler het volgende:
Iemand nog tips voor me gallery, laatste versie staat op http://upload.bruggema.nl/files/leshy.html , zelf vind ik de 'plaatjes' niet zo mooi binnen de nieuwe layout iemand die hier misschien mooiere suggesties voor/over heeft?

quote:

Op zaterdag 8 januari 2005 13:59 schreef Leshy het volgende:
Voeg een float: left; toe aan je #update-foto.

quote:

#update {
background: Red;
color: #ffffff;
width: 500px;
margin: 15px auto auto auto;
}

#update-foto {
background: #d8d8d8;
width: 100px;
height: 100px;
margin: auto auto auto 15px;
float: left;
}

#update-tekst {
background: #e0e0e0;
width: 400px;
height: 100px;
margin: auto auto auto 100px;
}

quote:

Op zaterdag 8 januari 2005 14:32 schreef Chandler het volgende:
padding: 0? werkt dat?

quote:

Op zaterdag 8 januari 2005 14:08 schreef Chandler het volgende:
leshy: ook nog tips voor mij?

quote:

Op zaterdag 8 januari 2005 14:24 schreef SqueaK het volgende:
jaa dat werkt ! alleen dat brengt een volgend probleempje mee.... een witte ruimte:

quote:

Op zaterdag 8 januari 2005 14:59 schreef Chandler het volgende:


ChOas: Fok 5 jaar BBQ meeting?

quote:

Op zaterdag 8 januari 2005 14:59 schreef Chandler het volgende:
ennuh waarom gebruik je margin: auto auto auto auto 15px; gebruik dan alleen de margin-<???>: 15px;

quote:

Op zaterdag 8 januari 2005 14:59 schreef Chandler het volgende:
ennuh Heliospan, die borders waren een goed idee; verder heb ik een kader om de titel heen gezet en lijkt er nu al wat meer op... nog meer tips?

quote:

/* Basis */
body {
font: normal 10pt Arial, sans, sans-serif, monospace;
color: Red;
background: #C6C1B4;
margin: 0px;
padding: 0px;
}

span {
display: none;
}

/* Container */
#container {
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 560px;
position: relative;
border: 0px;
text-align: left;
}

/* Cel met de kopafbeelding erin */
#header {
background: #000000;
width: 560px;
height: 80px;
padding: 1px;
}

/* De hoofdcel waar alles in komt */
#hoofdcel {
background: #ffffff;
color: #000000;
width: 560px;
height: 500px;
margin: 0px 0px 0px 0px;
padding: 1px;
}

/* De cel waar de kop 'laatste update' komt te staan */
#update {
background: Red;
color: #ffffff;
width: 500px;
height: 15px;
margin-left: 30px;
margin-top: 15px;
}

/* De cel waar de foto in komt van de laatst toegevoegde film */
#update-foto {
background: #e0e0e0;
width: 100px;
height: 100px;
float: left;
margin-left: 30px;

}

/* De cel waar de informatie in komt van de laatst toegevoegde film */
#update-tekst {
background: #e0e0e0;
width: 400px;
height: 100px;
margin-left: 130px;
}

/* De cel waar de letters van het alfabet in komen */
#alfabet {
background: Red;
color: #ffffff;
width: 500px;
height: 15px;
margin-left: 30px;
margin-top: 15px;
}

/* De cel waar de titels in komen */
#films {
background: #d8d8d8;
width: 500px;
height: auto;
margin-left: 30px;
}

/* De onderste cel van alles */
#celonder {
background: #b7b7b7;
color: #000000;
width: 560px;
height: 15px;
}

quote:

Op zondag 9 januari 2005 11:14 schreef SqueaK het volgende:
iemand ? Leshy?

quote:

Op zaterdag 8 januari 2005 20:02 schreef SqueaK het volgende:
ik heb een klein probleempje met IE en FF....

open deze site http://www.furoreschoonmaakservice.nl/test/ maar eens in beide browsers...

In internet explorer gaat het fout....in firefox gaat het wel goed.... waar kan het aan liggen ?

dit is de code:
(als ik "float: left" weghaal bij de "update-foto" cel dan gaat ie wel op de goede plaats staan, maar dan gaan de andere cellen er onder staan)
[..]

quote:

Op dinsdag 11 januari 2005 15:45 schreef DutchBlood het volgende:
http://c-q.nl/dnorm/

In FireFox lijnt ie m'n menubalk en content wel in het midden uit, maar in IE niet. Heb al vanalles geprobeerd, site is ook via de w3 standaard.

quote:

Op dinsdag 11 januari 2005 17:13 schreef Roönaän het volgende:
DB: Voor IE moet de doctype op de eerste regel staan wil het werken en uit quirk mode springen

quote:

Op dinsdag 11 januari 2005 19:02 schreef Roönaän het volgende:
doctype op regel 1.

quote:

Op dinsdag 11 januari 2005 22:31 schreef DutchBlood het volgende:
Kan iemand mij uitleggen hoe dit werkt?

quote:

Op zondag 9 januari 2005 21:52 schreef Chandler het volgende:
Helio; ikheb een voorbeeldje gemaakt; kom echter niet zo verder

http://upload.bruggema.nl/files/helio.html

- wanneer ik #top aanpas verdwijnt me 'logo'.
- menutjes naast elkaar met spacing krijg ik niet voor elkaar.
- borders ook niet mooi (zijn weer weg gehaald)

quote:

Op zaterdag 22 januari 2005 11:50 schreef Tomek het volgende:
Firefox geen probleem natuurlijk, maar internet explorer snapt er weer geen bout van

quote:

weet iemand hoe ik bovenstaand opsomming kan stylen naar default instelling zeg maar?

quote:

Op zaterdag 22 januari 2005 13:18 schreef Leshy het volgende:

[..]

Internet Explorer herkent alleen :hover op een <a> element.
[..]

quote:

Het is eenvoudiger om je menu gewoon iets van <ul id='menu'> te maken, en de CSS voor het menu via ul#menu {...} te regelen

quote:

Op zaterdag 22 januari 2005 14:29 schreef Maffioso het volgende:
ff een vraagje:
Klopt het dat als je body { margin: 0; } gebruikt, dat dat hetzelfde is als marginwidth, marginheight, leftmargin en topmargin bij elkaar? En wordt dat door de meeste browsers ondersteunt?

quote:

Op zaterdag 22 januari 2005 13:53 schreef Tomek het volgende:
daar gebruik ik dus een speciaal bestandje voor die er voor zorgt dat internet explorer het wel herkent.

quote:

dat was ook mijn plan, ik wou het alleen andersom doen.

quote:

Op zaterdag 22 januari 2005 14:29 schreef Maffioso het volgende:
Klopt het dat als je body { margin: 0; } gebruikt, dat dat hetzelfde is als marginwidth, marginheight, leftmargin en topmargin bij elkaar?

quote:

Op zaterdag 22 januari 2005 16:12 schreef Leshy het volgende:

Is nogal een omslachtige methode, maar voor de default CSS styles die je nodig hebt kun je misschien even hier kijken.

quote:

Op zaterdag 22 januari 2005 16:22 schreef Leshy het volgende:
Mja, dan geldt opnieuw, ondersteunde MSIE maar child selectors.

Anders kon je gewoon ul#menu>li gebruiken, heb je geen last van geneste list items

quote:

Op zaterdag 22 januari 2005 16:21 schreef Tomek het volgende:
dat operah dan niet meer reageert op <center>

quote:

Op zaterdag 22 januari 2005 16:23 schreef Tomek het volgende:
idd, maar mocht je er belang bij hebben. ik heb een bestandje die je moet includen die er vervolgens voor zorgt dat bijvoorbeeld die hovers ook allemaal werken in internet explorer.

quote:

Op zaterdag 22 januari 2005 16:26 schreef Leshy het volgende:

[..]

Geen idee. Net even zelf een testbestandje gemaakt, maar leverde geen problemen op. Mogelijk staat er iets in je stylesheet wat het effect van <center> teniet doet, geen idee.

Overigens is <center> sowieso nutteloos, daar heb je CSS voor

quote:

Op zaterdag 22 januari 2005 16:21 schreef Tomek het volgende:
Overigens Leshy, jij als Operah deskundige

Weet jij hoe het kan dat als ik het volgende in mijn <header> tags heb staan
[ code verwijderd ]

dat operah dan niet meer reageert op <center>

Ik weet het, het klinkt vreemd maar het is echt zo.
Doe ik dan iets als <center><table><tr><td></td></tr></table></tcenter> dan wordt dat dus niet gecentreerd. haal ik die stylesheet weg, dan weer wel

quote:

Op zaterdag 22 januari 2005 16:22 schreef Leshy het volgende:
Mja, dan geldt opnieuw, ondersteunde MSIE maar child selectors.

Anders kon je gewoon ul#menu>li gebruiken, heb je geen last van geneste list items

quote:

Op zondag 23 januari 2005 15:05 schreef Maffioso het volgende:
Ik heb een achtergrond image gemaakt van 750px breed en 10px hoog. Hoe kan ik die met css zo gebruiken dat hoe hoog het browserwindow ook is die achtergrond image altijd totaan beneden doorgaat?

Vroeger kan dat in html gewoon door een table een hoogte van 100% mee te geven, maar dat mag helaas niet meer. Dus hoe doe ik dat in css?

quote:

Op zondag 23 januari 2005 15:08 schreef Tomek het volgende:

[..]

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

nu mijn vraag weer

quote:

Op zondag 23 januari 2005 15:08 schreef Tomek het volgende:

[..]

nu mijn vraag weer

quote:

Op zondag 23 januari 2005 15:57 schreef Roönaän het volgende:

[..]
[ code verwijderd ]

En zoek het verder zelf maar uit, want dat schijnt jouw houding ten opzichte van anderen ook te zijn

quote:

Op maandag 24 januari 2005 01:52 schreef Tomek het volgende:
Ik kom er nog steeds niet uit. Is er iemand die misschien een tip kan geven. Ik heb het geprobeerd op de manier van Ronaan:

deze aangemaakt:
[ code verwijderd ]

en de <li> als volgt:
[ code verwijderd ]

Firefox werkt weer prima, linkjes worden blauw. Maar internet explorer doet het niet. Het vreemde is dat hij bepaalde dingen wel overneemt uit #blauw. Als ik de background-image verander, dan verandert die wel. Maar de linktekst verandert gewoon niet.

Ik snap het niet meer

quote:

Op maandag 24 januari 2005 03:30 schreef Leshy het volgende:
Geef eens een link naar een site in kwestie, is waarschijnlijk een stuk handiger dan al die losse snippets

quote:

Op maandag 24 januari 2005 07:41 schreef SuperRembo het volgende:

[..]

Deze code wordt toegepast op een link, een "visited"-element en een "hover"-element. Dat werkt dus niet.
[ code verwijderd ]

moet zijn
[ code verwijderd ]

Een id veranderen lijkt me geen handige aanpak. Je kan beter de class veranderen
[ code verwijderd ]

css:
[ code verwijderd ]

(Je post is wat breed vind je niet? )

quote:

margin-top: 10px;
margin-left: 2px;

quote:

Op vrijdag 28 januari 2005 18:37 schreef Heliospan het volgende:
hier staat een klein begin van een fotoalbumscriptje waar ik mee bezig ben. Onderaan wil ik een horizontale scrollbalk in de DIV hebben als er meer thumbnails staan dan in het scherm passen. Hoewel ik geen <br/>-tags gebruik bij de afbeeldingen, gaan ze toch onder elkaar staan (en komt er een verticale scrollbalk). Hoe fix ik dit?

quote:

Op vrijdag 28 januari 2005 18:37 schreef Heliospan het volgende:
hier staat een klein begin van een fotoalbumscriptje waar ik mee bezig ben. Onderaan wil ik een horizontale scrollbalk in de DIV hebben als er meer thumbnails staan dan in het scherm passen. Hoewel ik geen <br/>-tags gebruik bij de afbeeldingen, gaan ze toch onder elkaar staan (en komt er een verticale scrollbalk). Hoe fix ik dit?