Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Ich benötige mal wieder eure Unterstützung.
Ich möchte bei meiner Seite den Randberich, bzw den Textabstand vom äußeren Rahmen vergrößern. Im CSS habe ich im Bereich Main schon an allen "Rädchen" gedreht um zum Erfolg zu kommen - leider bisher vergebens.
Kann mir jemand einen Tipp geben wo ich genau die Einstellung vornehmen muss, um den Randbereich der Artikel/Seiten auf ca. 30px zu vergrößern?
Link zur Seite: alpspitzflieger e.v. » Ein paar Worte
Schon mal vielen Dank!
Walter
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
ich vermut du hast das gelöst,denn ich sehe mindestens 30px links und rechts...
lg
Um mein Ziel zu erreichen habe ich aber ein wenig geschummelt indem ich den Seiteninhalt einfach in eine zentrierte Tabelle gepackt habe. Wenn es eine Lösung über das CSS gäbe, wäre dies natürlich besser zu handeln (gerade bei den Beiträgen).
Vielleicht hat ja noch jemand eine Idee.
Beste Grüße
Walter
Ich schaff' es einfach nicht den Randbereich auf 30px einzustellen!
Bei den Pages habe ich den Randbereich wie bereits erwähnt mit einer zentrierten Tabelle gelöst. Funktioniert zwar, aber es ist halt lästig jedesmal erst eine Tabelle anzulegen. Bei den vorhandenen Artikel wurde noch nichts geändert, die müsste ich erstmal alle in eine Tabelle legen.
Wer kann mir einen Tipp geben wie ich das CSS umschreiben muss
Schon mal vielen Dank
Walter
/*
Theme Name: Finestripes
Theme URI: http://www.seo-themes.com/
Description: Two colums theme decorated with stripes presented by <a href="http://www.seo-themes.com/" title="Seo Themes">Seo Themes</a>.
Version: 1.0
Author: Georgio
Author URI: http://www.seo-themes.com/
Latest updated: March 24th, 2007
*/
/* ----------------------- Base -------------------- */
html {
height: 100%;
zoom: 1.0;
}
body {
background: black;
color: black;
margin: 0; padding: 20px 0 20px 0;
font-family: Arial, Helvetica, sans-serif;
text-align: center; /* IE hack Part 1 */
}
#container {
width: 800px;
margin: 0 auto 0 auto; padding: 0;
background: url('images/bg.png') repeat-y top left;
}
#top {
width: 800px;
height: 50px;
margin: 0; padding: 0;
background: url('images/top.png') no-repeat top left;
}
#left {
width: 594px;
margin: 0; padding: 0;
float: left;
background-color: white;
}
#header {
width: 594px;
height: 88px;
margin: 0; padding: 0;
}
#headerphoto {
width: 594px;
height: 165px;
margin: 0; padding: 0;
background: url('images/yourphotohere.jpg') no-repeat top left;
border-top: 3px solid black;
border-bottom: 3px solid black;
border-left: 0px solid black;
border-right: 0px solid black;
}
#right {
width: 203px;
margin: 0; padding: 0;
background-color: #444444;
border-left: 3px solid black;
float: right;
}
#bottom {
width: 800px;
height: 50px;
margin: 0; padding: 0;
background: url('images/bottom.png') no-repeat top left;
clear: both;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}
#header h1 {
font-family: Impact, Arial Narrow, Arial;
font-size: 40px;
font-weight: bold;
padding: 0 0 0 10px; margin: 0;
text-align: left;
}
#header h1 a, #header h1 a:link, #header h1 a:visited {
text-decoration: none;
color: black;
}
#header h1 a:hover {
text-decoration: none;
color: #FF9900;
}
#header h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0; padding: 0 0 0 10px;
text-align: left;
font-weight: normal;
}
#footer a {
color: #FF9D9D;
}
small {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}
/* ----------------------- Main -------------------- */
#main {
width:574px;
margin: 0; padding: 10px;
}
.info {
text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #C17B71;
text-transform:lowercase;
padding: 0; margin: 0 0 20px 0;
}
.post {
padding: 0; margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: black;
text-align: justify;
}
.post img {
padding: 2px; margin: 0 3px 0 3px;
}
.post a {
color: #990000;
}
.post blockquote {
background: url('images/blockquote.gif') repeat-y left top;
padding: 0px 0px 0px 20px; margin: 2px 0 2px 0;
}
.post h3 {
width: 574px;
height: 27px;
font-family: Impact, Arial Narrow, Arial;
font-size: 20px; font-weight: normal;
background: url('images/h3.png') no-repeat left bottom;
color: black;
padding: 0; margin: 0;
text-decoration: none;
}
.title h2 {
width: 574px;
height: 40px;
font-family: Impact, Arial Narrow, Arial;
font-size: 30px; font-weight: normal;
background: url('images/h2.png') no-repeat left bottom;
color: black;
padding: 0; margin: 0;
text-decoration: none;
}
.title h2 a {
width: 574px;
height: 40px;
color: black;
font-family: Impact, Arial Narrow, Arial;
font-size: 30px;
text-decoration: none;
padding: 0; margin: 0;
}
.title h2 a:hover {
text-decoration: none;
padding: 0; margin: 0;
}
.posted, .meta, .feedback, .info {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
text-transform:uppercase;
margin: 0; padding: 0;
text-align: right;
color: grey;
}
.meta a, .meta a:visited, .meta a:link, .feedback a, .feedback a:visited, .feedback a:link {
color: #C17B71;
margin: 0; padding: 0;
}
.space {
width: 100%;
padding: 0; margin: 0;
height: 40px;
}
/* ----------------------- Navigation Bar -------------------- */
.postnavigation {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
height: 13px;
padding: 4px; margin: 0 0 20px 0;
background: #EEEEEE;
}
.postnavigation a {
color: #C17B71;
text-decoration: none;
text-transform: uppercase;
}
.left {
float: left;
}
.right {
float: right;
}
.leftdouble {
float: left;
}
.rightdouble {
float: right;
}
/* ----------------------- Sidebar -------------------- */
#sidebar {
width:180px;
margin: 0; padding: 10px 10px 0 0;
font-family: Arial, Helvetica, sans-serif;
float: right;
}
#sidebar ul {
padding: 0; margin: 0;
}
#sidebar ul li {
list-style-type: none;
list-style-image: none;
border-bottom: 1px dotted #5B5B5B;
padding: 0; margin: 0 0 10px 0;
}
#sidebar ul li h2 {
font-size: 20px;
font-weight: normal;
text-align: left;
width: 180px;
height: 27px;
padding: 0; margin: 0;
font-family: Impact, Arial Narrow, Arial;
background: url('images/sidebarh2.png') no-repeat left bottom;
color: #FF9900;
}
#sidebar ul li ul, #sidebar ul li ul li {
padding: 0; margin: 0;
font-size: 12px;
line-height: 16px;
text-align: left;
color: white;
}
#sidebar ul li ul li, #sidebar ul li ul li a, #sidebar ul li ul li a:visited, #sidebar ul li ul li a:link, #sidebar ul li ul a {
padding: 0; margin: 0;
text-decoration: none;
color: white;
}
#sidebar ul li ul li a:hover {
padding: 0; margin: 0;
color: #FF9900;
}
.page_item {
padding: 0; margin: 0;
}
/* ----------------------- Search -------------------- */
#searchform {
padding: 0; margin: 0;
}
#searchform input {
width : 135px;
height: 16px;
margin : 5px 5px 2px 0;
padding: 4px 5px 1px 5px;
font-size: 13px;
color: black;
vertical-align : middle;
background: #EFEFEF;
border: 0px solid;
}
#searchform #searchbut {
color: black;
width: 25px;
height: 21px;
padding: 0 0 2px 0; margin: 3px 0 0 0;
background: #EFEFEF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
border: 0;
}
/* ----------------------- Comments -------------------- */
#response textarea {
width: 558px;
height: 142px;
padding: 4px; margin: 0;
background: #EFEFEF;
border-left: 4px solid black;
border-right: 4px solid black;
border-top: 0px solid black;
border-bottom: 0px solid black;
overflow: hidden;
}
#response h3 {
width: 574px;
height: 27px;
font-family: Impact, Arial Narrow, Arial;
font-size: 20px; font-weight: normal;
background: url('images/h3.png') no-repeat left bottom;
color: black;
padding: 0; margin: 0;
text-decoration: none;
text-align: left;
}
#response #author, #response #email, #response #url, #response #url {
width: 246px;
height: 15px;
background: #EFEFEF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
margin: 0 0 0 10px; padding: 3px 2px 3px 2px;
border: 0px;
}
#response #submitcomment {
width: 120px;
height: 21px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
margin: 0; padding: 0;
border: 0;
background: #EFEFEF;
float: left;
}
#response .text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-align: left;
height: 30px;
color: black;
}
#response .postedby {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
font-size: 9px;
color: #C17B71;
text-align: right;
text-transform:uppercase;
margin: 0; padding: 0;
}
#response .postedby a, #response .postedby a:link, #response .postedby a:visited {
color: white;
}
#response .commentlist {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
font-size: 9px;
color: black;
text-align: justify;
list-style-type: none;
width:425px; margin: 0; padding: 0;
}
#response .commentlist p {
margin: 0; padding: 0;
}
#response .commentlist li {
width: 558px;
padding: 4px; margin: 10px 0 0 0;
background: #EFEFEF;
border-left: 4px solid black;
border-right: 4px solid black;
border-top: 0px solid black;
border-bottom: 0px solid black;
}
/* ----------------------- Credits -------------------- */
#credits {
width: 594px;
height: 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
padding: 4px; margin: 0;
}
#credits a {
color: #C17B71;
}Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!