DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Fieldset lijkt me semantisch geen optie als het een <h*> element behoort te zijn.
Wat ook wel een optie is is gewoon met :before en :after een afbeelding met een streepje invoegen. Of een element met een border-top ofzo.
Wat ook wel een optie is is gewoon met :before en :after een afbeelding met een streepje invoegen. Of een element met een border-top ofzo.
:before en :after zijn pseudoelementen waar je het best bij weg kan blijven...
Je zou die kop wel kunnen wrappen en dat lijntje als achtergrond in kunnen spelen. De kop zelf geef je dan de achtergrond van de pagina.
Je zou die kop wel kunnen wrappen en dat lijntje als achtergrond in kunnen spelen. De kop zelf geef je dan de achtergrond van de pagina.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Hoezo?quote:Op woensdag 22 februari 2012 13:24 schreef Catch22- het volgende:
:before en :after zijn pseudoelementen waar je het best bij weg kan blijven...
Dat ga ik eens proberen, dat legend werkt niet echt; hij pakt de code simpelweg nietquote:Op woensdag 22 februari 2012 13:23 schreef KomtTijd... het volgende:
Fieldset lijkt me semantisch geen optie als het een <h*> element behoort te zijn.
Wat ook wel een optie is is gewoon met :before en :after een afbeelding met een streepje invoegen. Of een element met een border-top ofzo.
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
IE Support?quote:
Op
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
http://jsfiddle.net/uSfn2/
http://jsfiddle.net/uSfn2/2/ nog mooier.
[ Bericht 19% gewijzigd door KomtTijd... op 22-02-2012 13:53:02 ]
http://jsfiddle.net/uSfn2/2/ nog mooier.
[ Bericht 19% gewijzigd door KomtTijd... op 22-02-2012 13:53:02 ]
Surveillance-Fiets
Toezicht is gezond!
kek!
Ik denk meer dat je als nieuwsposter een geile egocentrische narcist moet zijn, die een flinke stijve krijgt van alle berichten die ie van zijn eigen hand ziet op de FP, zo! ©yvonne
Beste nieuwsbericht ooit op de FOK!frontpage!
Beste nieuwsbericht ooit op de FOK!frontpage!
Als je IE7 support wil droppen is dat inderdaad het netste
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Ik denk dat mijn leraar ook denkt; Fuck IE7. In mijn projectvoorstel had ik het ook alleen over moderne browsers. En dat ik het in HTML5 zou doen, maar daar hebben we het nu even niet over.quote:
Als je IE7 support wil droppen is dat inderdaad het netste
Zo niet dan is denk ik het netste om een JS hack toe te passen die de :before en :after als <span> invoegt.quote:
Als je IE7 support wil droppen is dat inderdaad het netste
-edit-
http://jsfiddle.net/uSfn2/3/
inclusief klein regeltje psuedo waardoor hij nu niet werkt in normale browsers.
[ Bericht 6% gewijzigd door KomtTijd... op 22-02-2012 14:16:12 ]
quote:
[..]
Zo niet dan is denk ik het netste om een JS hack toe te passen die de :before en :after als <span> invoegt.
Maar zoiets kan je doen idd. Of een container met een backgroundimage, maar dat is kut met variabele breedtes
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Oke, hmm, ik heb nog nooit van CSS3 gehoord (en kwam al googlend naar info over ronde hoeken e.d. ook niet tegen wat ik wilde). Waar vind ik meer info over hoe CSS3 dit kan, en is er ook een manier om het zonder gedaan te krijgen?
GOogle op "Css border-radius" en "css shadow", dan moet je toch echt zat kunnen vinden.
Fatsoenlijke andere manieren zijn er nooit geweest. "vroeger" deed men dit met (veel) extra betekenisloze elementen met achtergrondafbeeldingen enzo.
Fatsoenlijke andere manieren zijn er nooit geweest. "vroeger" deed men dit met (veel) extra betekenisloze elementen met achtergrondafbeeldingen enzo.
Ja, de achtergrondafbeelindgen heb ik in principe al gemaakt, alleen daar zit ik dus met het probleem dat de rand te dik wordt.. klopt mijn conclusie dat dit niet makkelijk middels margin oid op te lossen is? Is er geen code die kan bepalen hoe ver een background doorloopt?quote:
GOogle op "Css border-radius" en "css shadow", dan moet je toch echt zat kunnen vinden.
Fatsoenlijke andere manieren zijn er nooit geweest. "vroeger" deed men dit met (veel) extra betekenisloze elementen met achtergrondafbeeldingen enzo.
Oh, en kan ik css3 elementen gewoon in mijn huidige css-bestand toevoegen of vraagt het om een of andere upgrade/vertaling?
Waarom heb je hier 3000 en 1000px gekozen? Zodat er genoeg ruimte is voor de tekst?quote:
http://jsfiddle.net/uSfn2/
http://jsfiddle.net/uSfn2/2/ nog mooier.
Ik probeer nu dit:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | h3{ font-family: 'Ubuntu', sans-serif; font-weight:200; text-align:center; color:#de6956; font-size:20px; margin-bottom:15px; width:300px; } h3:before, h3:after { content:''; display:inline-block; width: 150px; border-top:1px solid blue; margin: 3px; } |
Het enige wat het vereist is dat de gebruiker die je website bezoekt een browser gebruikt die de CSS3 properties ondersteunt die je gebruikt. Dat zijn eigenlijk alle browsers behalve IE8 en lager.quote:Op woensdag 22 februari 2012 14:22 schreef Maartel het volgende:
[..]
Ja, de achtergrondafbeelindgen heb ik in principe al gemaakt, alleen daar zit ik dus met het probleem dat de rand te dik wordt.. klopt mijn conclusie dat dit niet makkelijk middels margin oid op te lossen is? Is er geen code die kan bepalen hoe ver een background doorloopt?
Oh, en kan ik css3 elementen gewoon in mijn huidige css-bestand toevoegen of vraagt het om een of andere upgrade/vertaling?
De rest van je verhaal snap ik niet helemaal... Persoonlijk zou ik helemaal niet meer aan afbeeldingen beginnen, dat is gewoon achterhaald.
trucje wat ik doe is het <h1> element en de blauwe streep megabreed maken en centreren, zodat die blauwe lijn altijd de volledige breedte heeft. Het stukje wat links en rechts uitsteekt verberg je met overflow:hidden.quote:
[..]
Waarom heb je hier 3000 en 1000px gekozen? Zodat er genoeg ruimte is voor de tekst?
Ik probeer nu dit:
[ code verwijderd ]
Maar dit werkt niet.
Poging tot uitleggen: wanneer ik een losse boven en onderrand gebruik zijn die altijd minstens even hoog als de 'hoek', terwijl ik wil dat de tekst al meteen in de hoek kan beginnen (dus op een plek waar de background nog niet begint). Verder heb ik zelf eigenlijk wel een voorkeur voor een design wat in elke browser werkt, maar ik weet niet of dit op te lossen is..quote:
[..]
Het enige wat het vereist is dat de gebruiker die je website bezoekt een browser gebruikt die de CSS3 properties ondersteunt die je gebruikt. Dat zijn eigenlijk alle browsers behalve IE8 en lager.
De rest van je verhaal snap ik niet helemaal... Persoonlijk zou ik helemaal niet meer aan afbeeldingen beginnen, dat is gewoon achterhaald.
Als ik ze megabreed maak, komt de rechter onder de titel te staanquote:
[..]
trucje wat ik doe is het <h1> element en de blauwe streep megabreed maken en centreren, zodat die blauwe lijn altijd de volledige breedte heeft. Het stukje wat links en rechts uitsteekt verberg je met overflow:hidden.
Ziet dat er niet druk uit? je hebt toch altijd wel padding?quote:
[..]
Poging tot uitleggen: wanneer ik een losse boven en onderrand gebruik zijn die altijd minstens even hoog als de 'hoek', terwijl ik wil dat de tekst al meteen in de hoek kan beginnen (dus op een plek waar de background nog niet begint). Verder heb ik zelf eigenlijk wel een voorkeur voor een design wat in elke browser werkt, maar ik weet niet of dit op te lossen is..
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Hij doet het nu zo dat de lijn en de teksten op locatie zijn, maar de lijn loopt niet links en rechts van de header.quote:
[..]
trucje wat ik doe is het <h1> element en de blauwe streep megabreed maken en centreren, zodat die blauwe lijn altijd de volledige breedte heeft. Het stukje wat links en rechts uitsteekt verberg je met overflow:hidden.
(Het ziet er precies hetzelfde uit in de browser
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
Nou (let niet op de rest van de pagina want het is meer een oefen en knutselruimte) hier heb ik aan de rechterkant bijvoorbeeld een zwarte box rondom de audio player waarvan ik toch echt de rand ongeveer half zo dik zou willen hebben, en dat lijkt op deze manier niet echt te lukken vanwege de grootte van de losse elementen..quote:
[..]
Ziet dat er niet druk uit? je hebt toch altijd wel padding?
En aan de onderkant loopt de background sowieso 1 of 2 pixels langer door dan ik zou willen.
och heden...
ga dat gauw ombouwen naar CSS3 en gebruik je afbeeldingen voor de ronde hoekjes, deze zijn echt heel kartelig.
Ik zou zelf css3 icm csspie gebruiken
ga dat gauw ombouwen naar CSS3 en gebruik je afbeeldingen voor de ronde hoekjes, deze zijn echt heel kartelig.
Ik zou zelf css3 icm csspie gebruiken
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
| Forum Opties | |
|---|---|
| Forumhop: | |
| Hop naar: | |