Toon posts:

[Css] Spaties

Pagina: 1
Acties:

Verwijderd

Topicstarter
Hoi,

Ik zit met een probleem. Ik haal uit mijn database een uitleg van een spel.

Nu wil ik dus het volgende bereiken zie plaatje:
Afbeeldingslocatie: http://www.crazygames.nl/screen.gif

Ik wil dus dat die tekst rondom gaat.

Nu heb ik als html bron het volgende:
code:
1
2
3
4
5
<DIV CLASS="shadow">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;At vero eos et <B>accusamus provident</B> et iusto<BR>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ducimus qui <B>blanditiis</B> occaecati praesentium volupt<BR>
&nbsp;&nbsp;&nbsp;&nbsp;atque corrupti quos cupiditate dolores et quas oti<BR>
sint occaecati cupiditat <B>occaecati non</B> pada provident.<BR></DIV>


Hoe zorg ik er nu voor bijv. doormiddel van css dat die bij die 4 regels de nodige spaties ervoor zet? Is dit mogelijk?

Verwijderd

nee kan niet, plaatjes zijn sowiezo altijd vierkant

  • disjfa
  • Registratie: April 2001
  • Laatst online: 08-01 11:17

disjfa

be

Verwijderd schreef op donderdag 29 september 2005 @ 13:50:
nee kan niet, plaatjes zijn sowiezo altijd vierkant
:?

Dit kan je verder op meerdere manieren oplossen. Elke zin een margin of padding geven of je plaatje uit 4 plaatjes opbouwen bijv.

disjfa - disj·fa (meneer)
disjfa.nl


  • Redshark
  • Registratie: Mei 2002
  • Laatst online: 10:48
op alistapart staat hier een mooi artikel over, neem die is door anders.

Verwijderd

doet me denken aan ragged float.

Verwijderd

Topicstarter
Plaatje staat op de achtergrond. Dus zou opzich we moeten lukken denk ik.

[ Voor 40% gewijzigd door Verwijderd op 29-09-2005 14:10 ]


  • OkkE
  • Registratie: Oktober 2000
  • Laatst online: 10-11-2025

OkkE

CSS influencer :+

Elke regel zou je als een apparte <span> ofzo kunnen neerzetten, en deze dan per regel een eigen margin/padding krijgen. Lastigste is om dit alles dynamisch te houden zonder dat de layout verpest wordt..

[ Voor 11% gewijzigd door OkkE op 29-09-2005 14:14 ]

“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.


  • Redshark
  • Registratie: Mei 2002
  • Laatst online: 10:48
Gevonden, deze link moet je hebben :)
http://www.alistapart.com/articles/crosscolumn2

Verwijderd

Topicstarter
Juist ja dat ziet er allemaal nog best ingewikkeld uit aangezien je ook niet met een standaard stukje tekst te maken hebt, maar telkens een andere tekst.

  • We Are Borg
  • Registratie: April 2000
  • Laatst online: 16:22

We Are Borg

Moderator Wonen & Mobiliteit / General Chat
Verwijderd schreef op donderdag 29 september 2005 @ 15:03:
Juist ja dat ziet er allemaal nog best ingewikkeld uit aangezien je ook niet met een standaard stukje tekst te maken hebt, maar telkens een andere tekst.
maar de afstand per regel van het plaatje (wat wel fixed is neem ik aan) blijft toch altijd hetzelfde, ongeacht de inhoud van de tekst :) ?

Verwijderd

Topicstarter
Ja dat klopt ja, maar hoe bepaal je wanneer een nieuwe regel is.

  • We Are Borg
  • Registratie: April 2000
  • Laatst online: 16:22

We Are Borg

Moderator Wonen & Mobiliteit / General Chat
ik zou eens kijken naar de link van toeter. Die ziet er namelijk erg goed uit als ik het zo door lees :)

Verwijderd

het kotm er sowiezo op neer dat je elke regel apart in moet gaan stellen, ben je met je   misschien makkelijk af.

hoewel als je veel texten heb margin etc ook goed is.

  • Savantas
  • Registratie: December 2002
  • Laatst online: 16:31
Zeker met variabele tekst lijkt het me het makkelijkst om via ragged float de boel uit te sparen. En als de afbeelding op de achtergrond staat zul je ben ik bang wel terug moeten naar whitespace gifjes (of meer blankspace...). Erg mooie code zal dat niet opleveren :(
De afspatieëring in het voorbeeld van ALA vind ik nogal grof, maar ik neem aan dat je dat nog wat fijner kan instellen. eens ff goed lezen...

Ik denk niet zwart-wit, ik denk diapositief! ( ͡° ͜ʖ ͡°)

Pagina: 1