starten met css
Ik zou graag een layout willen maken zoals
Zoek naar: border-radius (CSS3), float en clear.
Succes! Je weet als goed is dat een website is opgebouwd uit divs, span, h*, ul li elementen etc. Deze elementen kun je een classname toevoegen. Doormiddel van die classname kun je een style toevoegen.
gevalletje als het werkt is het leuk zo niet dan is het maar zo.
http://www.css3.info/preview/rounded-border/ Ik gebruik zelf de border radius van css3 maar alleen voor stukken waar het niet uitmaakt als het gewoon haaks is als de gebruikte browser het niet ondersteund. Alle moderne browsers ondersteunen het als ik me niet vergis. IE8 ondersteunt nog geen rounded-corners kan ik je vertellen. En er izjn nog mensen die dat gebruiken. Hoewel 9 al flink in opmars is geraakt.
Inderdaad, waaronder ik zelf.
Er bestaat een script dat het wel mogelijk maakt CSS3 in IE8 te gebruiken zie: http://css3pie.com/
@php knipper, ik zou dan 3 divjes maken div#header, div#sidebar, div#content. En ook nog een div#navigatie.
Deze style je dan apart. Om te leren omgaan met CSS en HTML: http://www.sceneone.nl/ is daarvoor perfect! @milo, ik raad niet aan alleen classes te gebruiken. IDs zijn hier juist perfect voor. Een ID mag je maar 1 keer in een pagina gebruiken, dus perfect.
Toevoeging op 12/10/2011 17:44:49:
nog een vraagje
ik kom dit tegen op de site van wouter j
maar wat doet die .(punt) voor p1{ wat mij de grootste zorg baart is het hoekje aan de binnekant. ik zou niet weten hoe ik dat moet doen. En hoe je werkt met <div></div> . staat voor class
Div is een HTML element, en class is een attribuut, welke de (niet unieke) stijl aangeeft. In mijn voorbeeld zou je ook een span kunnen gebruiken of menig ander HTML element. evenveel als een appel en een banaan ;-)
ik eet geen banaan met de schil op ;-)
ik ga eens met css aan de slag
bedankt
Toevoeging op 12/10/2011 18:44:46:
maar het positioneren dat is toch niet zo evident want er zijn veel soorten beeldformaat? hoe werkt dat dan?
Zoek naar: border-radius (CSS3), float en clear.
Succes!
gevalletje als het werkt is het leuk zo niet dan is het maar zo.
http://www.css3.info/preview/rounded-border/
Gewijzigd op 12/10/2011 14:01:46 door - Ariën -
- Aar - op 12/10/2011 14:01:22:
IE8 ondersteunt nog geen rounded-corners kan ik je vertellen. En er izjn nog mensen die dat gebruiken. Hoewel 9 al flink in opmars is geraakt.
Inderdaad, waaronder ik zelf.
Er bestaat een script dat het wel mogelijk maakt CSS3 in IE8 te gebruiken zie: http://css3pie.com/
Gewijzigd op 12/10/2011 15:22:50 door Ger van Steenderen
@php knipper, ik zou dan 3 divjes maken div#header, div#sidebar, div#content. En ook nog een div#navigatie.
Deze style je dan apart. Om te leren omgaan met CSS en HTML: http://www.sceneone.nl/ is daarvoor perfect!
Toevoeging op 12/10/2011 17:44:49:
nog een vraagje
ik kom dit tegen op de site van wouter j
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
#box1{
width: 200px;
height: 100px;
border: 2px solid #666;
background: orange;
text-align: center;
}
.p1{
font-weight: bold;
color: orange;
}
width: 200px;
height: 100px;
border: 2px solid #666;
background: orange;
text-align: center;
}
.p1{
font-weight: bold;
color: orange;
}
maar wat doet die .(punt) voor p1{
en wat is het verschil tussen een div en een class
Div is een HTML element, en class is een attribuut, welke de (niet unieke) stijl aangeeft. In mijn voorbeeld zou je ook een span kunnen gebruiken of menig ander HTML element.
Gewijzigd op 12/10/2011 18:00:10 door - Ariën -
- Aar - op 12/10/2011 17:59:40:
evenveel als een appel en een banaan ;-)
ik eet geen banaan met de schil op ;-)
ik ga eens met css aan de slag
bedankt
Toevoeging op 12/10/2011 18:44:46:
maar het positioneren dat is toch niet zo evident want er zijn veel soorten beeldformaat? hoe werkt dat dan?