starten met css

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Php knipper

php knipper

12/10/2011 13:10:01
Quote Anchor link
Ik zou graag een layout willen maken zoals
Afbeelding

hoe kan ik dat het beste doen ( kwa div en afgeronde hoeken )

alvast bedankt
 
PHP hulp

PHP hulp

11/01/2025 00:56:50
 
Milo S

Milo S

12/10/2011 13:27:27
Quote Anchor link
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.
Zoek naar: border-radius (CSS3), float en clear.

Succes!
 
- Mark -

- Mark -

12/10/2011 13:30:46
Quote Anchor link
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.

gevalletje als het werkt is het leuk zo niet dan is het maar zo.

http://www.css3.info/preview/rounded-border/
 
- Ariën  -
Beheerder

- Ariën -

12/10/2011 14:01:22
Quote Anchor link
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.
Gewijzigd op 12/10/2011 14:01:46 door - Ariën -
 
Ger van Steenderen
Tutorial mod

Ger van Steenderen

12/10/2011 15:22:14
Quote Anchor link
- 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
 
Wouter J

Wouter J

12/10/2011 16:38:40
Quote Anchor link
@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.

@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!
 
Php knipper

php knipper

12/10/2011 17:37:47
Quote Anchor link
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>

Toevoeging op 12/10/2011 17:44:49:

nog een vraagje
ik kom dit tegen op de site van wouter j
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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;
}

maar wat doet die .(punt) voor p1{
 
- Ariën  -
Beheerder

- Ariën -

12/10/2011 17:49:31
Quote Anchor link
. staat voor class

bijv.
<div class="p1">Bla</div>
Gewijzigd op 12/10/2011 17:50:06 door - Ariën -
 
Php knipper

php knipper

12/10/2011 17:55:48
Quote Anchor link
en wat is het verschil tussen een div en een class
 
- Ariën  -
Beheerder

- Ariën -

12/10/2011 17:59:40
Quote Anchor link
evenveel als een appel en een banaan ;-)

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 -
 
Php knipper

php knipper

12/10/2011 18:05:52
Quote Anchor link
- 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?
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.