[CSS] Probleem met omzetten

[Verwijderd]

Beste,

Ik moet voor school een wordpress blog theme maken.
De logische stap is dus om eerst het design om te zeggen naar een statische HTML/CSS pagina.
Helaas zit ik dus een beetje vast




Het gaat dus om de background van de post's.
Eigenlijk over het "balkje" dat er boven uitsteekt.
Het probleem is dat er dynamische content in komt, dus ik nooit zeker ga weten hoe groot dit gaat moeten worden!
Iemand wat tip's?

Mvg,
Jeroen

[MueR]

En wat heb je zelf al geprobeerd? Wat heb je aan oplossingen gezocht?

[Verwijderd]

Ik heb al geprobeerd om de "titel" en de "datum" samen in een aparte class te steken en deze dan 3 borders te geven (left, right, top). Ik was van plan om het dan een margin-bottom: -3px; te geven en het op te lossen via de Z-index. Maar aangezien de Z-index enkel werkt bij absolute positionering, en mijn element zich binnen mijn "grid" bevind en er dus geen reden is om absoluut te positioneren, zal dit ook niet werken.

ik hoop dat ik mijzelf een beetje duidelijk kan maken?

hier is anders een voorbeeldje van wat ik al heb! (het is wel een beetje een rommeltje, maar het is gewoon een test-fase voor ik alles echt begin te coden)
Click!

Mvg,
Jeroen

[mcDavid]

Je kunt ook voor dat "tabje" een transparante div maken over de volle breedte met border left en bottom, en daarin een element met border top en right.

[ Voor 6% gewijzigd door mcDavid op 26-02-2010 12:13 ]

[IINamoRII]

Maak een tab container div en plaats daar weer drie div in. 1 linker div voor het linker gedeelte(plaatje van het logo en de border), 1 div in het midden voor de content met een repeating image over x en rechts een div voor de rechter border.

[mcDavid]

Lijkt me niet nodig, die borders kunnen prima met de border-property. Het logo kan als background-image op de <h*>

[Asator]

Als je posthead en postcontent allebei position: relative geeft werkt die z-index ook. Dan hoef je ze niet te positioneren zoals met een absolute position.

[Verwijderd]

je hebt gelijk! bedankt!!

Mvg,
Jeroen

[Verwijderd]

nog even een vraagje, weet iemand hoe ik die 2 witte lijnen in css krijg? ik probeer het nu met 2 div's boven mijn "container div" die dan een hoogte, of breedte hebben van 3px, en de de andere hoogte of breedte op 100%, en die absoluute gepositioneerd staan. Dit werkt maar als ik mijn venster re-size, verschuiven de lijnen!

[Verwijderd]

Verwijderd schreef op maandag 08 maart 2010 @ 12:06:
die absoluute gepositioneerd staan. Dit werkt maar als ik mijn venster re-size, verschuiven de lijnen!

aangezien je op school zit misschien toch nog even verder in je cursus duiken?

nog een persoonlijke tip;

Verwijderd schreef op vrijdag 26 februari 2010 @ 11:01:
...
De logische stap is dus om eerst het design om te zeggen naar een statische HTML/CSS pagina.
...

Als je in de toekomst nog veel websites gaat maken, probeer liever te denken als ontwerper en niet als designer, ik ben zelf semi-professioneel actief in de web business en maar al te vaak gaat er tijd verloren omdat het design niet is aangepast aan het ontwerp / layout van de website met het gevolg dat je meer tijd & werk moet maken van een correct css model. Zelf maak ik mijn websites altijd eerst met een leeg box model (of andere) met voorbeeld content & de grafische opsmuk voeg ik achteraf toe, zo heb je vanaf het begin ook een goed overzicht van de semantiek van je website & kan je rekening houden met SEO etc. zonder dat je verloren loopt in je grafische elementen, je bezoeker gaat tenslotte komen voor de content (zeker bij een blog). Dat het in een mooi jasje gegoten zit is vaak niet zo heel relevant ...

[mcDavid]

Verwijderd schreef op maandag 08 maart 2010 @ 12:06:
nog even een vraagje, weet iemand hoe ik die 2 witte lijnen in css krijg? ik probeer het nu met 2 div's boven mijn "container div" die dan een hoogte, of breedte hebben van 3px, en de de andere hoogte of breedte op 100%, en die absoluute gepositioneerd staan. Dit werkt maar als ik mijn venster re-size, verschuiven de lijnen!

code:

border-top-style: double;

?

[MBV]

Heb je er al bij stilgestaan dat wit-op-aqua nou niet echt de meest contrasterende combinatie is? Misschien is het voor jouw niet belangrijk, maar er zijn kleurenblinde mensen die dat met geen mogelijkheid kunnen lezen.