Text seitlich begrenzen
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
angabe
anmelden
anzahl
boxen
code
container
datum
element
finanzieren
geld
klicken
mitglied
regel
steigern
tag
taschengeld
text
unternehmen
verdienen
werben
-
Hallo,
ich möchte gerne den Text auf meiner Homepage seitlich begrenzen, so dass der Text genauso breit ist wie das
Regenbogenmuster. Ich habs erst mit folgender Methode versucht:
#seitenbereich
{
float:left;
margin: 120px;
padding: 120px;
}
allerdings ist der Text dann nur auf meinem Notebook direkt unter dem Regenbogenmuster. Auf einem größeren Bildschirm
ist der Text wieder breiter, was natürlich schon am tag/code">Code zu erkennen ist. Es ist also keine elegante Lösung.
Ich bräuchte jetzt einen Befehl um nicht den Abstand zum Bildschirmrandes, sondern die Breite des Textes angeben zu können.
Der Text soll aber mitteg bleiben und nicht nach rechts oder links verschoben sein.
www.qualitmoney.lima-city.de
MfG
Beitrag zuletzt geändert: 28.3.2011 15:10:01 von qualitmoney -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Probier doch mal eine fixe Breitenangabe mit "width: [BreiteDesRegenbogensInPixel]px;".
#seitenbereich { float:left; width: [BreiteDesRegenbogensInPixel]px; margin: 120px; padding: 120px; }
Beitrag zuletzt geändert: 28.3.2011 13:52:41 von wagnerm -
Hm, Der Text ist nun schon eher mitteg aber immernoch stark nach links ausgerichtet.
#seitenbereich
{
float:left;
width: 700px;
margin: 120px;
padding: 120px;
}
Wäre es nicht möglich, eine Box anzulegen welche eine bestimmte Breite hat und diese Box zu zentrieren?
Beitrag zuletzt geändert: 28.3.2011 15:24:22 von qualitmoney -
Hi qualitmoney,
wenn dein text unter deinem regenbogen-bild genauso breit sein soll wie das bild dann wäre die logischste lösung wohl beides in einen container zu packen der eine feste breite hat.
<div style="width:600px;"> <img width="600" src="" alt="" /> <p>textinhalt bla bla</p> <p>textinhalt bla bla</p> <p>textinhalt bla bla</p> </div>
es ist hierbei aber dringends zu empfehlen auf angaben zu margin und padding ganz zu verzichten da der box-modell-bug immernoch zu unterschiedlichen browserergebnissen fürt
ausserdem:
CSS-Notationen in der Form:
#seitenbereich { float:left; width: 700px; margin: 120px; padding: 120px; }
müssen im head-bereich der html-datei stehen, nicht im body, dort sind nur inline-css zulässig, z.B.:
<div style="width:600px;"></div>
auch ein float ist hier unnötig und unlogisch.
um den container auf der seite zentriert anzuzeigen beötigt es zwei css-angaben:
1. für das zu zentrierende element:
margin:0px auto;
2. für das element das das zu zentrierende element beinhaltet (in deinem fall body):
text-align:center;
deine seite würde dann in etwa so aussehen:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Seriös Geld verdienen</title> <style type="text/css"> html, body { background-color:#000; color:#FFF; text-align:center; } #container { width:800px; margin:0px auto; } #regenbogen { width:800px; height:300px; background-image:url(regenbogen.jpg); } </style> </head> <body> <div id="container"> <div id="regenbogen"> <h1>Seriös und einfach Geld verdienen</h1> </div> <h2>Herzlich willkommen auf Money-Advantage.</h2> <p> Sind Sie mindestens 16 Jahre alt und wollen sich ein wenig Taschengeld vollkommen seriös, kostenlos und mit wenig <br /> Zeitaufwand dazu verdienen? Ich stelle Ihnen gerne mein Wissen zur Verfügung. Der Schlüssel zum Geldverdienen nennt <br /> sich Paidmails bestätigen. Um Geld zu verdienen klicken Sie innerhalb einer Werbe-Email auf einen Bestätigungslink, <br /> welcher Sie zu einer Webseite (z.B. Amazon) führt. In diesem Moment haben sie bereits etwas verdient und können die <br /> Seite wieder schließen um die nächste Mail mit einem darin enthaltenen Bestätigungslink zu öffnen um wieder Geld zu <br /> verdienen. In der Regel erhält man pro Tag ca. 6 Mails. Die Anzahl können Sie bei Bedarf auf 55 steigern. Je nach <br /> Einstellung ist es also wirklich kaum Aufwand. </p><br /> <h3>Warum werde ich fürs bestätigen von Mails bezahlt?</h3> <p> Paidmailerunternehmen finanzieren sich wie Folgt: Ein Unternehmen, z.B. Amazon, fragt bei einem Paidmailer an und <br /> bezahlt ihm einen gewissen Betrag Geld, damit dieser an seine Mitglieder Werbemails verschickt. Dafür, dass Sie nun <br /> sich diese Email angucken, erhalten Sie einen Teil von dem Geld, welches Amazon dem Paidmailer bezahlt hat. Die <br /> Differenz von dem was Amazon gezahlt hat und was der Paidmailer an seine Mitglieder bezahlt, behält er um sich <br /> selbst zu finanzieren. Wie Sie sehen, handelt es sich hier also nicht um eine dubiose Methode um im Internet von <br /> Zuhause oder einem internetfähigem Handys aus Geld zu verdienen. </p><br /> <h3>Kann ich meinen Verdienst noch weiter steigern?</h3> <p> Ja, werben Sie einfach Freunde oder Bekannte indem Sie ihnen davon erzählen oder per Webseite werben. Jeder <br /> geworbene neue User wird Ihnen vergütet. Desweiteren bietet z.B. Dubai-Palace auch sogenannte Paidbanner an. <br /> Sie funktionieren nach dem gleichen Prinzip wie Paidmails: Draufklicken, zu einer Werbeseite weiterleiten und <br /> vergüten lassen. </p><br /> <h3>Soll ich mich anmelden? </h3> <p> Ja, auf jeden Fall. Klicken sie einfach unten auf die beiden Banner und melden Sie sich an. Sie haben nichts zu <br /> verlieren: Wenn es Ihnen nicht gefällt können Sie ihren Account umgehend im jeweiligen Mitgliederbereich löschen <br /> lassen. Alle Ihre angegeben Daten werden damit ebenfalls gelöscht. </p><br /> <h3>Datenschutz?</h3> <p> Ich kann aus Erfahrung berichten, dass Ihre Daten vertraulich behandelt werden. Beide Paidmailer die ich Ihnen <br /> hier präsentiere versichern, dass Ihre Daten nicht an Dritte weitergegeben werden. Ich persönlich habe noch nie <br /> in meinem extra für Paidmails eingerichteten Postfach Spam erhalten. Ich kann Ihnen also versichern, dass Ihre Daten <br /> nicht verkauft werden, Datenklau oder unerwünschte Marktstudien durchgeführt werden oder Spam verschickt wird. Warum <br /> auch - die Paidmailer würden damit Ihre Kunden verlieren und sich selbst Schaden, da keine Unternehmen über diesen <br /> Paidmailer mehr Werbung verschicken lassen. </p><br /> <h3>Wie geht's weiter?  </h3> <p> Anmelden, Paidbanner anklicken und Paidmails bestätigen. In der Regel werden die Mails gegen 0.30 Uhr verschickt,<br /> Sie erhalten ihre ersten Mails also erst am nächsten Tag. Es ist zudem empfehlenswert, sich bei GMX ein eigenes E-Mail <br /> Konto für Paidmails anzulegen. Dass ist natürlich nicht Notwendig aber empfehlenswert wenn Sie sich bei beiden Paid-<br /> mailern oder noch mehr anmelden.<br /> </ br> Jetzt aber los, melden Sie sich an und verdienen Sie sich ein Taschengeld von bis zu 100€ im Monat dazu. Wie viel Sie <br /> verdienen kommt ganz auf Sie an. <br /> </p><br /> <p> <a href="http://www.dubai-palace.eu/index.php?ref=17361" target="_blank"><img src="http://www.dubai-palace.eu/images/refbanner/serie1/468x60.gif" border="0" alt="Dubai Palace"></a><br /> Viele Extras, Anzahl der Mails einstellbar (5 bis 50), gute Vergütung, ca. 9100 Mitglieder </p><br /> <p> <a target="_blank" href="http://www.earnstar.de/?ref=432563"><img src="http://www.earnstar.de/werbemittel/keinekohle/keinekohle_468x60.gif" width="468" height="60" alt="EarnStar.de" border="0"></a><br /> Sehr hohe Vergütung, wenige Emails pro Tag, ca. 189.000 Mitglieder   </p><br /> </div> </body> </html>
Beitrag zuletzt geändert: 14.4.2011 12:25:29 von kleines-ich -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage