[Centraal] Webdesign (HTML/CSS) & sitechecks

Tupacrulezz schreef op 29-04-2005 @ 18:36 :
1 vraag :

Hoe kan ik met 1 link 2 frames aansturen?

Niet. Of met javascript.

[Beyoned]

idd heb al javascriiptje gevonden

thx anyway

Beste mensen,

Ik wil op mijn toekomstige website een banner rechtsbovenin de hoek plaatsen. Het is de bedoeling dat in die bannerruimte 25 tot 30 banners om de ongeveer 5 seconden doordraaien. Bestaat daar een html code voor? Of moet dat met javascript. Zo ja, is dat erg moeilijk/makkelijk te maken?

Gegroet,

[Jarahh]

Weet iemand hoe ik een makkelijk bladersysteem voor foto's kan maken voor een simpele site(html)?

[Jordi]

aaronrdevil schreef op 01-05-2005 @ 17:46 :
Beste mensen,

Ik wil op mijn toekomstige website een banner rechtsbovenin de hoek plaatsen. Het is de bedoeling dat in die bannerruimte 25 tot 30 banners om de ongeveer 5 seconden doordraaien. Bestaat daar een html code voor? Of moet dat met javascript. Zo ja, is dat erg moeilijk/makkelijk te maken?

Gegroet,

Dat moet met JavaScript. Ik ben niet zo'n expert, dus ik zou zo even niet weten hoe het moet, maar ik denk dat het goed te doen is.

Jarahh schreef op 01-05-2005 @ 17:58 :
Weet iemand hoe ik een makkelijk bladersysteem voor foto's kan maken voor een simpele site(html)?

Ik denk dat je daar een server side script voor nodig hebt en anders kan het misschien met JavaScript. Met alleen HTML denk ik dat het moeilijk wordt...

aaronrdevil schreef op 01-05-2005 @ 17:46 :
Beste mensen,

Ik wil op mijn toekomstige website een banner rechtsbovenin de hoek plaatsen. Het is de bedoeling dat in die bannerruimte 25 tot 30 banners om de ongeveer 5 seconden doordraaien. Bestaat daar een html code voor? Of moet dat met javascript. Zo ja, is dat erg moeilijk/makkelijk te maken?

Gegroet,

http://www.quirksmode.org/js/rotate.html

[Jarahh]

Jordi schreef op 01-05-2005 @ 22:35 :

Ik denk dat je daar een server side script voor nodig hebt en anders kan het misschien met JavaScript. Met alleen HTML denk ik dat het moeilijk wordt...

Ik ben nogaal een n00b, maar ik gebruik DreamWeaver om de site op te zetten...

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
window.onload=startList;

IK heb hier een js drop down menu die ik van alistapart.com heb (voorbeeld)

het probleem is nu, ik wil dat het menu een paar seconden wacht voordat deze weer dichtklapt. iemand een manier om dit op te lossen? ik ben echt totaal niet thuis in JS.

thnx

SE schreef op 02-05-2005 @ 14:12 :


IK heb hier een js drop down menu die ik van alistapart.com heb (voorbeeld)

het probleem is nu, ik wil dat het menu een paar seconden wacht voordat deze weer dichtklapt. iemand een manier om dit op te lossen? ik ben echt totaal niet thuis in JS.

thnx

Bij mij klapt die meteen dicht, dus waarschijnlijk ligt het ergens anders aan.

Bootsman123 schreef op 02-05-2005 @ 14:35 :
Bij mij klapt die meteen dicht, dus waarschijnlijk ligt het ergens anders aan.

dat is juist wat ik niet wil en wat nu standaard is..

hij klapt nu meteen dicht en hij moet 3 sec ofzo open blijven en dan pas dichtklappen..

net als op http://www.deonet.info.. (ja ik weet dat dit een flashsite is maar het gaat om het idee )

SE schreef op 02-05-2005 @ 14:12 :

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
window.onload=startList;

IK heb hier een js drop down menu die ik van alistapart.com heb (voorbeeld)

het probleem is nu, ik wil dat het menu een paar seconden wacht voordat deze weer dichtklapt. iemand een manier om dit op te lossen? ik ben echt totaal niet thuis in JS.

thnx

Wat jij wilt, is Pure CSS Menus

eddie schreef op 02-05-2005 @ 15:11 :
Wat jij wilt, is Pure CSS Menus

g*il

iss leuk ja maar daar moetk nog wel even mee experimenteren

voorlopig nog even js

[Jordi]

eddie schreef op 02-05-2005 @ 15:11 :
Wat jij wilt, is Pure CSS Menus

Lijkt me niet, hij wil een delay, dat is bij mijn weten onmogelijk met CSS.

Misschien dat zoiets werkt:

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
var Functie = function() {
  this.className=this.className.replace(" over", "");
}
node.onmouseout= setTimeout(Functie,3000); 
   }
  }
 }
}
window.onload=startList;

[Jordi]

Jarahh schreef op 02-05-2005 @ 13:28 :
Ik ben nogaal een n00b, maar ik gebruik DreamWeaver om de site op te zetten...

Ik weet ook niet hoe het moet, maar als je echt een noob bent, dan heb je kans dat het moeilijk wordt. Wat wil je precies?

Jordi schreef op 02-05-2005 @ 16:56 :
Lijkt me niet, hij wil een delay, dat is bij mijn weten onmogelijk met CSS.

Misschien dat zoiets werkt:

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
var Functie = function() {
  this.className=this.className.replace(" over", "");
}
node.onmouseout= setTimeout(Functie,3000); 
   }
  }
 }
}
window.onload=startList;

thnx voor je hulp, ik ga het straks proberen en dan laat ik nog wel wat weten

Ik krijg terug dat 'this.className' leeg is..

wat zou het probleem kunnenz ijn ?

[Jordi]

Misschien veranderen in node.className?

Jordi schreef op 03-05-2005 @ 12:07 :
Misschien veranderen in node.className?

ik heb alle this.className veranderd in node.className.. maar da werkt ook niet..

[Jordi]

SE schreef op 03-05-2005 @ 15:21 :
ik heb alle this.className veranderd in node.className.. maar da werkt ook niet..

Wat ik zei gaat niet werken. Je moet het gewoon zou houden als je eerst had en dan kun je in de functie bij node.onmouseout eventueel een wacht-scriptje zetten:

var time = new Date();
do {
var time2 = new Date();
} while (time2-time < 3000);

Op die manier gaat hij dan 3 seconden een while-loop uitvoeren voordat hij de node terugverandert. Ik vind het alleen niet zo'n elegante oplossing, want dan is hij dus echt 3 seconden bezig met niets, maar hij is wel bezig dus het kost allemaal processortijd enzo...

[Beyoned]

Beste members,

vaak maak ik een website via image ready, die dan zelf de html genereerd .
Echter zit je dan altijd met een spacer die aan de onderkant alles bij elkaar houd.
Vaak schrijf ik dan zelf de html overnieuw.
Echter moet er na mijn inzicht ook manier zijn om die spacers uit je html te verwijderen.

maar kom er maar niet achter hoe.

Voor een voorbeeld zie
Http://www.shopmedia.nl/Ruimtevaart

Onderaan staan een 10tal spacers..
hoe haal ik deze eruit ZONDER de gehele html opnieuw te schrijven?

B.v.d Daniel

[DG]

Hey ik moest een formulier maken, zodat mensen gestalde spullen konden komen halen en brengen, en ze zouden het dan via de site aan moeten geven, door middel van alles in te vullen en dan op "verzenden" te drukken zodat de gegevens naar een emailadres verstuurd zouden worden.
dat formulier vormt geen probleem dat is al klaar, alleen ik kom er niet uit hoe je deze gegevens moet verzenden naar het emailadres kan iemand mij hier mee helpen?

of is dit alleen mogelijk met Php/database werk?
dat vormt dan wel weer een probleem want ik kan alleen HTML

<html>

<head>
<title>Halen/brengen</title>
<meta name="generator" content="Namo WebEditor v5.0(Trial)">
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<p>
kom je het halen of brengen?</p>
<form name="form2">
    <p>U wilt komen: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select name="Halen/brengen" size="1">
    <option selected>Halen</option>
    <option>Brengen</option>
    </select></p>
</form>
<form name="form3">
    <p>Naam: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="naam"></p>
</form>
<form name="form4">
    <p>Tel.nummer:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="Telefoon"></p>
</form>
<form name="form5">
    <p>Email: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="formtext1"></p>
</form>
<form name="form6">
    <p>Datum: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select name="Dag" size="1">
    <option selected>Dag</option>
    <option>01</option>
    <option>02</option>
    <option>03</option>
    <option>04</option>
    <option>05</option>
    <option>06</option>
    <option>07</option>
    <option>08</option>
    <option>09</option>
    <option>10</option>
    <option>11</option>
    <option>12</option>
    <option>13</option>
    <option>14</option>
    <option>15</option>
    <option>15</option>
    <option>16</option>
    <option>17</option>
    <option>18</option>
    <option>19</option>
    <option>20</option>
    <option>21</option>
    <option>22</option>
    <option>23</option>
    <option>24</option>
    <option>25</option>
    <option>26</option>
    <option>27</option>
    <option>28</option>
    <option>29</option>
    <option>30</option>
    <option>31</option>
    </select><select name="maand" size="1">
    <option selected>Maand</option>
    <option>Januari</option>
    <option>Februari</option>
    <option>Maart</option>
    <option>April</option>
    <option>Mei</option>
    <option>Juni</option>
    <option>Juli</option>
    <option>Augustus</option>
    <option>September</option>
    <option>Oktober</option>
    <option>November</option>
    <option>December</option>
    </select>&nbsp;<select name="Jaar" size="1">
    <option selected>Jaar</option>
    <option>2005</option>
    <option>2006</option>
    <option>2007</option>
    <option>2008</option>
    </select></p>
</form>
<p>&nbsp;</p>
</body>

</html>

ik hoop dat jullie mij kunnen helpen, als ik onduidelijk ben geweest/ er nog vragen zijn hoor ik t wel

Bij Voorbaat dank

[Engadin]

Of je leest eerst ff een manual ofzo en ziet dan: http://www.w3.org/TR/html401/interact/forms.html#h-17.3
dat een action atribuut verplicht is in een formtag. Bovendien heb je nu een x aantal formulieren, dat helemaal neit handig is, omdat je dan ieder formulier appart ghaat verzenden. Bovendien heeft je geen enkel formulier een submit mogeliujkheid.

[DG]

ja sorry ik ben hier niet zo thuis mee, zou je anders wat kleine aanpassingen willen doen zodat het wel 1 Formulier word, en dat er een "submit" toepassing bijkomt, want ik word hier helemaal niks duidelijker van.

als je de tijd en moeite nog wilt nemen om het iets aan te passen, hartelijk bedankt

[Jordi]

Ik waarschuw vast: dit is geen mooi script, maar ik denk dat het wel zal werken.

PHP-code:

if (isset($_POST['submit']))
{
    $message = "Hoi,
    
    Halen/Brengen: ".$_POST['Halen_brengen']."
    Naam: ".$_POST['naam']."
    Telefoonnummer: ".$_POST['telefoon']."
    Email: ".$_POST['email']."
    Datum: ".$_POST['dag']." - ".$_POST['maand']." - ".$_POST['jaar']."
    
    De groeten.
    ";
    
    $message = nl2br($message);
    $headers  = "MIME-Version: 1.0\r\n";
    $headers .= "Content-type: text/html; charset=iso-8859-1\r\n";
    $headers .= "From: " .$_POST['naam']. " <".$_POST['email'].">\r\n";
    
    $jouw_email = 'voorbeeld@example.com';
    $subject = 'Iets met halen en brengen.';
    
    if (mail($jouw_email, $subject, $message, $headers)) 
        exit("Je mail is verzonden.");
    else echo "Er is een fout opgetreden bij het verzenden van de email, probeer het nog eens.";
}
?>

<html>

<head>
<title>Halen/brengen</title>
<meta name="generator" content="Namo WebEditor v5.0(Trial)">
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<p>
kom je het halen of brengen?</p>
<form action="<?=$_SERVER['PHP_SELF'];?>" method="post">
    <p>U wilt komen:            <select name="Halen_brengen" size="1">
    <option selected>Halen</option>
    <option>Brengen</option>
    </select></p>

    <p>Naam:                                         <input type="text" name="naam"></p>
    <p>Tel.nummer:                                 <input type="text" name="telefoon"></p>
    <p>Email:                                           <input type="text" name="email"></p>
    <p>Datum:                                         <select name="dag" size="1">
    <option selected>Dag</option>
    <option>01</option>
    <option>02</option>
    <option>03</option>
    <option>04</option>
    <option>05</option>
    <option>06</option>
    <option>07</option>
    <option>08</option>
    <option>09</option>
    <option>10</option>
    <option>11</option>
    <option>12</option>
    <option>13</option>
    <option>14</option>
    <option>15</option>
    <option>15</option>
    <option>16</option>
    <option>17</option>
    <option>18</option>
    <option>19</option>
    <option>20</option>
    <option>21</option>
    <option>22</option>
    <option>23</option>
    <option>24</option>
    <option>25</option>
    <option>26</option>
    <option>27</option>
    <option>28</option>
    <option>29</option>
    <option>30</option>
    <option>31</option>
    </select><select name="maand" size="1">
    <option selected>Maand</option>
    <option>Januari</option>
    <option>Februari</option>
    <option>Maart</option>
    <option>April</option>
    <option>Mei</option>
    <option>Juni</option>
    <option>Juli</option>
    <option>Augustus</option>
    <option>September</option>
    <option>Oktober</option>
    <option>November</option>
    <option>December</option>
    </select> <select name="jaar" size="1">
    <option selected>Jaar</option>
    <option>2005</option>
    <option>2006</option>
    <option>2007</option>
    <option>2008</option>
    </select></p>
    <input type="submit" name="submit" value="Verzend" />
</form>
<p> </p>
</body>

</html>

Ik weet dat jij geen PHP kunt, maar ik gelukkig voor jou kan ik het wel (een beetje). Het enige wat jij als het goed is hoeft te doen is dit bestand opslaan als php-bestand. (dat wil zeggen bestandsnaam.php ipv bestandsnaam.html)

Ik heb het script niet getest, dus het kan dat er errors in zitten, maar die kun je zelf waarschijnlijk wel oplossen, want PHP is niet zo moeilijk.

Je moet trouwens wel even (helemaal bovenaan) het bericht, het emailadres en de subject-variabele aanpassen aan je eigen wensen.

(je kunt zo'n beetje alles wat rood kleurt veranderen, behalve de dingen die tussen vierkante haken staan en de headers zou ik ook zo laten)

[Engadin]

DG schreef op 19-05-2005 @ 18:03 :
ja sorry ik ben hier niet zo thuis mee, zou je anders wat kleine aanpassingen willen doen zodat het wel 1 Formulier word, en dat er een "submit" toepassing bijkomt, want ik word hier helemaal niks duidelijker van.

als je de tijd en moeite nog wilt nemen om het iets aan te passen, hartelijk bedankt

Sloop alle form tags eruit behalve de eerste en de laatste. In de eerste zet je dan action="mailto:bla@asd.sad". Verder zet je onderaan een input met type="submit" en value="dit komt op het knopje".

Jordi schreef op 19-05-2005 @ 23:02 :
Ik waarschuw vast: dit is geen mooi script, maar ik denk dat het wel zal werken.

PHP-code:

if (isset($_POST['submit']))
{
    $message = "Hoi,
    
    Halen/Brengen: ".$_POST['Halen_brengen']."
    Naam: ".$_POST['naam']."
    Telefoonnummer: ".$_POST['telefoon']."
    Email: ".$_POST['email']."
    Datum: ".$_POST['dag']." - ".$_POST['maand']." - ".$_POST['jaar']."
    
    De groeten.
    ";
    
    $message = nl2br($message);
    $headers  = "MIME-Version: 1.0\r\n";
    $headers .= "Content-type: text/html; charset=iso-8859-1\r\n";
    $headers .= "From: " .$_POST['naam']. " <".$_POST['email'].">\r\n"; 


Als je dan mail stuurt, stuur dan aub geen html mail. Ik zou er dan van maken:

PHP-code:

if (isset($_POST['submit']))
{
    $message = "Hoi,
    
    Halen/Brengen: {$_POST['Halen_brengen']}
    Naam: {$_POST['naam']}
    Telefoonnummer: {$_POST['telefoon']}
    Email: {$_POST['email']}
    Datum: {$_POST['dag']} - {$_POST['maand']} - {$_POST['jaar']}

    De groeten.";
    
    $headers  = "MIME-Version: 1.0\r\n";
    $headers .= "Content-type: text/plain; charset=iso-8859-1\r\n";
    $headers .= "From: {$_POST['naam']} <{$_POST['email']}>\r\n"; 


Jordi schreef op 04-05-2005 @ 13:15 :
Wat ik zei gaat niet werken. Je moet het gewoon zou houden als je eerst had en dan kun je in de functie bij node.onmouseout eventueel een wacht-scriptje zetten:

var time = new Date();
do {
var time2 = new Date();
} while (time2-time < 3000);

Op die manier gaat hij dan 3 seconden een while-loop uitvoeren voordat hij de node terugverandert. Ik vind het alleen niet zo'n elegante oplossing, want dan is hij dus echt 3 seconden bezig met niets, maar hij is wel bezig dus het kost allemaal processortijd enzo...

niet netjes, maar het werkt wel

bedankt ..

Nog een vraagje..

hoe kan ik, als ik naar een pagina ga (en dan niet via een hyperlink, maar gewoon de url intyp) zorden dat de statusbalk, adresbalk, bestand..huppelepup balk en die navigatiebalk weg zijn?

dit wil ik trouwens niet gebruiken voor een website maar voor een tool die op intranet draait.

EDIT:

een javascript die automatisch F11 uitvoert en de statusbalk weghaalt is ook een optie.

Hardstikke bedankt!

[Jordi]

Engadin schreef op 20-05-2005 @ 13:06 :
Sloop alle form tags eruit behalve de eerste en de laatste. In de eerste zet je dan action="mailto:bla@asd.sad". Verder zet je onderaan een input met type="submit" en value="dit komt op het knopje".

Wat voor mail krijg je dan? Gewoon een vardump van de $_POST-array ofzo?

Engadin schreef op 20-05-2005 @ 13:06 :
Als je dan mail stuurt, stuur dan aub geen html mail. Ik zou er dan van maken: *knip*

Ik ben niet zo thuis in de mail-functie. Ik stuur altijd mail met die headers, omdat ik het ooit eens zo van één of andere site heb gekopieerd en dat eigenlijk altijd ben blijven gebruiken...

@SE:
Ik weet niet of dat wel kan, want volgens mij kan JavaScript alleen maar dat soort acties uitvoeren op een scherm dat JS zelf heeft geopend. (maar dat weet ik niet zeker)

[Engadin]

@Jordi: ik heb geen idee wat je dan krijgt. Ik gebruik altijd php, omdat je anders afhankelijk bent van de mailclient van de client

@SE: met de functie window.open() ofzo knu je een window openen, en met argumenten van die functie kun je bepaalde dingen weglaten, er wel bij laten, grootte windiow instellen enz

Engadin schreef op 21-05-2005 @ 10:55 :
@Jordi: ik heb geen idee wat je dan krijgt. Ik gebruik altijd php, omdat je anders afhankelijk bent van de mailclient van de client

@SE: met de functie window.open() ofzo knu je een window openen, en met argumenten van die functie kun je bepaalde dingen weglaten, er wel bij laten, grootte windiow instellen enz

dat weet ik, maar een popup wordt meteen gekilled hier

[Engadin]

Verder vind ik het als gebruiker erg irritant als mij toolbars weg zijn (niet dat ik daar met ff last van heb ofzo)

Engadin schreef op 23-05-2005 @ 16:16 :
Verder vind ik het als gebruiker erg irritant als mij toolbars weg zijn (niet dat ik daar met ff last van heb ofzo)

dat is voor een pagina met een zooi webcams sdie als beveiliginscameras dienen .. dus jij zal er geen last van hebben en de gebruiker wil dat graag

[TIGEK]

Waarom wordt hij niet gecentreerd (FF)

http://www.soveere.nl/
CSS code:
body{
font-size:90%;
font-family:Arial, Verdana, Tahoma, sans-serif;
background-color:#F7FFD8;
text-align:center;
}
#container{
border:1px solid black;
width:750px;
background-color:#C9C0A4;
text-align:left;
}

(Meer is niet van belang)

HTML:
<?xml version='1.0' encoding='iso-8859-4'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
<head>
<link href='/style.css' rel='stylesheet' title='Standaard Stylesheet' media='screen' type='text/css'/>
</head>
<body>
<div id="container">
test</div>
</body>
</html>

Het is misschien even duidelijker om de voorbeeld te zien

[Kawoutertje]

Probeer eens het volgende:

#container{
border:1px solid black;
width:750px;
margin-right: auto;
margin-left: auto;
background-color:#C9C0A4;
text-align:left;
}

Kan zijn dat je aan je body nog width: 100% moet toevoegen, dat weet ik niet zeker.

btw... HET voorbeeld

TIGEK schreef op 24-05-2005 @ 16:28 :
Waarom wordt hij niet gecentreerd (FF)

Goede, duidelijke vraagstelling

het attribuut heeft niet voor niets text-align; de tekst woordt dus gecentreerd, niet je div. Een div is namelijk een block-level element. Om deze te centreren kun je bijvoorbeeld doen:

#container
{
  width: 50%;
  left: 25%;
  right: 25%;
}

[Lector]

hey,
ik heb een website gemaakt waar tot nu toe al een html cursus in het nederlands op staat. Binnenkort komt daar een CSS cursus bij. Dus als je html/css wilt leren is dat 'the place to be'. De link:
Lector's site

[Lector]

Ook een goede plek om uitleg over deze script talen te vinden is: tweakershulp
Ik weet niet of deze site boven aan in het rijdje kan?

[Jordi]

Het was ook wel leuk geweest als je site zelf een beetje valid (X)HTML en CSS zou gebruiken. Bovendien schrijf je 'rijtje' met een 't' en ik denk ook niet dat je HTML en CSS 'scripttalen' noemt...

Jordi schreef op 02-06-2005 @ 00:59 :
Het was ook wel leuk geweest als je site zelf een beetje valid (X)HTML en CSS zou gebruiken. Bovendien schrijf je 'rijtje' met een 't' en ik denk ook niet dat je HTML en CSS 'scripttalen' noemt...

*grin* hooguit opmaaktalen

en eehm, dit is geen sitecheck

Ugh!

Kan iemand me alsjeblieft helpen. Ik ben bezig met een CSS ontwerp, erg standaard allemaal 3 kolommen die ietsje los van elkaar staan. Echter, ik wil graag dat ze vertikaal zo lang als als er ruimte op het scherm is. Hoe moet ik dit aanpakken?

PHP-code:

<div id="alles">
  <div id="header"><img src="images/banner.jpg" width="759" height="125"></div>
  <div id="menubalk" class="kolom">menu</div>
    <div id="linkerkolom" class="kolom">
      <div class="klein" style="margin: 5px">a</div>
    </div>    
  <div id="rechterkolom" class="kolom">
        <div class="klein" style="margin: 5px">a</div>
  </div>
  <div id="middenkolom" class="kolom" align="center">
    <div class="normaal" style="margin: 5px">
       blablabla
    </div>
    </div>
</div> 


De CSS:

PHP-code:

  div#header
    {
         height: 150px;
    }

  div#alles
    {
    width: 766px;
        height: auto;
      text-align: center;
        margin-left: auto; 
        margin-right: auto;
    } 
     
  div.kolom
    {
      text-align: justify;
        background-image: url("images/bg2.jpg");
    }

  div#menubalk
    {
    height: 20px;
        text-align: center;
        width: 100%;
    background-image:  url("images/bg2.jpg");
    margin-bottom: 20px;
     }
    
  div#linkerkolom
    {
      float: left;
      width: 150px;
     }

    div#middenkolom
    {
      width: 420px;
      height: 100%;
        margin-left: auto; 
        margin-right: auto;
  }

    div#rechterkolom
    {
      float: right;
      width: 150px;
    } 


[Kawoutertje]

height: 100% lukt niet naar ik veronderstel.

Wel, zo direct zou ik er ook geen oplossing voor weten, maar lees dit er eens eventjes op na. Het helpt je misschien al wel een stap verder op weg.

Wat je zeker wel moet doen, is in je body "height: 100%" zetten.

Bedankt! Dat height 100 in de body had ik al, maar ik ga je linkje aandachtig lezen.

Nee, dit gaat toch niet helemaal lukken ben ik bang. Ik zou dan de content div moeten nesten in beide kolommen en dat zou een zooitje worden.

Is er niemand die me kan helpen? Ik heb liever echt geen tables in m'n ontwerp...

kolommen met div's en CSS2.1 kun je nog niet op 100% hoogte krijgen.
Met CSS3 kan het wel, maar deze wordt nog gemaakt.

Er zijn wel truucjes voor zodat het lijkt alsof je div's helemaal doorlopen tot onderen: gebruik een achtergrond.

Ik wilde via hotmail mijn e-mail checken en als ik dat wil doen staat er: ''JavaScript is vereist voor aanmelding'', wat moet ik dan nu doen?

Ik kan ook heel veel sites niet meer bezoeken, wie kan me ff helpen?

Fernand0^T0rres schreef op 11-06-2005 @ 14:14 :
Ik wilde via hotmail mijn e-mail checken en als ik dat wil doen staat er: ''JavaScript is vereist voor aanmelding'', wat moet ik dan nu doen?

Ik kan ook heel veel sites niet meer bezoeken, wie kan me ff helpen?

Dat zijn dan waarschijnlijk site's met een wachtwoord, niet? Indien niet, kan 'k je niet helpen. Oja, doe je MSN het nog?

FuckTheFashion schreef op 11-06-2005 @ 14:59 :
Dat zijn dan waarschijnlijk site's met een wachtwoord, niet? Indien niet, kan 'k je niet helpen. Oja, doe je MSN het nog?

Nee, zijn niet met een wachtwoord, het zijn echt gewone sites en mijn MSN doet het wel nog steeds.

Welk internetprogramma gebruik je? Ik raad Mozilla of Opera aan, moest je nog gewoon Internet Explorer hebben. Download een ander internetprogramma en probeer met dat programma dan eens op die site's te gaan. Misschien ligt het gewoon aan je instellingen... Dat je ze per ongeluk met een sneltoets verandert hebt, kan ook, dus check ook dat even.

Hoop dat je het vindt!

eddie schreef op 11-06-2005 @ 14:02 :
kolommen met div's en CSS2.1 kun je nog niet op 100% hoogte krijgen.
Met CSS3 kan het wel, maar deze wordt nog gemaakt.

Er zijn wel truucjes voor zodat het lijkt alsof je div's helemaal doorlopen tot onderen: gebruik een achtergrond.

Sigh..

Maar dat is juist zo lastig omdat we een achtergrond tilen. Goed dan doe ik het wel met tables.