[CSS] Maximum margin voor tekst

[The Milkman]

Ik denk zelf dat het vrij simpel is, maar mij lukt het niet.
Ik heb een tijd gezocht, maar het lukt me gewoon niet.

Kijk: http://bertezz.cjb.net/ho...ple/?taal=en&inc=home.php

De tekst die je ziet, mag de foto rechts niet overschrijden.
Dus een soort margin, of wat dan ook leek mij.
Maar dat wil dus niet.

Wie heeft er een idee/tip of wat dan ook?
Dan help je me weer wat verder.

Bedankt!

Bert

[André]

code:

<style>
#content {
  margin: 100px 200px 10px 200px
}
</style>

<div id="content">

Zo?

[Rickets]

Je komt een beetje in de problemen hiermee doordat je het achtergrondplaatje op #content hebt staan. Hierdoor kan je geen margin op #content zetten om het gewenste effect te bereiken.
In de huidige situatie kan je bijvoorbeeld een padding-right erop zetten.

[The Milkman]

Dat had ik al geprobeerd, maar dat hielp niets.
Het enige wat er gebeurde was een enorme witruimte rechts van de pagina...

[André]

Wat heb je al geprobeerd? De padding of de margin? Je kunt de tekst in een apart blok zetten en die een vaste breedte geven.

[The Milkman]

André schreef op woensdag 26 januari 2005 @ 16:52:
Wat heb je al geprobeerd? De padding of de margin? Je kunt de tekst in een apart blok zetten en die een vaste breedte geven.

Dát was de oplossing.
Allen bedankt weer!

Ik begin steeds meer waardering te krijgen voor css.
Ik moet het gewoon ff doorhebben

[RwD]

Over het "door hebben" gesproken. Die html code is nog niet helemaal in orde hoor!

vooral het stukje "<br><br><br><br><br>..." is niet heel erg goed. Als je die taalknopjes onderaan wilt hebben kun je dat beter met css doen dan met html. Zo is er over de indeling nog wel meer te zeggen....

Ipv:

HTML:

<div id="links">
<a href="?inc=home.php">Home</a><br>
<a href="?inc=nieuws.php">News</a><br>
<a href="?inc=chat.php">Chat</a>
</div>

Zou je kunnen overwegen het zo te doen:

HTML:

<ul id="menuLinks">
<li><a href="?inc=home.php">Home</a></li>
<li><a href="?inc=nieuws.php">News</a></li>
<li><a href="?inc=chat.php">Chat</a></li>
</ul>

Het verschil dat je dan in uiterlijk krijgt valt met css weer recht te breien.
Dit was slechts een voorbeeld, er kan meer veranderd worden.

Ik heb wel een tip, neem GoT als voorbeeld. Voor mij is de meeste innovatie pas na de nieuwe layout gekomen. Ik gebruikte al css en bouwde de layout hiermee (ipv tables) maar nadat ik de code hier goed bestudeerd heb kreeg ik er veel meer zicht op hoe het beter zou kunnen in mijn code. (bedankt crisp )

[ Voor 17% gewijzigd door RwD op 27-01-2005 08:56 ]

[The Milkman]

Ben lerende...
Bedankt RwD!