safari geeft witte lijnen - Softwareontwikkeling

donderdag 3 juli 2008 13:52

Acties:

Topicstarter

Ik ben bezig met een website te maken,
in deze pagina gebruik ik frames, omdat dit de enige manier is die ik redelijk beheers.

Echter in safari op de MAC komen er allemaal witte lijnen, ik heb al gezien via de search dat dit komt door gebruik van frames. Is er hier een oplossing voor, zodat ik toch frames kan gebruiken?

het gaat om de volgende site:

http://home.orange.nl/jbq/sonneville/

flash etc is geen optie, ik wil graag weten of ik het goed kan krijgen, terwijl ik gebruik blijf maken van frames.

donderdag 3 juli 2008 13:56

Acties:

Sebazzz

3dp

frameborder op nul zetten. Hoewel die methode uit 150 voor Christus al een tijdje geleden is.
Als je echt een professionele site wilt maken raadt ik aan om toch de nieuwe methode te leren.

[Te koop: 3D printers] [Website] Agile tools: [Return: retrospectives] [Pokertime: planning poker]

donderdag 3 juli 2008 14:01

Acties:

Jackbq

Topicstarter

Volgens mij staat hij dat al?

Op de eerste regel staat er toch <frameset framespacing="0" border="0" frameborder="0" rows="243,447,*"> of moet dit nog ergens anders staan dan?

donderdag 3 juli 2008 14:48

Acties:

H004

Je moet eigenlijk, zeker gezien dit eenvoudige ontwerp, meteen stoppen met frames en overgaan op semantische html (div en css). De nadelen van het aanleren van deze nieuwe methode is wegen niet op tegen de voordelen die het biedt voor onderhoudbaarheid, SEO-vindbaarheid, etc.

Om je meteen even een start te geven:

HTML:

<body>

<div id="header"></div>
<div id="menu">
    <ul>
        <li><a href="link">Link</a></li>
        <li><a href="link">Link</a></li>
        <li><a href="link">Link</a></li>
    </ul>
</div>
<div id="content">
    <h1>Header</h1>
    <p>Content....</p>
</div>
</body>

Cascading Stylesheet:

body {
    background: #767561;
    margin: 40px 0 0 0;
}

#header {
    width: 800px;
    height: 185px;
    margin: 0 auto;
    background:#fff url('achtergrondplaatje.jpg') top center no-repeat;
}

#menu {
    background: #908f7c;
    height: 50px;
}

#menu ul {
    width: 800px;
    margin: 0 auto;
    list-style-type: none;
    /* rest mag je zelf uitzoeken */
}

#menu li {
    float: left;
    margin-right: 20px;
    /* mag je zelf uitzoeken, beetje fonts stylen etc. */
}

#content {
    width: 760px;
    margin: 0 auto;
    background: #fff url('achtergrondplaatje.jpg');
    padding: 20px;
}

Met een beetje aanpassing en tweaking van bovenstaande heb je zo je website volgens moderne standaarden opgebouwd. Echt de moeite waard om het even te proberen.

[ Voor 6% gewijzigd door H004 op 03-07-2008 14:56 ]

donderdag 3 juli 2008 15:44

Acties:

Jackbq

Topicstarter

Het is voorlopig de laatste site die ik zal maken.
Vroeger naast school ging dat prima, maar nu heb ik eigenlijk geen tijd meer voor.

Ik wil dus enkel weten of er uberhaupt en oplossing is voor de witte lijnen is safari,
zo niet dan geef ik het uit handen.

in elk geval wel bedankt voor de moeite die je genomen hebt voor me!

donderdag 3 juli 2008 15:48

Acties:

Bosmonster

*zucht*

Moet je die borders en spacing niet voor elke frameset op 0 zetten?

Tis maar een gokje, heb al een hele tijd niet meer met frames gewerkt.

donderdag 3 juli 2008 16:02

Acties:

Jackbq

Topicstarter

Dat ga ik even proberen, en dan weer iemand met een mac zoeken die even wilt testen :-)

Ik hoop dat het werkt, dan kan ik de boel afmaken.

donderdag 3 juli 2008 16:56

Acties:

Muscrerior

jackel7007 schreef op donderdag 03 juli 2008 @ 16:02:
[...]en dan weer iemand met een mac zoeken die even wilt testen :-) [...]

Pssst...crossbrowsertesting.com

Edit: En die hebben dus geen Safari

...sorry

[ Voor 10% gewijzigd door Muscrerior op 03-07-2008 16:57 ]

donderdag 3 juli 2008 17:00

Acties:

Sebazzz

3dp

Muscrerior schreef op donderdag 03 juli 2008 @ 16:56:
[...]

Pssst...crossbrowsertesting.com

Edit: En die hebben dus geen Safari ...sorry

Wel hoor. De demo al gechecked?

[Te koop: 3D printers] [Website] Agile tools: [Return: retrospectives] [Pokertime: planning poker]

donderdag 3 juli 2008 18:32

Acties:

Jackbq

Topicstarter

Ja, net even gecheckt en inderdaad witte lijnen all over

hoe ow hoe los ik dit op...

Afbeeldingslocatie: http://home.orange.nl/jbq/sonneville/images/safari.jpg

donderdag 3 juli 2008 18:40

Acties:

Hertog

Aut bibat, aut abeat

H004 schreef op donderdag 03 juli 2008 @ 14:48:
SEO-vindbaarheid

Waarmee hij dus bedoelt: een site met een frameset wordt niet goed geïndexeerd door Google. Soms kom je nog van die oude sites tegen waarbij Google als inhoud van de site alleen de 'noframes' melding herkent, dus tekst als 'U gebruikt een oude browser, upgrade naar een browser die frames ondersteunt.' Veel meer informatie kan Google dan niet uit je site halen, waardoor hij lang niet zo hoog komt te staan (even simpel gezegd).

Zo te zien is het een opdracht voor een echt bedrijf, en waarschijnlijk vinden die dat niet zo leuk. Ook als later iemand de site moet aanpassen, zoals H004 al meldde, werkt dat niet echt ideaal. Misschien kun je het dus inderdaad beter uit handen geven, in plaats van tijd te steken in het zoeken van een oplossing voor een verouderd probleem. Zeker als je, zoals je zelf al aangeeft, het eigenlijk te druk hebt.

"Pray, v. To ask that the laws of the universe be annulled in behalf of a single petitioner, confessedly unworthy." --Ambrose Bierce, The Devil's Dictionary

donderdag 3 juli 2008 19:06

Acties:

moozzuzz

offtopic:
Het domein van je homepage is vervallen geloof ik

Verder gaat er ook iets fout als je het scherm groter/kleiner maakt. Frames de vuilbak in, is volgens mij onze beste tip.

donderdag 3 juli 2008 19:10

Acties:

kamerplant

Je hebt ook de scrollbalken uitgezet. Niet echt handig voor mensen met een te klein scherm, zoals iPhone gebruikers. Daarbij valt het logo weg omdat mijn laptop resolutie te laag is. Het is niet echt handig om met percentages te werken als je header een vaste grootte heeft.

🌞🍃

donderdag 3 juli 2008 20:17

Acties:

Muscrerior

Sebazzz schreef op donderdag 03 juli 2008 @ 17:00:
[...]

Wel hoor. De demo al gechecked?

Je hebt gelijk. Ik wilde zeggen dat ze geen Mac-platform hebben. Wel Safari op WinXP maar er zijn verschillen in het renderen tussen WinXP en Safari

donderdag 3 juli 2008 20:26

Acties:

Raynman

KHTML rendert ook witruimte tussen de frames, dus daarmee kun je eventueel ook testen.

Verder moet je gewoon nog wat meer proberen met border/spacing/margins/border-styles op alle framesets of zelfs op de frames zelf, maar ik heb ditzelfde probleem hier of op andere fora al enkele keren voorbij zien komen, dus als je er zo niet uitkomt, kun je dat nog eens proberen terug te vinden.

donderdag 3 juli 2008 20:27

Acties:

Jackbq

Topicstarter

precies, maar ook op het windows platform gaat het dus fout.

Is er nou echt geen oplossing om die witte lijnen weg te krijgen?
terwijl ik wel frames kan blijven gebruiken....

donderdag 3 juli 2008 21:11

Acties:

AW_Bos

Liefhebber van nostalgie... 🕰️

Waarom wil jij je eigenlijk nog vasthouden aan frames, een technologie van 13 jaar oud die niet gebruiksvriendelijk is? leg mij dat eens uit?
Het heeft een meer nadelen dan voordelen, en die zijn al uitgelegd.

En in HTML 5.0 zijn frames geloof ik al uit den boze en wordt het niet meer ondersteund...

[ Voor 18% gewijzigd door AW_Bos op 03-07-2008 21:12 ]

☎ Telecommunicatie van vroeger
🚅Alles over spoor en treintjes

donderdag 3 juli 2008 23:23

Acties:

Jackbq

Topicstarter

Omdat frames een techniek is die ik "kan" en dit de laatste website word die ik maak.
Ik heb geen tijd / zin om voor deze ene site nieuwe methoden te leren.

Vandaar dat ik het "perse" met frames wil...

donderdag 3 juli 2008 23:47

Acties:

Cousin Boneless

De pagina die jij in je screenshot toont heeft bij mij (Safari, Win XP) geen witte randen meer. Border="0" in de frameset is inderdaad de oplossing. Dus als jij ze nog ziet moet je even je cache leeggooien. In de andere pagina's is de witte border overigens nog wel aanwezig. Die maken gebruik van een andere index.htm pagina.

donderdag 3 juli 2008 23:53

Acties:

madwurmz

from Planet Verbs

Safari op mac getest, kennelijk ben je eruit zie edit.. op dit moment heeft alleen nog maar pagina "Interior" de witte lijnen..

edit: Ben het trouwens ook helemaal eens met onderstaande advies om dit over te laten aan anderen.. Frames

en dan nog dit soort beginners foutjes....

Cousin Boneless schreef op donderdag 03 juli 2008 @ 23:47:
De pagina die jij in je screenshot toont heeft bij mij (Safari, Win XP) geen witte randen meer. Border="0" in de frameset is inderdaad de oplossing. Dus als jij ze nog ziet moet je even je cache leeggooien. In de andere pagina's is de witte border overigens nog wel aanwezig. Die maken gebruik van een andere index.htm pagina.

[ Voor 13% gewijzigd door madwurmz op 04-07-2008 01:58 ]

donderdag 3 juli 2008 23:56

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

jackel7007 schreef op donderdag 03 juli 2008 @ 23:23:
Omdat frames een techniek is die ik "kan" en dit de laatste website word die ik maak.
Ik heb geen tijd / zin om voor deze ene site nieuwe methoden te leren.

Vandaar dat ik het "perse" met frames wil...

dan moet je heel die website niet maken....

wat je nu doet lukt je immers ook niet dus 'kan' je het nu ook niet .... en vervolgens ben je bezig het alsnog te 'leren' op ook nog een methode die je gegarandeert telkens weer nieuwe positionerings- en 'het-verschuift-opeens' problemen geeft.

Nogmaals, je problemen én het gegeven dat je er snel tegen meer aanloopt; net als je denkt het ene op te lossen; ligt aan een verkeerde aanpak die stoelt op een verkeerd begrip hoe een website (HTML) weergegeven wordt door een browser....
juist door te pogen je opzet 'schoon' te krijgen voorkom je problemen:

een vergelijking, stel ik wil mn tafel schilderen omdat de verf er nu afbladdert... ik roep heel hard dat ik vooral niet eerst de hele boel wil afschuren, grondverfen maar gewoon één keertje snel klaar wil zijn.... vervolgens moet ik tot drie of vier maal opnieuw aanvangen omdat mn nieuwe verf er telkens weer verder afbladert totdat ik tot de conbclusie kom dat het netjes schuren me eigenlijk veel werk bespaart had omdat het de 'basis' goed doet...
het is dus niet 'meer' werk, maar bespaart je juist veel werk doordat het later optredende problemen voorkomt.. en ja, die problemen merk je nu weer, dat is de 'verf' die er nu afbladdert omdat je over een verkeerde basis 'heen-kwasten' wil om snel klaar te zijn.

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

vrijdag 4 juli 2008 00:11

Acties:

Bosmonster

*zucht*

Muscrerior schreef op donderdag 03 juli 2008 @ 20:17:
[...]

Je hebt gelijk. Ik wilde zeggen dat ze geen Mac-platform hebben. Wel Safari op WinXP maar er zijn verschillen in het renderen tussen WinXP en Safari

Die verschillen zijn extreem minimaal. De meeste daarvan hebben ook te maken met Fonts en OS-specifieke dingen.

OVer het algemeen kun je de rendering prima onder Safari voor Windows testen.

vrijdag 4 juli 2008 00:16

Acties:

Hertog

Aut bibat, aut abeat

madwurmz schreef op donderdag 03 juli 2008 @ 23:53:
Safari op mac getest, kennelijk ben je eruit, op dit moment heeft alleen nog maar pagina "Interior" de witte lijnen..

Hier (ook Safari op de Mac) heb ik inderdaad geen witte lijnen meer, maar wel een lijn in de kleur van het menu door de (lichtere) achtergrond. Bovendien valt nu zowel de helft van het menu als een gedeelte van de logo's boven het menu weg wegens foutieve overlap.

Edit: en als ik op een van die links in het menu klik wordt de achtergrondkleur van het menu zwart, komen de witte lijnen terug en wordt de overlap nog erger. Ik vermoed dat TS dingen aan het uitproberen is, maar zo kom je er niet...

TS: nogmaals het redelijk dringende advies zo niet verder te gaan, en of HTML + CSS te leren of de opdracht uit te besteden. Naast de al genoemde argumenten van zoekmachine-gebruik en uitbreidbaarheid: vergeet niet dat over een paar dagen best een nieuwe browser kan opstaan die weer net iets anders met de marges tussen frames omgaat, en daardoor je site opnieuw 'breekt'. Er is geen enkele garantie hoe, bijvoorbeeld, IE8 met je site om zal gaan..

[ Voor 11% gewijzigd door Hertog op 04-07-2008 00:18 ]

"Pray, v. To ask that the laws of the universe be annulled in behalf of a single petitioner, confessedly unworthy." --Ambrose Bierce, The Devil's Dictionary

vrijdag 4 juli 2008 00:35

Acties:

DiSiLLUSiON

Ik zal hier even inhaken; ook mijn advies is: niet verder gaan (op deze manier).

Framesets zijn niet voor niets in de vergetelheid geraakt; ze brengen echt ontzettend veel problemen met zich mee. Het is simpelweg niet berekend op wat wij tegenwoordig een aantrekkelijke website vinden. Door de manier waarop je nu aan het prutsen bent zal of jij of een ander meerdere malen problemen op moeten gaan lossen.

Het klinkt misschien wat hard, maar:

Je zegt dat die je laatste site wordt, en je dus geen 'moderne' (simpele semantische html is echt geen nieuw 'snufje' meer!) technieken aan wilt leren.

Hoe zit het met dat bedrijf? Betalen ze je er voor? Zo niet, dan vraag ik me af waarom je dit doet (aangezien je aangeeft er niet in verder te willen). Zo ja, dan ben je ze flink aan het bedonderen op deze manier! Hoe laag de verwachtingen ook zouden kunnen liggen, ze zullen op z'n minst een prima functionerende website verwachten. Dit zal je niet kunnen bieden met framesets, dus je bent de boel aan het flessen!

Als ik hoognodig een nieuwe wc nodig heb, maar ik heb het geld niet, dan laat ik het ook goedkoop (zwart) doen, door een klusjesman. Maar dat ik weinig betaal en dat hij geen diploma heeft, betekend nog niet dat ik een wc accepteer die niet naar behoren functioneert.

We kunnen je helpen met de lijnen. We kunnen je helpen met het wegvallen van het logo en menubalk door de percentages (als dat mogelijk is, framesets is lang geleden). Maar je zult problemen tegen blijven komen, tenzij je overschakeld op semantische opmaak.

[ Voor 9% gewijzigd door DiSiLLUSiON op 04-07-2008 00:45 ]

vrijdag 4 juli 2008 00:49

Acties:

Bosmonster

*zucht*

DiSiLLUSiON schreef op vrijdag 04 juli 2008 @ 00:35:

Hoe zit het met dat bedrijf? Betalen ze je er voor? Zo niet, dan vraag ik me af waarom je dit doet (aangezien je aangeeft er niet in verder te willen). Zo ja, dan ben je ze flink aan het bedonderen op deze manier! Hoe laag de verwachtingen ook zouden kunnen liggen, ze zullen op z'n minst een prima functionerende website verwachten. Dit zal je niet kunnen bieden met framesets, dus je bent de boel aan het flessen!

Ik vind dat je een beetje snel bent met je beoordeling. Je kent de situatie en de personen niet, dus wie ben jij om dit soort oordelen te gaan geven?

Als die betaald krijgt, weet je niet hoeveel. Veel zal het niet zijn, dus kunnen ze ook niet teveel verwachten, zeker als ze weten dat ze geen professional inhuren. Frames zijn misschien niet handig, maar het is nog steeds een bruikbare website die geleverd wordt. Maar misschien is het wel een vriendendienst.

M.a.w. hou je even lekker in, ipv met termen als 'bedonderen' en 'flessen' te gaan lopen gooien..

vrijdag 4 juli 2008 01:42

Acties:

H004

(Maar als de TS even mijn voorbeeld zou bekijken, in een html-bestandje zou proppen, en ietsje zou uitbreiden (fonts aanpassen, even t achtergrondfotootje juist linken, en als laatste even de verschillende pagina's zou maken), zou de website al 10x beter zijn... en is zn hele border-probleem, en deze hele discussie, voorbij...)

vrijdag 4 juli 2008 05:51

Acties:

DiSiLLUSiON

Bosmonster schreef op vrijdag 04 juli 2008 @ 00:49:
[...]
Ik vind dat je een beetje snel bent met je beoordeling. Je kent de situatie en de personen niet, dus wie ben jij om dit soort oordelen te gaan geven?

Als die betaald krijgt, weet je niet hoeveel. Veel zal het niet zijn, dus kunnen ze ook niet teveel verwachten, zeker als ze weten dat ze geen professional inhuren. Frames zijn misschien niet handig, maar het is nog steeds een bruikbare website die geleverd wordt. Maar misschien is het wel een vriendendienst.

M.a.w. hou je even lekker in, ipv met termen als 'bedonderen' en 'flessen' te gaan lopen gooien..

Ach, mischien had ik het wat moeten sugarcoaten, misschien niet. Het was in ieder geval niet de bedoeling om de TS te veroordelen, ten oogste iets te beoordelen, ik heb ook niets tegen de TS. Als het wel zo overkwam, dan mijn excuses.

Feit blijft toch een beetje dat het niet uit maakt hoeveel je ergens voor betaald, je verwacht op z'n minst iets wat aan de basisbehoeften voldoet. Maar dat is het punt, zoals de website nu is, is 'ie niet bruikbaar. Als het alleen wat schoonheidsfoutjes waren, ach. Maar er zijn issues mee die komen doordat er (procentuele) framesets gebruikt worden. En dan maakt het niet uit of het bedrijf hem een ton heeft beloofd of één schamele cent, iets dat niet werkt, werkt niet.

Zelfs bij een aansteker van 20 cent verwacht ik dat er een vlammetje uit komt, niet dat ik eerst gebukt moet zitten op de grond met m'n jas over m'n hoofd voordat 'ie 't doet.

En als het een vriendendienstje is, ach, dan zou ik als ik hem was toch maar even zeggen dat men beter ergens anders een website kan regelen die iets meer met de tijd mee is, want ik krijg de indruk dat de TS het eigenlijk helemaal niet leuk vindt om te doen (aangezien 'ie aangeeft dat het "z'n laatste site ooit" zal zijn). En ook als het gratis is heeft het bedrijf er niets aan als het niet werkt.

Daarnaast heeft H004 een stuk HTML en CSS gepost wat zo geknipt en geplakt kan worden, en de TS zo van de problemen af is. Maar dat vind de TS dan teveel moeite? Dat vind ik toch een beetje naar, doe het zo goed als je kunt (en met klant en klare css + 2 uurtjes op w3schools kan een kind de was doen), of maak die site anders helemaal niet.

Het is ook een beetje de TS behoeden, althans, vanuit dat idee had ik de reactie geschreven. Op het moment dat het bedrijf straks problemen aan de website ontdekt, dan zal de TS toch telefoontjes krijgen om het op te lossen. Of hij er nou voor betaald is of dat het een vriendendienst was, dat maakt in zo'n geval vaak niets uit, die telefoontjes krijgt hij toch wel. En als hij dan aangeeft dat 'ie liever niet meer HTML wilt werken, dan lijkt het me verstandiger als de problemen (naast de witte lijnen) er in ieder geval uit zijn, zodat hij het hoofdstuk netjes af kan sluiten.

Maar ja, een deel van die problemen zijn juist ontstaan door het gebruik van (procentuele) framesets...

[ Voor 35% gewijzigd door DiSiLLUSiON op 04-07-2008 06:25 ]

vrijdag 4 juli 2008 08:21

Acties:

DiSiLLUSiON

Nou, weet je wat.. Ik wil ook geen boeman zijn, dus ik heb nog even snel 10 minuutjes uitgetrokken voordat ik weg moet:

Maak een map aan, met daarin een map genaamd 'style' en een map genaamd 'img'.

Knip/plak dan het volgende in 'style/sonneville.css'

code:

html, body {
    margin: 0;
    padding: 0;
}

body {
    background: #767561;
    font: 11pt "Georgia", "Times New Roman", serif;
    color: #000;
}

h5 {
    font-size: 11pt;
    color: #908F7C;
}

a, a:link, a:visited, a:active {
    color: #000;
}

a:hover {
    color: #908F7C;
}

#logo {
    margin: 36px auto 1px auto;
    width: 800px;
    height: 148px;
    background: #FFF url('../img/logo.gif') 0 25px no-repeat;
}

#menu {
    margin: 0;
    width: 100%;
    height: 58px;
    background: #908F7C;
}

.interior, .interior > #menuitems {
    background: #000 !important;
}
    
    #menuitems {
        margin: 0 auto 27px auto;
        width: 800px;
        height: 31px;
    }
        
        #menuitems > a {
            float: left;
            display: block;
            width: 133px;
            height: 31px;
            text-align: center;
        }
        
        #menuitems > a:link, #menuitems > a:visited, #menuitems > a:active, #menuitems > a:hover {
            padding-top: 1px;
            font: normal small-caps 17pt "Helvetica", "Arial", sans-serif;
            text-decoration: none;
            color: #FFF;
        }
        
        #menuitems > a:hover {
            padding-top: 0;
            font-weight: bold;
        }

#content {
    margin: 0 auto;
    padding: 20px 40px;
    width: 720px;
    height: 407px;
    background: #FFF;
}
    
    .float {
        float: right;
        margin: 0 -20px 0 20px;
    }

... het volgende in 'index.html'

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Sonneville</title>
        <link rel="stylesheet" href="style/sonneville.css" media="screen"></link>
    </head>
    <body>
        <div id="logo"></div>
        
        <div id="menu">
            <div id="menuitems">
                <a href="index.html" title="Home">home</a>
                <a href="interior.html" title="Interior">interior</a>
                <a href="architecte.html" title="Architecte">architecte</a>
                <a href="portfolio.html" title="Portfolio">portfolio</a>
                <a href="links.html" title="Links">links</a>
                <a href="contact.html" title="Contact">contact</a>
            </div>
        </div>
        
        <div id="content">
            <img class="float" src="img/img1.gif" alt="schets"/>
            
            <h5>Ruimte cre&euml;ren<br/><br/>met maximale benutting !</h5>
            
            <p>Samen met de klant wordt er steeds naar een optimale oplossing gezocht, rekening houdend met persoonlijke wensen en natuurlijk ook budget.</p>
            <p>Wonen is niet langer een noodzakelijkheid. Uw leefruimte, werkruimte is een plek die helemaal van jezelf moet zijn.</p>
            <p>De inrichting is de spiegel van je persoonlijkheid en ziel.</p>
            <p>Een opdracht voor een verbouwing en inrichting wordt ook niet aan de eerste de beste toevertrouwd...</p>
        </div>
    </body>
</html>

het volgende in 'interior.html'

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Sonneville</title>
        <link rel="stylesheet" href="style/sonneville.css" media="screen"></link>
    </head>
    <body>
        <div id="logo"></div>
        
        <div id="menu" class="interior">
            <div id="menuitems">
                <a href="index.html" title="Home">home</a>
                <a href="interior.html" title="Interior">interior</a>
                <a href="architecte.html" title="Architecte">architecte</a>
                <a href="portfolio.html" title="Portfolio">portfolio</a>
                <a href="links.html" title="Links">links</a>
                <a href="contact.html" title="Contact">contact</a>
            </div>
        </div>
        
        <div id="content">
            <img class="float" src="img/img1.gif" alt="schets"/>
            
            <h5>Kleuren<br/><br/>die de sfeer omarmen</h5>
            
            <p>Plannen voor verbouwing en inrichting zijn een eerste stap. Het uiteindelijk resultaat komt aan op een professionele uitvoering.</p>
            <p>Goed, vakkundig en met oog voor de wensen van de klant.</p>
            <p>Inspiratie daarvoor zit vaak in dagelijkse dingen; het groen van pas gemaaid gras, het frisse blauw van  korenbloemen of het intense geel van geurig kerriepoeder. Door goed te kijken ontdek je steeds opnieuw prachtige combinaties van kleuren en materialen.</p>
            <p>Sonneville Interior weet met kleuren de sfeer te omarmen;<br/><br/>creatief en vakkundig.</p>
        </div>
    </body>
</html>

En sla vervolgens het plaatje achter deze link op als 'img/logo.gif'

En als laatste het plaatje achter deze link als 'img/img1.gif'

Afbeeldingslocatie: http://bay01.imagebay.com/thumbs/39430/img1.gif

De rest van de pagina's kun je maken door interior.html te kopiëren.

Ik hou absoluut niet van voorkauwen, maar als je nu nóg niet van de framesets af kunt komen...

vrijdag 4 juli 2008 09:36

Acties:

Jackbq

Topicstarter

$_/-\o_$ $_/-\o_$ $_/-\o_$

Zit nu op mijn werk, maar vanavond heb ik wat copy paste werk te doen..

vrijdag 4 juli 2008 13:00

Acties:

Cousin Boneless

Die > in de selector.. is dat niet heel erg nieuwerwets dat door weinig browsers ondersteund wordt?
Ik gebruik meestal:

.classNameAnchestor .className {...}

Dus voor alles wat binnen classNameAnchestor genest is.

[ Voor 13% gewijzigd door Cousin Boneless op 04-07-2008 14:53 . Reden: kinderen, kleinkinderen, afstammelingen -> alles wat er binnen genest is. ]

vrijdag 4 juli 2008 13:43

Acties:

AW_Bos

Liefhebber van nostalgie... 🕰️

Cousin Boneless schreef op vrijdag 04 juli 2008 @ 13:00:
Die > in de selector.. is dat niet heel erg nieuwerwets dat door weinig browsers ondersteund wordt?
Ik gebruik meestal:

.classNameAnchestor .className {...}

Dus voor alle de kleinkinderen.

Ik meen dat IE met deze selector niet eens overweg kan.

☎ Telecommunicatie van vroeger
🚅Alles over spoor en treintjes

vrijdag 4 juli 2008 14:47

Acties:

Sebazzz

3dp

Ariën Clay schreef op vrijdag 04 juli 2008 @ 13:43:
[...]

Ik meen dat IE met deze selector niet eens overweg kan.

IE is natuurlijk geen vergelijking. IE ondersteunt niets.

[Te koop: 3D printers] [Website] Agile tools: [Return: retrospectives] [Pokertime: planning poker]

zaterdag 5 juli 2008 10:30

Acties:

DiSiLLUSiON

Ik had de css/html ook maar puur uit m'n hoofd gedaan, nu maar even opgeslagen en in IE bekeken.

'style/sonneville.css'

code:

html, body {
    margin: 0;
    padding: 0;
}

body {
    background: #767561;
    font: 11pt "Georgia", "Times New Roman", serif;
    color: #000;
}

h5 {
    font-size: 11pt;
    color: #908F7C;
}

a, a:link, a:visited, a:active {
    color: #000;
}

a:hover {
    color: #908F7C;
}

ul {
    margin-bottom: 0;
}

#logo {
    margin: 36px auto 1px auto;
    width: 800px;
    height: 148px;
    background: #FFF url('../img/logo.gif') 0 25px no-repeat;
}

#menu {
    margin: 0;
    width: 100%;
    height: 58px;
    background: #908F7C;
}

.interior, .interior #menuitems {
    background: #000 !important;
}
    
    #menuitems {
        margin: 0 auto 27px auto;
        width: 800px;
        height: 31px;
    }
        
        #menuitems a {
            float: left;
            display: block;
            width: 132.5px;
            height: 31px;
            text-align: center;
        }
        
        #menuitems a:link, #menuitems a:visited, #menuitems a:active, #menuitems a:hover {
            padding-top: 1px;
            font: normal small-caps 17pt "Helvetica", "Arial", sans-serif;
            text-decoration: none;
            color: #FFF;
        }
        
        #menuitems a:hover {
            padding-top: 0;
            font-weight: bold;
        }

#content {
    margin: 0 auto;
    padding: 20px 40px;
    width: 720px;
    height: 407px;
    background: #FFF;
}
    
    .float {
        float: right;
        margin: 0 -20px 0 20px;
    }

Dit zou wel moeten werken denk ik zo.

[ Voor 16% gewijzigd door DiSiLLUSiON op 05-07-2008 10:58 . Reden: rant over selectors weggehaald :P ]

zondag 13 juli 2008 21:39

Acties:

Jackbq

Topicstarter

Oke,

witte lijnen zijn nu opgelost, super bedankt in elk geval.
Echter ik heb nog 1 vraag, als ik een niet standaard lettertype wil gebruiken voor de knoppen.
Kan dat dan, of zal iemand die dat lettertype niet heeft, een vervangend lettertype krijgen?

En als dat zo is, is dan zelf gif-jes maken voor de knoppen de oplossing?

zondag 13 juli 2008 21:46

Acties:

Cousin Boneless

In dat geval wordt een alternatief font gebruikt. Je kan in css aangeven wat het alternatief moet zijn (font-family). Je zou eens kunnen kijken naar SifR http://www.mikeindustries.com/blog/sifr/

zondag 13 juli 2008 22:02

Acties:

Jackbq

Topicstarter

Oke, duidelijk.

Kan iemand me nog het volgende uitleggen:

#menuitems a:link, #menuitems a:visited, #menuitems a:active, #menuitems a:hover {
padding-top: 1px;
font: normal small-caps 17pt "Helvetica", "Arial", sans-serif;
text-decoration: none;
color: #FFF;

Dit stukje gaat over de stijl van de menuknoppen.
Waarom 3 lettertypen?

volgens mij gaat het over normale kleine, hoofdletters groote: 17 punts.
Maar dan komen er 3 lettertypen?

zondag 13 juli 2008 22:29

Acties:

Harm

jackel7007 schreef op zondag 13 juli 2008 @ 22:02:
Waarom 3 lettertypen?

Als het eerste lettertype niet aanwezig is op een computer wordt de tweede gepakt, en als ook die niet aanwezig is wordt het font gepakt dat bij de generieke font-family sans-serif hoort.

zondag 13 juli 2008 22:42

Acties:

Verwijderd

jackel7007 schreef op zondag 13 juli 2008 @ 22:02:
Maar dan komen er 3 lettertypen?

Dit is de shorthand manier voor het instellen van alle font-eigenschappen in één regel. (Let bij het gebruik van de font-shorthand op de volgorde.)

De drie fonts zijn de fonts die je op zou geven bij font-family (waar Cousin Boneless al op wees).

Je geeft 3 (of meer, of minder) fonts op omdat je afhankelijk bent van de op de computer van de bezoeker aanwezige fonts. In dit voorbeeld krijgt de gebruiker die Helvetica heeft (vaak Mac-gebruikers) Helvetica. Wie dat niet heeft, maar wel Arial, krijgt Arial (Windows). Wie ook Arial niet heeft krijgt een door zijn computer gekozen sans-serif (schreefloos) lettertype.

(Ik las laatst een artikel op dev.opera over fonts dat misschien interessant voor je is.)

edit:
Te lang aan het typen geweest...