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 erstellenBitte um Hilfe bei Sidebar-Formatierung!
Guten Abend an die CSS-Profis,
ich versuche verzweifelt, hinter das Geheimnis der Listen in der Sidebar zu kommen:wink:
Bei zweizeiligen Einträgen steht die zweite Zeile leider nicht mehr bündig zur ersten. Wie korrigiere ich dieses Problem? Anbei zur Demo ein Screenshot, live kann man sich das unter http://www.12400miles.com anschauen.
http://www.c22.info/demo.jpg
Danke für Eure Hilfe!
Christian
Guten Abend an die CSS-Profis,
ich versuche verzweifelt, hinter das Geheimnis der Listen in der Sidebar zu kommen;-)
Bei zweizeiligen Einträgen steht die zweite Zeile leider nicht mehr bündig zur ersten. Wie korrigiere ich dieses Problem? Anbei zur Demo ein Screenshot, live kann man sich das unter SELEKKT.com The T-Shirt Blog +++ Design T-Shirts +++ Streetwear +++ Urban Artwork anschauen.
Danke für Eure Hilfe!
Christian
Hab's selber gelöst, wen es interessiert, siehe hier: http://Http://www.12400miles.com
Hallo, ich möchte gerne meine Sidebar in ZWEI Spalten aufteilen. Dazu habe ich in der style.css Definitionen für eine #sidebar2 angelegt.
Leider werden die beiden Sidebars aber untereinander angezeigt. Ich nehme mal an, dass ich da eine einfache CSS-Definition nicht kenne, die die beiden DIVs nebeneinander bringt.
Hier geht's zum momentanen Stand: TEST
Danke für Eure Hilfe!!
Bestens! Danke!
Wie bekomme ich die Sidebar jetzt noch ein bisschen weiter nach rechts, also mehr Abstand zur Hauptspalte?
Hallo, vermutlich ganz einfach, aber ich bin kein CSS-Profi, deswegen die Fragen an jemanden, der sich damit auskennt;-)
Ich möchte das WP-Standardtheme NICHT zentriert im Browserfenster betreiben, sondern immer fix links mit einem definierten Pixelwert als Standardabstand.
Wie geht das? Danke für Eure Hilfe!
Hi Jeriko! Jep, alles gelöst. und läuft budder:-)
Danke Dir nochmal. Christian
Hi Jeriko!
Stimmt, Sidebar ist jetzt okay. Hab das mit der fixen Angabe der Pixel ausprobiert, aber dann verschwindet die sidebar ganz :(. Hab's deswegen wieder rückgängig gemacht...
Du meinstest außerdem bestimmt die "wrap"-angabe?
Hat noch jemand eine Idee?
Hi Jeriko! Erstmal vielen Dank, dass Du Dich so schnell darum gekümmert hast. Finde Dein Engagement hier mehr als bemerkenswert, Kompliment!
Habe mir gerade mit Browsershots.org noch mal einen Screenshot gezogen und anscheinend hat sich nicht viel geändert:-(
Habe ich was falsch gemacht?
Hallo zusammen,
auch ich habe auf http://www.selekkt.com ziemliche Probleme mit Layoutverschiebungen. Da ich nur mit Firefox und Safari auf einem Mac unterwegs bin, habe ich das nur durch Zufall vorhin gesehen...
Völlig verstört wende ich mich also nun an Euch:-)
Das Problem betrifft die Headergrafik, die nicht mehr randlos oben links andockt und die Sidebar, die nach unten wegrutscht (tlw. sogar unter den Content). Ebenso stimmt IN der Sidebar irgendetwas nicht, da entsteht ab dem Punkt "Hot Labels" eine weitere ungewollte Einrückung...
Ich krieg's nicht hin, bin aber auch wahrlich kein Profi, was CSS und PHP angeht. Für eine schnelle, idiotensichere Hilfe wäre ich also superdankbar.
Beste Grüße schickt Euch Christian
Hier meine style.css:
/*
Theme Name: Simpla
Theme URI: http://ifelse.co.uk/simpla/
Description: A clean, minimalist theme
Version: 1.01
Author: Phu Ly
Author URI: http://ifelse.co.uk/
*/
/*************************************
+Containers
*************************************/
body{
background:#fff url(./images/stripes.gif);
border-top:0px solid #333;
color:#403D2D;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:62.5%;
line-height:1.5;
margin:0;
padding:0;
text-align:center;
}
#wrap{
margin:10 auto;
text-align:left;
width:89em;
}
#content{
font-size:1.2em;
float:left;
padding:1em;
margin-left:7em;
width:40em;
}
#sidebar{
font-size:1.1em;
float:right;
padding-top:2em;
width:20em;
}
#header{
background: url(./images/selekkt-header.jpg) no-repeat;
padding:8em 1em;
}
#footer{
text-align:left;
color:#403D2D;
clear:both;
margin-left:14.5em;
margin-bottom:10em;
font-size:0.9em;
}
/*************************************
+Hn and p
*************************************/
h1, h2, h3{
font-family: Georgia, Helvetica, Tahoma, Verdana, Arial, sans-serif;
font-weight:normal;
letter-spacing: 0px;
margin:0;
}
#header h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:0em;
margin:0;
margin-right:1em;
}
#header h1 a{
color:#000000;
}
#header h1 a:hover{
color:#000000;
}
#header p{
color:#000000;
font-size:1.1em;
margin:10;
margin-top:-5.5em;
}
.entrytitle h2{
font-size:2.2em;
}
.entrytitle h2 a
{
color:#403D2D;
}
.entrytitle h2 a:hover{
color:#FFFFFF;
}
.entrytitle h3{
font-size:1.0em;
color:#6F6F6F;
}
#sidebar h3{
color:#fff;
font-size:1.5em;
margin:5em 0;
}
/*************************************
+Entry
*************************************/
.entry{
margin-bottom:-5.0em;
padding-bottom:27px;
background: url(./images/balkenlinie2.gif) bottom no-repeat;
}
.entrymeta{
font-size:0.9em;
}
.weiter{
font-size:2.2em;
text-align:center;
}
.postedby{
background: url(./images/user.gif) no-repeat;
padding:3px;
padding-left:20px;
}
.filedto{
background: url(./images/post.gif) no-repeat;
padding:3px;
padding-left:20px;
}
.commentslink{
background: url(./images/packaged.gif) no-repeat;
padding:3px;
padding-left:20px;
}
/*************************************
+Sidebar
*************************************/
#sidebar ul{
list-style-type:none;
padding:0;
margin-top:0.2em;
margin-bottom:1.5em;
}
#sidebar ul li{
margin-top:0.3em;
margin-bottom:0.0em;
padding:0.0em;
}
/*************************************
+Comments
*************************************/
.commentsblock{
margin:2em;
padding:1em;
}
.commentsblock textarea{
width:30em;
}
.commentsblock input, .commentsblock textarea{
border:0px solid #000000;
}
.commentsblock textarea:focus{
background:#eee;
border:0px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
background:#eee;
border:0px solid #000000;
}
.commentauthor{
display:block;
font-size:1.5em;
}
ol.commentlist{
color:#777;
font-size:0.9em;
list-style-type:none;
margin:0;
margin-top:1.5em;
padding:0;
}
.commentlist li{
margin-bottom:0.5em;
padding:0.5em 1em;
}
.alt{
background:#f3f5e9;
border:1px dotted #FFFFFF;
padding:0.5em;
}
h3#comments{
font-size:1.6em;
}
/*************************************
+Pagebar
*************************************/
.pagebar
{
font: 20px Georgia, Times, Arial, Helvetica, sans-serif;
color:#403D2D;
text-align:center;
padding-top: 20px;
padding-bottom: 10px;
margin: 0px;
}
.pagebar a, .pageList .this-page
{
padding: 2px 6px;
color:#403D2D;
text-decoration: none;
}
.pagebar a:visited
{
padding: 2px 6px;
text-decoration: none;
}
.pagebar .break
{
padding: 2px 6px;
border: none;
text-decoration: none;
}
.pagebar .this-page
{
padding: 2px 6px;
font-size: 20px;
color:#fff;
background: #403D2D;
}
.pagebar a:hover
{
border: dotted 1px #403D2D;
color:#403D2D;
text-decoration: none;
}
/*************************************
+Misc
*************************************/
a{
color:#FFFFFF;
text-decoration: none;
border-width: 10px;
}
a:hover{
color:#A224A1;
border-width: 0px;
}
img{
border: none;
}