zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Stylesheet Breite ändern (BlogUrl ist angegeben)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.05.2006, 14:05
Benutzerbild von tequilahombre
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.05.2006
Beiträge: 7
tequilahombre befindet sich auf einem aufstrebenden Ast
Standard Stylesheet Breite ändern (BlogUrl ist angegeben)

Hallo Leute,
habe mich mal ein wenig mit Wordpress auseinandergesetzt. Nun stecke ich aber am stylesheet fest. Diesen hätte ich gerne etwas breiter.
Leider bin ich der absolute Newbie auf diesem Gebiet, deswegen hätte ich gerne eure Hilfe...
hier der Code:
Code:
/*  
Theme Name: Falling Dreams v2.0
Theme URI: http://teo.esuper.ro/wordpress-themes/falling-dreams/
Description: Falling Dreams is a theme for WordPress 2.0+ made by Razvan Teodorescu.
Version: 2.0
Author: Razvan Teodorescu
Author URI: http://teo.esuper.ro/
This theme was designed and built by Razvan Teodorescu,
whose blog you will find at http://teo.esuper.ro.
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
If you have questions feel free to contact me at: razvan.teodorescu@gmail.com
*/

a{
	color: #DE3A3A;
	text-decoration: none;
}

a:visited {
	color: #DE3A3A;
	text-decoration: none;
}

a:hover {
	color: #3D3D3D;
	text-decoration: underline;
}

blockquote {
	background: #F8F8F8;
	border-left: 2px solid #F4F4F4;
	margin: 5px 0px 5px 0px;
	padding: 5px;
}

body {
	background: url(images/background.jpg) #EEEEEE repeat fixed;
	color: #3D3D3D;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: center;
}

form{
	margin: 0px;
	padding: 0px;
}

form#commentform{
	background-color: #F8F8F8;
	border: 1px solid #F4F4F4;
	color: #666666;
	list-style: none;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 0px 10px;
}

form#commentform input#submit {
	background-color: #DE3A3A;
	border: 1px solid #3D3D3D;
	color: #FFFFFF;
	font-size: 10px;
	padding: 3px 0px 3px 0px;
	width: 60px;
}

form#commentform input, form#commentform textarea {
	background-color: #FFFFFF;
	border: 1px solid #F0F1F2;
	color: #666666;
	font-size: 11px;
	padding: 2px 0px 2px 0px;
	width: 200px;
}

form#commentform:hover{
	background-color: #F6F6F6;
	border: 1px solid #F1F1F1;
	color: #6B6850;
	list-style: none;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 0px 10px;
}

h2{
	color: #3D3D3D;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 130%;
	margin: 25px 0px 20px 0px;
	padding: 0px;
	text-align: left;
}

h2.headline {
	color: #DE3A3A;
}

#comments {
	color: #DE3A3A;
}

h3 {
	font-size: 21px;
	margin: 0px;
	padding: 0px 0px 3px 0px;
}

img {
	border: 0px;
}

input, select, textarea {
	border: 1px solid #DDDDDD;
	color: #3D3D3D;
	margin: 0px;
	padding: 0px;
}

p.comentariu-rss {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-variant: normal;
	margin: 0px 0px 10px 0px;
}

p.data-comment {
	background: url(images/icon_clock.gif) no-repeat center right;
	color: #DE3A3A;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-variant: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px 12px 0px 0px;
	text-align: right;
}

.alignleft {
	color: #ACACAC;
	display: block;
	float: left;
	font-size: 10px;
}

.alignleft a, .alignleft a:visited {
	background: url(images/alignleft01.gif) no-repeat left center;
	color: #ACACAC;
	margin: 0px;
	padding: 0px 0px 0px 16px;
	text-decoration: none;
}

.alignleft a:hover {
	background: url(images/alignleft02.gif) no-repeat left center;
	color: #DE3A3A;
	margin: 0px;
	padding: 0px 0px 0px 16px;
	text-decoration: underline;
}

.alignright {
	color: #ACACAC;
	display: block;
	float: right;
	font-size: 10px;
}

.alignright a, .alignright a:visited {
	background: url(images/alignright01.gif) no-repeat right center;
	color: #ACACAC;
	margin: 0px;
	padding: 0px 16px 0px 0px;
	text-decoration: none;
}

.alignright a:hover {
	background: url(images/alignright02.gif) no-repeat right center;
	color: #DE3A3A;
	margin: 0px;
	padding: 0px 16px 0px 0px;
	text-decoration: underline;
}

.author {
	border-top: 1px dotted #3D3D3D;
	color: #737373;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px 0px 0px 0px;
}

.author-comment {
	color: #DE3A3A;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

.author-comment a, .author-comment a:hover, .author-comment a:visited{
	color: #DE3A3A;
	font-weight: bold;
	text-decoration: none;
}

.commentlist {
	color: #666666;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.commentlist li {
	background-color: #F8F8F8;
	border: 1px solid #F4F4F4;
	color: #666666;
	list-style: none;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 0px 10px;
	text-align: justify;
}

.commentlist li:hover{
	background-color: #F6F6F6;
	border: 1px solid #F1F1F1;
	color: #666666;
	list-style: none;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 0px 10px;
}

.data {
	color: #3D3D3D;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 25px 0px 20px 0px;
	padding: 0px;
	text-align: right;
}

.feedback {
	background: url(images/icon_comment.gif) #EEEEEE no-repeat center left;
	color: #666666;
	font-size: 11px;
	line-height: 20px;
	margin: 2px 0px 15px 0px;
	padding: 2px 3px 2px 23px;
}

.feedback a, .feedback a:visited{
	color: #666666;
	text-decoration: underline;
}

.feedback a:hover{
	color: #666666;
	text-decoration: none;
}

.highlight {
	background-color: #FAF8B4;
	color: #6B6850;
	font-size: 9px;
	padding: 3px;
}

.image {
	border: #DDDDDD 1px solid;
	margin: 5px auto 5px -6px;
	padding: 5px;
	text-align: center;
}

.link-category {
	background: url(images/icon_category.gif) no-repeat center left;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 18px;
}

.nicetitle {
	background: url(images/background.png);
	color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	left: 0px;
	padding: 4px;
	position: absolute;
	text-align: left;
	top: 0px;
	width: 25em;
}

.nicetitle p {
	margin: 0px;
	padding: 0px 3px 0px 0px;
}

.nicetitle p.destination {
	font-size: 9px;
	padding: 3px 0px 0px 0px;
}

.page-navigation {
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
}

.post{
	margin: 0px;
	padding: 0px;
}

.post ul {
	border: 0px;
	list-style: none;
	margin: 10px 0px 10px 5px;
	padding: 0px;
	text-align: justify;
}

.post ul li {
	background: url(images/bullet.gif) no-repeat 2px 6px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 4px 12px;
}

.required{
	color: #DE3A3A;
	font-size: 9px;
}

.title {
	background: url(images/title.gif) left top no-repeat;
	color: #DE3A3A;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 130%;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 17px;
	text-align: left;
}

.title a, .title a:visited {
	color: #DE3A3A;
	text-decoration: none;
}

.title a:hover {
	background-color: #DE3A3A;
	color: #FFFFFF;
	text-decoration: none;
}

#button {
	background: #DE3A3A;
	border: 1px solid #3D3D3D;
	color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 10px 0px 0px 0px;
	padding: 2px 5px 2px 5px;
}

#button:hover {
	background: #3D3D3D;
	border: 1px solid #3D3D3D;
	color: #FFFFFF;
	margin: 10px 0px 0px 0px;
}

#content{
	color: #3D3D3D;
	float: left;
	line-height: 130%;
	margin: 0px;
	padding: 10px;
	text-align: justify;
	width: 330px;
}

#footer {
	background-color: #333333;
	border-bottom: 5px solid #FFFFFF;
	border-top: 5px solid #FFFFFF;
	clear: both;
	color: #999999;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-variant: normal;
	font-weight: normal;
	height: 20px;
	line-height: 130%;
	margin: 0px;
	padding: 10px 3px 3px 8px;
}

#footer a, #footer a:visited {
	background-color: #4A4A4A;
	color: #999999;
	padding: 2px 3px 2px 3px;
	text-decoration: none;
}

#footer a:hover {
	background-color: #DE3A3A;
	color: #FFFFFF;
	padding: 2px 3px 2px 3px;
	text-decoration: none;
}

#header {
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 264px;
	margin: 0px;
	padding: 1px 0px 0px 15px;
	text-align: left;
	vertical-align: bottom;
}

#header a, #header a:visited, #header a:hover {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

#menu {
	color: #FFFFFF;
	display: block;
	font: bold 11px/9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	left: 50%;
	margin: 0px 0px 0px -260px;
	padding: 5px 0px 5px 0px;
	position: absolute;
	text-align: left;
	top: 268px;
	width: 523px;
}

#menu a {
	background: #333333;
	color: #FFFFFF;
	font-weight: bold;
	height: 19px;
	margin: 0px;
	padding: 5px 15px 5px 15px;
}

#menu a:hover {
	background: #DE3A3A;
	color: #FFFFFF;
	text-decoration: none;
}

#menu li {
	display: inline;
	margin: 0px;
	padding: 0px;
	text-transform: lowercase;
}

#menu ul {
	list-style-type: none;
}

#menu ul li {
	padding: 0px;
}

#menu-background {
	background: url(images/background_menu.jpg) no-repeat;
	height: 30px;
	margin: 0px;
	padding: 2px 3px 3px 25px;
}

#metadata {
	background-color: #EEEEEE;
	color: #666666;
	font-size: 11px;
	line-height: 15px;
	margin: 2px 0px 2px 0px;
	padding: 3px 8px 3px 8px;
}

#metadata a, #metadata a:visited {
	color: #666666;
	text-decoration: underline;
}

#metadata a:hover {
	color: #666666;
	text-decoration: none;
}

#searchform{
	background-color: #F8F8F8;
	border: 1px solid #F4F4F4;
	margin: 5px 0px 5px 0px;
	padding: 10px;
}

#searchform input#s{
	background-color: #FFFFFF;
	border: 1px solid #F0F1F2;
	color: #333333;
	padding: 2px 0px 2px 0px;
}

#searchform input#searchsubmit{
	background: #DE3A3A;
	border: 1px solid #3D3D3D;
	color: #FFFFFF;
	font-size: 10px;
	margin: 0px;
	padding: 2px;
}

#sidebar{
	float: right;
	left: -20px;
	margin: 0px -10px 0px 0px;
	padding: 0px;
	position: relative;
	text-align: right;
	width: 150px;
}

#sidebar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#sidebar ul li {
	margin: 0px;
	padding: 2px 0px 2px 0px;
	text-align: right;
}

#sidebar ul li a{
	margin: 0px;
	padding: 0px;
}

#sidebar ul li h2 {
	color: #3D3D3D;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin: 25px 0px 5px 0px;
	padding: 0px;
	text-align: right;
}

#wrapper {
	background-color: #FFFFFF;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: center;
	width: 526px;
}
Es wäre wirklich sehr nett, wenn mir jemand helfen könnte...

Gruß

tequila

P.S.: Die URL zu meinem Blog (in dem ich die Breite ändern will...)

www.curlyrob.de/curlyrob
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.05.2006, 19:13
Benutzerbild von kadees
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.06.2004
Ort: in Baden (nicht Schwaben)
Beiträge: 792
kadees wird schon bald berühmt werden
Standard

hi

denke #wrapper im css ist der knackpunkt, ändere da mal einfach den wert von "width"
__________________
Gruss Dieter

Vegetarier essen meinem Essen das Essen weg.
Und unsere Norweger sind reine Karnivoren.

selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.05.2006, 22:20
Benutzerbild von tequilahombre
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.05.2006
Beiträge: 7
tequilahombre befindet sich auf einem aufstrebenden Ast
Standard

Leider habe ich das schon erfolglos probiert. . . .

Trotzdem danke für den Tipp

Gruß

tequila
Mit Zitat antworten
  #4 (permalink)  
Alt 14.05.2006, 10:55
Benutzerbild von kadees
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.06.2004
Ort: in Baden (nicht Schwaben)
Beiträge: 792
kadees wird schon bald berühmt werden
Standard

ich verstehe dein problem nicht.

habe #wrapper mal auf 750px gesetzt (plus 2 x 5px border = 760px gesamtbreite), funktioniert!
Angehängte Grafiken
Dateityp: jpg zwischenablage_110.jpg (112,1 KB, 175x aufgerufen)
__________________
Gruss Dieter

Vegetarier essen meinem Essen das Essen weg.
Und unsere Norweger sind reine Karnivoren.

selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS
Mit Zitat antworten
  #5 (permalink)  
Alt 14.05.2006, 14:16
Benutzerbild von tequilahombre
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.05.2006
Beiträge: 7
tequilahombre befindet sich auf einem aufstrebenden Ast
Standard

Mann, Mann, Mann...
Ich hatte von Anfang an den richtigen Riecher, warum es bei mir "nicht" geklappt hat verrate ich an dieser Stelle nicht
Ich sage nur OBERPEINLICH ! ! !

Naja, vielleicht könnt ihr mir das nochmal verzeihen, auch wenn ich mich am liebsten direkt selber aus dem Forum werfen würde. . .

Dennoch hätte ich noch ne andere Frage, auch auf die Gefahr hin, das es ähnlich endet...
Wie kann ich die obere Navigationsleiste unter dem Bild zentrieren ????

Zur Zeit sieht die Seite so aus: www.curlyrob.de/curlyrob
Mit Zitat antworten
  #6 (permalink)  
Alt 15.05.2006, 09:28
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

die ist doch zentriert, nicht?
Mit Zitat antworten
  #7 (permalink)  
Alt 16.05.2006, 08:58
Benutzerbild von tequilahombre
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.05.2006
Beiträge: 7
tequilahombre befindet sich auf einem aufstrebenden Ast
Standard

Ja, mittlerweile schon, ich habe es selbst herausgefunden:
Code:
#menu {
	color: #FFFFFF;
	display: block;
	font: bold 11px/9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px -155px;
        left: 50%;
	padding: 5px 0px 5px 0px;
	position: absolute;
	text-align: left;
	top: 268px;
	width: 790px;
}
Gruß

tequila
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Dynamische Breite von inline-block-Divs Change CSS 8 16.12.2013 16:01
IE 6 Stylesheet Include Fehler...? TobyZ23NM8 CSS 5 20.12.2007 20:57
Variable Breite mit fester Breite vermischen vertex CSS 11 16.10.2006 13:22
Div Breite stimmt nicht mit festgelegter Breite überein!!! unicorn CSS 5 07.02.2006 17:29
3 Spalten | Aussen: variable Breite; Mitte: feste Breite dreamshocker CSS 9 17.08.2005 16:23


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:51 Uhr.