Archief - PREVIEW: Check Kleuren

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
X

XeNiUs

Legacy Member
Hey,

Ben zopas aan het tweede sitje begonnen, het is niet al teveel tra tra la met photoshop enz. Enkel puur dreamweaver en headerke ;-) gemaakt in fireworks. Wil altijd men sites volledig css en html compatibel maken.

www.conventskarting.be/LangersKevin

Maar nu had ik nog een paar vraagjes,

zou ik iets kleuren combinatie gebruiken in link met de kleuren van zijn helm, maar wat zou dan het mooiste overkomen volgens jullie?

Dan zoek ik nog iets voor in de main tekst kader te zetten, alleen maar tekst is maar saai. Er zouden nog iets kaderachtige toestanden in de main moeten komen.

Het is een site al stijl van de eerste : www.conventskarting.be/StijnWitters

Groetjes
k

koebeest

Legacy Member
laat die eerste? die is goed genoeg :x . Owja , kleine verbetering. Je zegt namelijk banner tegen een header . Dat is een fout die veel beginners maken maar waar ik persoonlijk de kriebels van krijg.

Header: Bovenaan de site

Banner : Reclame
X

XeNiUs

Legacy Member
thanks alvast :) en aangepast ;-)

Ik heb nu eigenlijk ook een intro scherm gemaakt, maar ik vind eerlijk gezegd de 3d border beetje te druk niet?

Nu nog een vraagje hoe kan ik ervoor zorgen dat deze intro screen zowel op alle resoluties mooi in het midden van het scherm staat?

greetz
o

omfg

Legacy Member
XeNiUs zei:
Nu nog een vraagje hoe kan ik ervoor zorgen dat deze intro screen zowel op alle resoluties mooi in het midden van het scherm staat?

greetz
Klik om te vergroten...
in de sticky ;)

Horizontaal en verticaal centeren van zaken
* width en height zijn de hoogte en breedte van het te centreren element
* margins > de helft van voorgaande waardes
CSS-file:
Code: 
.gecentreerd
{
position:absolute;
left:50%;
top:50%;
width:498px;
height:164px;
margin-left:-249px;
margin-top:-82px;
background-color:none;
}

Code: 
...
<body>
<div class='gecentreerd'>
<img ... >
</div>
</body>
...

achtergrondsfiguur zowel horizontaal als verticaal centeren
Code: 
body { 
background-image: url(......); 
background-position: center center; 
background-repeat: no-repeat; 
}
X

XeNiUs

Legacy Member
hi,

thanks idd ik zag het juist ook staan nadat ik dit gepost had :-) Srry :)

Maar is die 3d border nie te druk, enige beter andere ideen?

greetz
X

XeNiUs

Legacy Member
Nieuw probke:

@ Admins mss best dat thread nr algemeen geplaatst wordt? mits dat meer probleem wordt :)

Nieuw probke is dit :

ik heb in mijn main kader 2 divs zitten, een div nieuws en een div rechts. Div nieuws is links gefloat en div rechts is rechts gefloat en hebben namelijk een margin gekregen tov van de rand van de main div.

Nu is hierbij het verschil te zien in IE en in FF; namelijk in FF neemt hij de juist afstanden en in IE helemaal verkeerde aantal pixels, ook kan ik niet de volledig breedte benutten dan gaan ze verspringen.

Pagina : http://www.conventskarting.be/LangersKevin/home.html

Groetjes

En alvast bedankt !
o

orez

Legacy Member
met wat research kon je dit probleem vinden hé... bestaan genoeg topics over op het webdev forum

DOUBLE MARGIN IE BUG !
Pas display: inline toe op uw float.

En RECHTS & LINKS floaten op 2 elementen naast elkaar is NIET nodig ! Enkel 1 element floaten, bij voorkeur links, dan staat dit links, en komt het volgende element er automatisch rechts naast te staan... Daarom dienen floats.
X

XeNiUs

Legacy Member
hi orez , ja idd overgezien blijkbaar :s srry :)

Maar idd normaal dacht ik dit ook maar alleen links floaten maar probs is dat de rechtse div er niet langs springt

body {
background-color: #666666;
text-align: center;
}

#Intro {
width: 800px;
padding: 0px;
margin: 0px;
background-position: center center;
background-repeat: no-repeat;
background-image: url(Media/intro.jpg);
height: 500px;
}

#Header {
background-image: url(Media/Banner.jpg);
height: 167px;
width: 750px;
border: 2px solid #FFFFFF;
padding: 0px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

#Navigatie {
padding: 0px;
width: 750px;
text-align: left;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-family: "Courier New", Courier, monospace;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 1px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
}

#Navigatie p {
margin: 0px;
padding: 0px;
}

.Item {
width: 125px;
margin: 0px;
padding: 0px;
float: left;
color: #FFFFFF;
text-align: center;
text-decoration: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

.Item a:link {
color: #FFFFFF;
background-color: #666666;
text-decoration: none;
margin: 0px;
padding: 0px;
display: block;
}

.Item a:visited {
color: #FFFFFF;
background-color: #666666;
text-decoration: none;
margin: 0px;
padding: 0px;
display: block;

}

.Item a:hover {
background-color: #FFFFFF;
color: #666666;
text-decoration: none;
margin: 0px;
padding: 0px;
display: block;
}

.Item a:active {
background-color: #FFFFFF;
color: #666666;
text-decoration: none;
margin: 0px;
padding: 0px;
display: block;
}

#Main {
width: 750px;
padding: 0px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: left;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 0px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
}

#Main p {
margin: 0px;
padding: 0px;
}

h1 {
background-image: url(Media/bullet.gif);
background-repeat: no-repeat;
background-position: left center;
padding-top: 0px;
padding-bottom: 2px;
padding-left: 20px;
color: #FFFFFF;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
padding-right: 0px;
font-size: 120%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}

#Rechts {
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0px;
width: 500px;
}

.Nieuws {
width: 150px;
padding: 0px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 15px;
display: inline;
float: left;
}

h2 {
color: #666666;
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
font-family: "Courier New", Courier, monospace;
font-size: 16px;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666666;
}

.reset {
clear: both;
font-size: 1px;
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
line-height: 1px;
}

#Slot {
padding: 0px;
width: 750px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
color: #FFFFFF;
}


greetz
X

XeNiUs

Legacy Member
somebody ? de links float gaat niet links staan maar altijd eronder en schiet de andere div onmiddelijk nr links boven

als ik ze beide een float geef niet maar dan kani k nie de volledige breedte benutten3

greetz
X

XeNiUs

Legacy Member
dan enige oplossing om ze beide toch een float te geven ?


greetz
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan