Hallo Wissende,
ich habe zwei Probleme:
Nr.1:
mit folgender neuer Page bin ich beschäftigt: http://r2f2.de/versuch/4fun.htm
Hier die CSS-Datei:
Die für mich bislang unlösbare Schwierigkeit:
Die Seite hat eine feste Breite von 1000px - aber was muß ich stricken, damit sich die Textpassage ebenfalls daran hält ???
Noch besser wäre es, wenn sich das Textfeld in zwei Hälten von je 500px teilen lassen würde, also quasi 2 Spalten nebeneinander.
Meine Versuche mit "div-boxen" scheiterte kläglich.
Problem Nr.2:
ich habe NULL Ahnung von CSS oder Programmierenn o.ä.
Ich suche mir ein paar Seiten aus dem Internet und übernehme dann diverse Teile für die neue Seite. Letztendlich funzelt dann alles irgendwann und irgendwie zusammen ...
nur diesmal komme ich einfach nicht weiter.
Weder "margin" noch "padding", nix funktioniert
Also Leute, bitte nicht auslachen, sondern GANZ LEICHT VERSTÄNDLICH erklären - noch besser die vorhandenen Texte für copy&paste abändern
Dank im voraus !
ich habe zwei Probleme:
Nr.1:
mit folgender neuer Page bin ich beschäftigt: http://r2f2.de/versuch/4fun.htm
Hier die CSS-Datei:
Code:
body {
margin: 0;
padding: 0;
background: #280F00 url(images/img1.gif) repeat-x;
font-family: "Verdana", Tahoma, Arial;
font-size: 14px;
letter-spacing: 0.1em;
color: #FFFFFF;
}
p, ul, ol {
margin-bottom: 1.6em;
line-height: 180%;
}
p {
}
ul {
}
ol {
}
hr {
display: none;
}
a {
color: #FFFF96;
text-decoration: none;
}
a:hover {
text-decoration: overline;
color: #00FF00;
cursor: crosshair;
}
#topnav {
width: 1000px;
margin: 0 auto;
padding-top: 10px;
text-align: right;
}
#topnav a {
padding: 0 2px;
text-decoration: none;
font-family: "Arial", Tahoma, Verdana;
font-size: 0.8em;
color: #FFDE22;
}
#topnav a:hover {
text-decoration: none;
background: #00FF00;
color: #FF0000;
cursor: crosshair;
}
#bart {
position: absolute;
float: right;
padding: 336px 0 0 445px;
}
#witz {
position:absolute;
float: right;
padding: 120px 0 0 740px;
}
#header {
width: 1000px;
height: 100px;
margin: 0 auto;
}
#logo h1 {
color: #FFEBD7;
padding-top: 5px;
font-size: 32px;
font-style: italic;
font-family: "Times New Roman", Courier New, Courier;
letter-spacing: 0.2em;
}
#menu {
width: 1000px;
height: 50px;
margin: 0 auto;
}
#menu ul {
margin: 0;
padding: 10px 0 0 0;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
padding: 0 20px 0 10px;
background: url(images/img2.gif) no-repeat left center;
text-align: center;
text-decoration: none;
font-family: "Times New Roman", Courier New, Sans-Serif;
font-size: 150%;
color: #FFFF96;
}
#menu a:hover {
color: #00FF00;
background: url(images/img2a.gif) no-repeat left center;
cursor: crosshair;
}
#menu .active a {
color: #280F00;
background: url(images/img2b.gif) no-repeat left center;
}
#page {
clear: both;
width: 1000px;
margin: 0 auto 20px auto;
padding: 300px 0 0 0;
background: url(images/top.jpg) no-repeat;
}
#box1 {
float: right;
width: 500px;
padding: 5px 5px 5px 5px;
}
#box2 {
float: left;
width: 500px;
padding: 5px 5px 5px 5px;
}
Die für mich bislang unlösbare Schwierigkeit:
Die Seite hat eine feste Breite von 1000px - aber was muß ich stricken, damit sich die Textpassage ebenfalls daran hält ???
Noch besser wäre es, wenn sich das Textfeld in zwei Hälten von je 500px teilen lassen würde, also quasi 2 Spalten nebeneinander.
Meine Versuche mit "div-boxen" scheiterte kläglich.
Problem Nr.2:
ich habe NULL Ahnung von CSS oder Programmierenn o.ä.
Ich suche mir ein paar Seiten aus dem Internet und übernehme dann diverse Teile für die neue Seite. Letztendlich funzelt dann alles irgendwann und irgendwie zusammen ...
nur diesmal komme ich einfach nicht weiter.
Weder "margin" noch "padding", nix funktioniert
Also Leute, bitte nicht auslachen, sondern GANZ LEICHT VERSTÄNDLICH erklären - noch besser die vorhandenen Texte für copy&paste abändern
Dank im voraus !