Diverse html/css-vragen

[Verwijderd]

Hier een tweede poging, na sluiting van mijn vorige topic.
Ik snap dat alleen de relevante codes makkelijk zijn, maar ik weet dusdanig weinig van html/css af (ook na heel veel zelfonderzoek, een week geleden had ik nog nooit html aangeraakt, en nu heb ik met veel gegoogle en geprobeer een halve weblog omgebouwd) dat ik gewoon geen flauw idee heb welke delen van de code relevant zijn voor mijn vraag.. dus tja, dan leek het me handiger om alles zo compleet mogelijk te plaatsen, dan dat ik onvolledige informatie plaats.

Ik ben bezig de laatste hand te leggen aan een weblogdesign, en loop toch even tegen m'n gebrek aan kennis van html en css aan.

popsessed.tumblr.com

1. Ik heb momenteel (naast de echte achtergrond die alleen uit een kleur en wat bolletjes bestaat) twee lose achtergrond afbeeldingen op mijn weblog waar ik tevreden over ben.

Nu zag ik gister bij een vriendin met internet explorer dat de afbeeldingen bij haar ineens óver de tekst (en het witte vlak in het midden terecht kwamen).
Ik heb geen idee waar dit aan kan liggen, maar wil wel graag een site die er op elke browser oké uitziet.
Waar kan dit aan liggen en hoe fix ik het?

Ook heb ik ontdekt dat de afbeeldingen op een smaller scherm grotendeels wegvallen. Opzich geen ramp (ze waren vooral om de ruimte links en rechts op te vullen, dus als er geen ruimte over is hoe ik ze ook niet zo nodig te zien), maar ik wil toch even uitproberen om de afmetingen relatief te maken, zodat ze op een groter scherm ook wat groter worden..
(en eigenlijk gewoon altijd de ruimte tussen rand van de browser en start van het 'bloggedeelte' opvullen)
Hoe doe ik dat?

[code<div style="position: fixed; bottom:-5px; left:0px;"><img src="http://pinksoap.nl/popsessed.php"/></div>
<div style="position: fixed; bottom:-5px; right:0px;"><img src="http://pinksoap.nl/popsessed2.php"/></div> [/code]

Dit is hoe de bestanden in mijn html staan.
Ik weet echt niet welke instelling ervoor zorgt dat ze op een ander scherm ineens op de voorgrond staan, heb ook geen idee hoe ik dit verschijnsel moet noemen of waar ik op moet zoeken.
Wat betreft de verhoudingen heb ik al wel geprobeerd size:...% te gebruiken, maar dat lijkt niet helemaal te doen wat ik wil...

2. Op dit moment verschijnt de postdatum alleen wanneer je de post opent, en niet op de weblog zelf.
Ik wil deze info graag tussen de 2 rozelijnen bij de titel plaatsen, maar wel met een andere opmaak (kleiner font, grijze letters, cursief) maar heb absoluut geen idee wáár in de css/html ik dit moet plaatsen om het op de juiste plek te krijgen..

Dit is momenteel de code van posttitels:
{block:Title} <span class="posttitle"><h3><a href="{Permalink}">{Title}</a></h3></span>{/block:Title}

en dit de 'date'-code
<span class="date">POSTED {DayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}</span>

Ik heb die date al tussen </a> en <h/3> ingezet, en dan kwam de datum op de goede plek (naast de titel) maar kreeg hij ook de h3-opmaak, wat weer niet de bedoeling was.
Ik heb hem ook na de </h3> geplaatst, maar dan verscheen de datum onder de roze lijn in plaats van ertussen.

[ Voor 25% gewijzigd door Verwijderd op 28-09-2009 12:27 ]

[MueR]

Met alle respect, maar je zult echt nog wat meer moeten leren over HTML en CSS. Je geeft zelf aan pas een week bezig te zijn. Misschien moet je de lat eens wat lager leggen. Begin eens met wat simpel spul en ga die vergelijken in browsers. Ga langzaam de lat hoger leggen als je alle problemen tussen browsers hebt opgelost. Zo leer je langzaam aan de quirks van bepaalde browser misbaksels. Internet Explorer, om de ergste even te noemen.

Het antwoord op beide vragen is niet moeilijk, maar vereist gewoon wat basiskennis. Momenteel is je beheersing van CSS gewoon duidelijk niet op niveau. Ook je HTML kan nog wel wat scholing gebruiken. Een H3 tag is voor een header, niet voor de datum.

Wel een hint voor je: z-index. Voor wat betreft je datum, zou je ook gewoon gebruik kunnen maken van de border property, in plaats van nutteloze background images die hetzelfde bereiken.

[RobIII]

MueR schreef op maandag 28 september 2009 @ 13:04:
Een H3 tag is voor een header, niet voor de datum.

Een datum kun je best, als dat van toepassing is, in een H3 zetten.

HTML:

<h1>Afschaffen basisbeurs optie bij heroverwegingen</h1>
<p>blatiebla blatiebla blatiebla blatiebla blatiebla</p>
<p>blatiebla blatiebla blatiebla blatiebla blatiebla</p>
<p>blatiebla blatiebla blatiebla blatiebla blatiebla</p>
<h2>Bezuinigingen</h2>
<p>blatiebla blatiebla blatiebla blatiebla blatiebla</p>
<p>blatiebla blatiebla blatiebla blatiebla blatiebla</p>
<h2>Gevolgen</h2>
<p>blatiebla blatiebla blatiebla blatiebla blatiebla</p>
<p>blatiebla blatiebla blatiebla blatiebla blatiebla</p>
<h3>28 sept. 2009</h3>

Of 't "puristisch" helemaal correct is, is een tweede, maar je zegt het nu wel héél zwart-wit. Een Hx hoeft niet per-sé een woord/zin te zijn natuurlijk. Als, semantisch gezien, een H3 van toepassing is dan gebruik je die lekker.

quote: http://www.w3.org/TR/html401/struct/global.html#h-7.5.5

A heading element briefly describes the topic of the section it introduces. Heading information may be used by user agents, for example, to construct a table of contents for a document automatically.

[ Voor 21% gewijzigd door RobIII op 28-09-2009 13:10 ]

[MueR]

Voor het geval van de TS is de titel van de blogpost de Hx, de datum is metadata.

[Verwijderd]

MueR schreef op maandag 28 september 2009 @ 13:04:
Met alle respect, maar je zult echt nog wat meer moeten leren over HTML en CSS. Je geeft zelf aan pas een week bezig te zijn. Misschien moet je de lat eens wat lager leggen. Begin eens met wat simpel spul en ga die vergelijken in browsers. Ga langzaam de lat hoger leggen als je alle problemen tussen browsers hebt opgelost. Zo leer je langzaam aan de quirks van bepaalde browser misbaksels. Internet Explorer, om de ergste even te noemen.

Terecht punt. Alleen heb ik verder niet echt intenties of bedoelingen om in de toekomst nog veel met Html/CSS te doen. Op dit moment is het iets wat ik even nodig heb om m'n weblog op de rit te krijgen, en wellicht ben ik wat ambitieus (ben nogal een perfectionistje) in hoeveel ik aan wil passen.
Ik heb heel veel dingen zelf al uitgevonden, wat betreft de dingen waar ik echt niet uitkwam had ik zoiets van 'hopelijk kan iemand me daar verder mee helpen, dan is m'n weblog daarna gewoon klaar voor gebruik'.

Ook je HTML kan nog wel wat scholing gebruiken. Een H3 tag is voor een header, niet voor de datum.

Tja, die kennis mis ik inderdaad.. ik ben zelf gewoon aan het uitproberen geslagen en merkte dat de enige manier om de datum op de juiste plek te krijgen was wanneer ik 'm op die plek in de html plaatste.

Wel een hint voor je: z-index. Voor wat betreft je datum, zou je ook gewoon gebruik kunnen maken van de border property, in plaats van nutteloze background images die hetzelfde bereiken.

Thanks voor de hint.. ik had eerst al z-index-codes gebruikt maar toen waren wederom de plaatjes op een verkeerde level te zien in een andere browser. Daarna heb ik ze er uitgehaald omdat ik juist dacht dat die z-index-codes het verpesten.
Wat betreft die backgroundimages, die zaten al in het standaarddesign, en gezien m'n minimale kennis heb ik maar geprobeerd zo min mogelijk overhoop te gooien qua dingen die ik er al oké uit vond zien.


Zijn er nog tips qua goede sites oid met een basis van html/css?
Ik wil me er wel iets meer in verdiepen, maar om nu complete boeken door te gaan werken om 2 dingen aan te passen aan de enige site die ik waarschijnlijk ooit zal bouwen is ook weer zoiets...

[Raynman]

Als je echt perfectionistisch wilt zijn, moet je ook bereid zijn er wat tijd in te stoppen. Anders download je gewoon iets kant-en-klaars dat het meest lijkt op wat je wilt hebben (of je past dat aan voor zover je kunt, maar jij wilt dus nog wat meer dan dat zonder (echt) moeite te doen ).

Misschien zijn er best mensen die het voor je willen oplossen, maar daarvoor zou ik je niet aanraden een topic op GoT te openen.

Goede sites weet ik zo eigenlijk niet, maar pas in elk geval op met sites als Sitemasters.be waar iedereen zomaar artikelen kan toevoegen (personen die misschien net zo weinig weten als jij nu na een week, maar dan toch denken dat ze voldoende boven de stof staan om het aan anderen uit te leggen). (Nou ja, in principe kan ook iedereen zelfstandig iets op het web zetten natuurlijk, maar dan heb ik in elk geval één voorbeeld negatieve publiciteit bezorgd. )

[ Voor 9% gewijzigd door Raynman op 28-09-2009 14:34 ]

[brtk]

ik zou zeggen : neem eens een kijkje op http://www.sceneone.nl

Dat heb ik zelf altijd een goed startpunt gevonden om wat basis dingen onder de knie te krijgen.

succes !

[ Voor 40% gewijzigd door brtk op 28-09-2009 16:43 ]