Archief - Css: no white space

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.
L

Lagoas

Legacy Member
index.html
<body>
<div id = "top">
<img src = "images/HeaderTiles.jpg">
</div>

<div id="table-menu">
<table width = "750" height = "30">
<tr>
blablabla... :)
</tr>
</table>
</div>
</body>


Css
body {
margin-top : -1px;
}

#table-menu {
border-width: 1px;
border-style: solid;
border-color: #C6C4C4;
background-color: #E2DEDE ;
color : #5E83BA ;
font-family : Arial;
font-size : 10pt;
width : 750px;
margin-left : auto;
margin-right : auto;
position : absolute;
top : 119px;
}

#top {
height: 120px;
width : 750px;
margin-left : auto;
margin-right : auto;
}




=> ik probeer mijn tabel TEGEN mijn header te kleven,
dit lukt via

position : absolute;
top : 119px;

(omdat mijn header 120px hoog is)


maar nu negeert hij het centreren van mijn tabel
margin-left : auto;
margin-right : auto;


:eek: :eek: :eek:



weet iemand wat ik fout doe?



ik wil gewoon no white space between header & table :$
C

Cakeman

Legacy Member
De padding-top van uw div op nul zetten. Eventueel de margin-top van uw tabel ook.
L

Lagoas

Legacy Member
ja maar
die white space is al opgelost hoor,
alleen door dit op te lossen , door mijn rand weg te laten,
staat mijn tabel niet meer in het midden :wtf:



hij negeert gewoon de optie

margin-left : auto;
margin-right : auto;








#table-menu {
border-width: 1px;
border-style: solid;
border-color: #C6C4C4;
background-color: #E2DEDE ;
color : #5E83BA ;
font-family : Arial;
font-size : 10pt;
width : 750px;
margin-left : auto;
margin-right : auto;
position : absolute;
top : 119px;
padding-top : 0px;
}

#top {
height: 120px;
width : 750px;
margin-left : auto;
margin-right : auto;
padding : 0px;
}
L

LunchBox

Legacy Member
even uit de losse pols:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  <title></title>
    <style type="text/css"><!--
body,table{font-size:10pt;font-family:arial;border:0;padding:0;margin:0;}
div{position:absolute;}
#centreer{
left:50%;
margin-left:-375px;
}
#top {
height:120px;
width:750px;
padding:0px;
}
#table-menu {
border:1px #C6C6C6 solid;
background-color:#E2DEDE;
color:#5E83BA;
width:750px;
top:119px;
}
	--></style>
</head>
<body>
<div id="centreer">
	<div id="top">header content</div>
	<div id="table-menu"><table><tr><td>table content</td></tr></table></div>
</div>
</body>
</html>

een menu op 119px hoogte zetten met een fill kleur terwijl de header 120px hoog is haalt trouwens weinig uit.. maak de header dan 119 hoog, of zet het menu op 120 (nu heb je'n onnuttige overlap)
L

Lagoas

Legacy Member
en we leren bij geleidelijk aan,
veel ligt denk ik aan het gebruik van doctype,
want indien ik die zet op xhtml, werken mijn scrollbars niet meer enzo ...


index.html
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Site vs 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="Css/style.css" />
</head>
<body>
<div id = "top">
<img src = "images/HeaderTiles.jpg">
</div>

<div id="table-menu">
<table width = "750" height = "30">
<tr>
blablablaaaaaaaaaaaaaaaaaaaaaaa
</tr>
</table>
</div>
</body>
</html>



CSS


PHP: 
body {
	margin-top : -1px;
	scrollbar-arrow-color: #5E83BA;
	scrollbar-base-color: #E2DEDE;
	scrollbar-shadow-color: #5E83BA;
	scrollbar-face-color: #E2DEDE;
	scrollbar-highlight-color: #E2DEDE;
	scrollbar-dark-shadow-color: #5E83BA;
	scrollbar-3d-light-color: #5E83BA;
}


a:link { 
	color: #5E83BA;
	text-decoration: none;
}

a:visited {
	color: #5E83BA;
	text-decoration: none;

}

a:hover { 
	color: #000000;
	text-decoration: none;
}

a:active {
	color: #5E83BA;
	text-decoration: none;
	
}
	
#table-menu {
	border-width: 1px;
	border-style: solid;
	border-color: #C6C4C4;
	background-color: #E2DEDE ;
	color : #5E83BA ;
	font-family : Arial;
	font-size : 10pt;
	width : 750px;
	position : absolute;
	top : 119px;
	margin-left : auto;
	margin-right : auto;
}

#top {
	height: 120px;
	width : 750px;
	margin-left : auto;
	margin-right : auto;
}




1. Alles werkt, including mijn scrollbars, met de HTML doctype,
behalve dat site niet meer gecentreerd staat,
iemand die weet hoe ik dit doe?

2. Bij gebruik van

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

werken mijn scrollbars niet meer

3. Ik werk enkel met external css, die soms wel anders is dan internal css,
dus met uw code ben ik niet echt veel.





keuze :

ik werk met HTML en site staat niet in het midden

of

ik werk met xhtml
=> scrollbars werken niet
=> header staat in het midden
=> tabel onder de header staat niet in het midden





man man man :eek:
L

LunchBox

Legacy Member
kzal u nog'ns van een kant-en-klare oplossing voorzien. :ironic:

- de site stond gecentreerd; kan er ook ni aan doen dat ge de correcte code blijkbaar niet wilt overnemen
- gekleurde scrollbars zijn :eek:
L

Lagoas

Legacy Member
LunchBox zei:
kzal u nog'ns van een kant-en-klare oplossing voorzien. :ironic:

- de site stond gecentreerd; kan er ook ni aan doen dat ge de correcte code blijkbaar niet wilt overnemen
- gekleurde scrollbars zijn :eek:
Klik om te vergroten...


mja, ik wou external css,
en ik vind gekleurde scrollbars kewl :cool:


anyway, wa verder doen.
x

xml

Legacy Member
"Mja, ik wou external css"

Kopieer dan toch gewoon die code naar een extern bestand :/

gekleurde scrollbars zijn een leuk toemaatje voor IE gebruikers, maar zorg ervoor dat ze geen essentieel onderdeel zijn van het ontwerp, want in ander browsers werken ze niet dus. ;)
L

Lagoas

Legacy Member
xml zei:
"Mja, ik wou external css"

Kopieer dan toch gewoon die code naar een extern bestand :/

gekleurde scrollbars zijn een leuk toemaatje voor IE gebruikers, maar zorg ervoor dat ze geen essentieel onderdeel zijn van het ontwerp, want in ander browsers werken ze niet dus. ;)
Klik om te vergroten...


vraag mij ni waarom maar sommige zaken zijn toch anders zé
als ge external gebruikt
mja, ni alles lukt perfect,
rare zaken


de combinatie van internal / ext css - html / xhtml
bezorgt me veel problemen :crazy:

(I mean, soms werkt het centreren via margin auto, en soms niet :eek: )



maar ik heb besloten om men sites te maken met tabelstructuur en php includes
zoals ik gewoon was
en enkel voor de opmaak van fonts en dergelijke css te gebruiken :$


greetz.
o

orez

Legacy Member
Lagoas zei:
vraag mij ni waarom maar sommige zaken zijn toch anders zé
als ge external gebruikt
mja, ni alles lukt perfect,
rare zaken


de combinatie van internal / ext css - html / xhtml
bezorgt me veel problemen :crazy:

(I mean, soms werkt het centreren via margin auto, en soms niet :eek: )



maar ik heb besloten om men sites te maken met tabelstructuur en php includes
zoals ik gewoon was
en enkel voor de opmaak van fonts en dergelijke css te gebruiken :$


greetz.
Klik om te vergroten...


man man... EXTERNAL & INTERNAL CSS = CSS = HETZELFDE = NIET ANDERS!
Tligt dan waarschijnlijk gewoon aan gij die slecht implementeert ofzo.

Als er div#heading staat =

<div id="heading">

als er div.heading staat =

<div class="heading">

En dat em da ni wilt doen u gekleurde scrollbars in XHTML, da is mss omda code van scrollbars NIET VALID is!!
L

Lagoas

Legacy Member
mja
in internal css kon ik kleuren van scrollbar tussen " " zetten
in external css moest dit weg, anders zag je ze niet

=> zulke zaken bedoel ik dus met een verschil tussen int & ext css


en euhm, mijn scrollbar code werkt in html 4.01
enkel indien ik xhtml definieer als doctype,
dan werkt die code niet meer



maw, ik vraag mij eigenlijk af waarom die code veranderd is ?






**edit : en uw opmerking over het verschil tussen een klasse en een object,
hehe : no comment :ironic:
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