pagina 50 · Het grote webdesign topic

Hebje iets gemaakt of gewoon gevonden, met betrekking tot webdesign... Post het hier dan.

Als je kritiek hebt op sites, post ze dan.

Ben je trots op je site, post ze dan.

donateur

Mijn html
DW template die ik als voorbeeld heb gebruikt<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>



<style type="text/css">

</style></head>

<body class="oneColLiqCtrHdr">

<div id="container">
<div id="header">
<h1>Header</h1>
</div>
<div id="mainContent">
<h1> Main Content </h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
<h2>H2 level heading </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
</div>
<div id="footer">
<p>Footer</p>
</div>
</div>
</body>
</html>

Nou wat mij opvalt hier: Uit jullie advies probeer ik dus 1 id te handhaven en meerdere classes.

Maar volgens mij zie ik het in die template juist weer andersom

Ik zie steeds een class (.oneColLiqCtrHdr) en meerdere ID's (<div id="footer">,<div id="container">, <div id="header">)

Ik ben nu al wat verder dan deze html codes.

laatste aanpassing 15 maart 2008 19:41

donateur

Uitspraak van Patrick Allen op zaterdag 15 maart 2008 om 19:16:
▶
Uit jullie advies probeer ik dus 1 id te handhaven en meerdere classes.

heb je niet helemaal begrepen dan...
een id mag maar 1x voorkomen..
dus je mag niet

<div id="container">

<p id="container"></p>

</div>

doen..
classes mag je zo vaak gebruiken als je wilt, IDs ( naam zegt het al ) maar 1x

donateur

zie de div's als een kleuterklas met de regel dat ze allemaal een unieke naam moeten hebben.

klaas
piet
henk
willem
tom
kees
willem <--- mag dus niet
sjaak

donateur

Ik denk het wel aardig door te hebben:

<title>abracadabra</title>
<style type="text/css">

body {
font:"Courier New", Courier, monospace;
background:#CCFFFF;
text-align:center;
padding:0;
margin:30;
color:#660099;

}
#container {
width: 80%;
margin: 0 auto;
border:#CCFF33;
text-align: left;

}
.top{
border:groove #CCFFFF;
border-bottom-color:#FF0033;
border-bottom-width:medium;
background-color: #FFB050;
}
.main{
background-color:#66CCFF;

</style>
</head>

<body>

<div class="container">
<div class="top" id="container">
<center>
<img src="../../../My projects/vanderlee.nl/vanderlee.gif"/img; />
</center>
</div>
<div id="container" class="main">
<h1>Hallo hallo</h1>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit</p>
</div>
</body>
</html>

Bedankt voor de hulp tot nu toe.

donateur

http://www.mmsolutions.nl/ Onze nieuwe site!

donateur

Uitspraak van Patrick Allen op zaterdag 15 maart 2008 om 19:16:
▶
Nou wat mij opvalt hier: Uit jullie advies probeer ik dus 1 id te handhaven en meerdere classes.

id: voor elementen die 1 keer voorkomen op dezelfde pagina, zoals elementen die je voor layout gebruikt.

class: voor terugkerende elementen op dezelfde pagina, zoals een (van meerdere) nieuwsbericht.

Uitspraak van verwijderd op zaterdag 15 maart 2008 om 20:37:
▶
http://www.mmsolutions.nl/ Onze nieuwe site!

Ziet er goed uit, 1 puntje alleen:

<o:p></o:p>
Je hebt geen XML namespace hiervoor gedeclareerd, dus dit wordt ten eerste al niet opgepikt. Ten tweede zal zoiets nooit valideren op een HTML pagina (door een HTML parser althans).

Sowieso moet je je content als XML serveren (met het application/xhtml+xml mime type) als je van andere namespaces gebruik wil maken. Echter wordt dit niet aangeraden.

Dit geldt overigens ook voor het gebruik van een XHTML Doctype; het komt erop neer dat je de fout in kan gaan wanneer je dit doet, omdat je content nooit XHTML is, zonder dat mime type te specificeren, wat vrijwel niemand doet (onder andere omdat IE het niet ondersteunt). Best interessant leesvoer over een vrij onbekend probleem.

donateur

Ik moet toegeven dat ik het coding wel als een leuke uitdaging ga zien.
Nu verdiep ik me nog in CSS.

Ik zie zeker de voordelen in van zo coden want je kan inderdaad net even iets meer dan dat eerdere programma wat ik liet zien.

Dingen zoals min-width en max-widt, dat is wel lachen.

En als je er dan in verdiept ga je eerder kijken daar broncodes van andere sites om te zien wat je ervan snapt. Zoals die van Geenstijl.nl

Verder las ik ergens in een tutorial dat je met de <box> code kan aangeven hoe groot een tekstvak maximaal kan zijn.
En of die een scrollbar heeft ja of nee.

Kan iemand me even laten zien hoe die eruit ziet??

laatste aanpassing 17 maart 2008 13:52

Uitspraak van Patrick Allen op maandag 17 maart 2008 om 13:47:
▶
Kan iemand me even laten zien hoe die eruit ziet??

box code? Die ken ik niet..

Je bedoelt zeker de overflow in een div..
Als je een div een vaste hoogte (bijv 300px) geeft en ook overflow:auto toevoegt, dan zal je een scrollbar krijgen als de inhoud van die div hoger is dan 300px.

donateur

Uitspraak van Patrick Allen op maandag 17 maart 2008 om 13:47:
▶
Verder las ik ergens in een tutorial dat je met de <box> code kan aangeven hoe groot een tekstvak maximaal kan zijn.
En of die een scrollbar heeft ja of nee.

<box> is geen HTML element. Sowieso is breedte stijl, en hoort dus met CSS gedaan te worden:

textarea { width: 400px; }

Scrollbalk wordt bepaald aan de hand van de hoeveelheid inhoud uiteraard , in een tekstvak dan, anders kan je bovenstaande methode gebruiken.

donateur

Uitspraak van Yups! op maandag 17 maart 2008 om 14:06:
▶
Je bedoelt zeker de overflow in een div..

donateur

Uitspraak van Patrick Allen op maandag 17 maart 2008 om 13:47:
▶
min-width en max-widt

dit werkt in internet explorer niet volgensmij.

donateur

Uitspraak van Gekkehuis op maandag 17 maart 2008 om 22:17:
▶
dit werkt in internet explorer niet volgensmij.

Ow dan weet ik dat alvast

donateur

Uitspraak van Gekkehuis op maandag 17 maart 2008 om 22:17:
▶
dit werkt in internet explorer niet volgensmij.

http://www.dustindiaz.com/min-height-fast-hack/

donateur

Hoi,

Tussen mijn top div, main div en bottom div zit ruimte bij IE7 en ook bij Firefox nu

Ik kan de fout niet vinden

Sorry dat ik me hele code post, ik wil wel weten of ik het zo een beetje goed doe.

Tips welkom

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>abracadabra</title>
<style type="text/css">

body {
font:"Courier New", Courier, monospace;
background:#CCFFFF;
text-align:justify;
padding:0;
marging:0;
margin-left:10%;
margin-right:10%;
margin-top: 0%;
color:#660099;

}
#container {
width: 80%; /* this will create a container 80% of the browser width */
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left;
padding:0;
border-width:thin;
border-color:#FFB050;
margin-top:0%;

}
.linkerkant {
width: 20%;
margin: 0 auto;
float:left;
background-color:#FFFFFF;
text-align:left;
font-family:"Courier New", Courier, monospace;

}
.rechterkant {
width: 20%;
margin: 0 auto;
float:right;
background-color:#FFFFCC;
text-align: right;
font-family:"Courier New", Courier, monospace;

}
.top{
background-color: #FFB050;
width: auto;
margin-bottom:0;
}
.bottom{
background-color:#FFB050;
width: auto;
text-align:center;
height:auto;
margin-top:0;
padding-top: 0px;
}

.main{
background-image:url(../../../My%20projects/Patrick%20Allen/Backgrounds/blueish.jpeg);
background-position:center;
text-align:justify;
width:auto;
margin-top: 0%;
margin-bottom:0%;
}
.text {
margin-left:20%;
margin-right: 20%;

}
</style>
</head>

<body>
<div class="container">

<div class="top">
<center>
<img src="../../../My projects/vanderlee.gif"/><br /></center>
<div style=
"width:500px;
margin-left:20px;">
<ul style=
"background-color:#FFFFFF;
border:double #FFCC33;
font-style:italic;
color:#66CC00">
<a href="http://www.startpagina.nl"/>[Startpagina]</a>
<a href="http://www.startpagina.nl" />[Startpagina]</a></ul>
</div>

</div>

Hier zit ruime tussen in IE7 en firefox


<div class="main">
<div class="rechterkant"><a href="http://www.patrick-allen.nl">Patrick's site</a></div>
<div class="linkerkant"><a href="http://www.patrick-allen.nl">Patrick's site</a></div>
<div class="text">
<h1>Hallo hallo</h1>

<p>Ruim 10 jaar geleden, in 1997, werd de allereerste Pussy Lounge georganiseerd in de toenmalige club “Heat” te Rotterdam. Initiators en grondleggers Darkraver en Paul Elstak, zelf fervent liefhebbers van vrouwen, bedachten het partyconcept in een paar uur tijd. Pussy Lounge doorbrak de seksuele taboe en stak de draak met absolute partypreutsheid. Pussy Lounge was geboren. Tot op de dag van vandaag wordt het feest nog altijd met exact dezelfde ingrediënten gemaakt/gevierd. Sex, drank en flinke dosis beats!

Inmiddels heeft het erotische paradepaardje van b2s, zoals het dikwijls genoemd wordt, al op vele locaties verspreid door het hele land plaatsgevonden. En al die pussy’s smaken naar meer! Op zaterdag 5 april is het alweer de beurt aan de 50e Pussy lounge, die traditioneel gehouden zal worden in haar geboorteplaats, namelijk in Outland te Rotterdam. Naast de vertrouwde ingrediënten en vaste residents kan de bezoeker ook velen extra’s verwachten! De line-up in willekeurige volgorde</p>
</div></div>
 Hier ook
<div class="bottom">
<span>ladieda</span>
</div>
</div>
</body>
</html>

Ik ga niet alles verklappen, maar het zit hem in de <p> tag..

donateur

Uitspraak van Yups! op dinsdag 18 maart 2008 om 21:10:
▶
Ik ga niet alles verklappen, maar het zit hem in de <p> tag..

Heb <p> veranderd in <span> tags Dat werkt inderdaad.

Onderaan het ik nu geen ruimte meer tussen Main en Bottom.

Maar in FF nog we tussen top en main

Uitspraak van Yups! op dinsdag 18 maart 2008 om 21:10:
▶
Ik ga niet alles verklappen

We zijn op deze wereld om elkaar te helpen toch

laatste aanpassing 18 maart 2008 23:20

donateur

probeer de <rtfm>

</rtfm> tag eens

donateur

Uitspraak van Gekkehuis op dinsdag 18 maart 2008 om 23:44:
▶
probeer de <rtfm></rtfm> tag eens

alt+F4 werkt ook perfect

donateur

Uitspraak van Gekkehuis op dinsdag 18 maart 2008 om 23:44:
▶
probeer de <rtfm></rtfm> tag eens

Uitspraak van xantrex op woensdag 19 maart 2008 om 08:58:
▶
alt+F4 werkt ook perfect

donateur

Stom he maar ik snap de grap dus niet

I'm not nerd enough

laatste aanpassing 19 maart 2008 11:55

Uitspraak van Patrick Allen op woensdag 19 maart 2008 om 11:55:
▶
Stom he maar ik snap de grap dus niet

Zelfs ik snap um en heb totaal geen idee wat voor code's hier allemaal voorbij komen.

hier staat wat rtfm betekent: http://www.google.com/search?q=define%3Artfm snapte um nu wel?

donateur

Hahaha oke dies leuk

Wie heeft er toevallig met Netobjects gewerkt, of is dit progamma te kansloos om site mee te maken ???

Heb rikkels.com en nieuwegeinzuid.com in mekaar gepruts, maar werkt niet helemaal zou als ik zou willen. Bezoekers gaat wel aardig nu gemiddeld 1500 en 10G download per week.

Of is dat niet zoveel ??? Hoop dat er iemand is die het ook kent

Ltrzzzz

Uitspraak van verwijderd op donderdag 20 maart 2008 om 01:49:
▶
Netobjects

Uitspraak van verwijderd op donderdag 20 maart 2008 om 01:49:
▶
kansloos

Uitspraak van verwijderd op donderdag 20 maart 2008 om 01:49:
▶
Bezoekers gaat wel aardig nu gemiddeld 1500 en 10G download per week.

Dus iedere bezoeker downloadt gemiddeld 150Mb?

Er staan alleen wat foto's op en wat links naar googlevideo/youtube filmpjes, dus ik ben wel benieuwd hoe je aan die 10Gb komt..

Kom maar op met je site-statistieken, want die heb je vast wel

laatste aanpassing 20 maart 2008 08:10

donateur

Uitspraak van verwijderd op donderdag 20 maart 2008 om 01:49:
▶
Wie heeft er toevallig met Netobjects gewerkt

Ja ik

Versie 10. www.patrick-allen.nl <<

Maar die sites die je nu laat zien zijn niet al te best

Netobjects is niet kansloos

Dat is een programma om makkelijk en snel een website te kunnen bouwen.

Maar het is niet zo bekend, Ik weet net of het nou van Duitsers of Amerikanen is

Als je wil kan je hier; http://www.gotfusion.com/ wat meer leren over dat programma.

laatste aanpassing 20 maart 2008 11:02

donateur

Dit is ook wel leuk:

http://www.fusiongalleries.com/gallery/index.cfm?cat=6
EDIT: Hier zitten ook een paar lelijke tussen. Jij bepaald hoe mooi je website kan worden.

Op die website vind je websites die dus zijn gemaakt met Netobjects.
Zo zie je dat je site er best leuk uit kan zien.

Je kan ook een site maken met Dreamweaver.

Ik vind het leuk om dreamweaver te leren maar dat kost je veel meer tijd heb ik het idee.

1 verschil die je hier wel zult horen is dat Netobjects zijn broncode in Tables opbouwt.

Netobjects = Simpel
Dreamweaver = ook simpel als je weet hoe het moet.

Je moet zelf weten

laatste aanpassing 20 maart 2008 11:43

donateur

Websites maken leer je ook niet in 5 minuten. Creativiteit is ook niet te koop, dat kun je wel stimuleren door het vaak te doen/maken en veel om je heen te kijken. In 1998 had ik mijn eerste website, en in de tussentijd weet ik nogsteeds niet alles. Veel dingen gewoon uitproberen, ookal doe je er niets mee.

Ben er nu 3 jaar mee bezig met deze 2 sites en 3 jaar geleden zag er nog triester uit. Beetje nij beetje wordt het wat.
Misschien toch maar s overstappen op dreamweaver denk ik. Of de tips hierboven ff bekijken.

Site statistieken heb ik zkrs die staan alleen op mijn control panel en daar ken ik je niet zomaar het wachtwoord van geven. Maar 10G per week haal ik makkelijk.

donateur

Heb je wel eens gekeken naar remote linking? Ofwel mensen die plaatjes van jou site op hun site zetten

Mijn Directadmin zegt dit

Bandwidth 🇬🇧 91.869 unlimited

Uitspraak van Patrick Allen op dinsdag 18 maart 2008 om 18:48:
▶
body {
font:"Courier New", Courier, monospace;
background:#CCFFFF;
text-align:justify;
padding:0;
marging:0;
margin-left:10%;
margin-right:10%;
margin-top: 0%;
color:#660099;

}

De fout is denk dat je margin niet op 0 zit. Oftewel een typfout.

Marging -> margin

laatste aanpassing 20 maart 2008 21:11

donateur

Net een genetisch algoritme geschreven. Moehahaha vet grappig. Voel me net een oorlogsmisdadiger

Doorfokken met de beste van de soort

laatste aanpassing 20 maart 2008 21:31

donateur

haha das wel lache shit ja

maatje van me moest laatst ook zoiets maken voor zn opleiding dacht ik..
wel leuk spul om mee te ouwehoeren iig

Uitspraak van Gekkehuis op donderdag 20 maart 2008 om 21:31:
▶
Net een genetisch algoritme geschreven. Moehahaha vet grappig. Voel me net een oorlogsmisdadiger
Doorfokken met de beste van de soort

hoezo werkt het niet?

..
had je zoek problemen ofzo dat het je het gebruikte?

donateur

Opdracht voor school.

donateur

Uitspraak van verwijderd op donderdag 20 maart 2008 om 21:11:
▶
De fout is denk dat je margin niet op 0 zit. Oftewel een typfout.

Marging -> margin

Verrek

donateur

Heb weer een zinloze toevoeging gemaakt. Rechts in het menu, een morsecode apparaatje. Ff 1x aanklikken en typen maar

moet verder nog wel ff bijgewerkt worden kwa looks

http://www.teringherrie.nl/new/?p=me&s=0

*edit: en de links werken niet meer. live server ondersteunt json_encode niet. moet nog ff zoeken naar een oplossing

iemand idee? een losse classe ergens te downloaden ofzo?

*edit2: heb een classe gevonden

werkt prima nu

laatste aanpassing 21 maart 2008 16:26

donateur

www.alphatwins.nl

[img width=1024 height=713]http://www.ruudvaneijk.nl/pages/portfolio/websites/alpha2/Alpha2.jpg[/img]

donateur

ziet er strak uit, vooral het wit aan bijde zijkanten

Iemand goed in het scripten in PERL?

donateur

Uitspraak van Pjom op maandag 24 maart 2008 om 12:45:
▶
Iemand goed in het scripten in PERL?

Ik kan wel reguliere expressies, als je dat bedoelt. Maar echt scripten in Perl, nee.

Uitspraak van verwijderd op maandag 24 maart 2008 om 15:03:
▶
Maar echt scripten in Perl, nee.

Klote, nja ik heb een upload scriptje met mooie progress bar enzo alleen maakt die gebruik van PERL.
Opzich geen probleem want werkt natuurlijk perfect. Het punt is alleen dat hij naar een externe FTP moet gaan uploaden dus het script moet beetje gemod worden

donateur

Je kan wel PHP toch? Daarmee moet het ook kunnen.

Uitspraak van verwijderd op maandag 24 maart 2008 om 15:14:
▶
Daarmee moet het ook kunnen.

niet de progress bar en co

vind ik namelijk wel belangrijk want upload gaat over files van 50 tot 100 MB

donateur

uberupload?

Uitspraak van dex op maandag 24 maart 2008 om 16:12:
▶
uberupload?

Jips