Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag20.07.2009 um 13:44 (UTC)    
Titel: Kann jemand das CSS Design anpassen?

Hallo

ich hab mir kürzlich auf http://www.freecsstemplates.org ein css design runtergeladen; den code in den Einstellungen eingegeben und die dazugehörigen Bilder ins hpbk hochgeladen.

Als ich meine Homepage dann aufgerufen hab waren der Text, die Menulinks und die Bilder an falscher Stelle (Der Text ganz rechts statt mittig, die Menulinks klebten im Header...)

Kann man das nicht irgentwie ändern oder den css Code ans HPBK anpassen?

Danke im Voraus
Granattuerkis

Hier der css Code meines designs, falls euch das weiterhilft Wink
-------------------------------------------------------------------------------------------
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
margin-top: 0;
}

body {
margin: 0;
padding: 0;
background: #314D6B url(images/img01.jpg) no-repeat center top;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #A0A0A0;
}

h1, h2, h3 {
font-weight: normal;
color: #FFFFFF;
}

h1 { font-size: 197%; }
h2 { font-size: 167%; }
h3 { font-size: 100%; font-weight: bold; }

p, ul, ol {
font-size: 100%;
}

p {
}

ul {
}

ol {
}

blockquote {
}

a {
color: #7EBCFF;
}

a:hover {
text-decoration: none;
}

/* Header */

#header {
width: 680px;
height: 110px;
margin: 0 auto;
}

#header h1, #header p {
margin: 0;
font-weight: bold;
}

#header h1 {
padding: 30px 0 0 20px;
text-transform: lowercase;
font-size: 229%;
}

#header p {
margin: -5px 0 0 0;
padding: 0 0 0 20px;
text-transform: uppercase;
font-size: 85%;
}

#header a {
text-decoration: none;
color: #FFFFFF;
}

/* Menu */

#menu {
width: 680px;
height: 51px;
margin: 0 auto;
background: url(images/img02.jpg) no-repeat;
}

#menu h2 {
display: none;
}

#menu ul {
margin: 0;
padding: 20px 0 0 20px;
list-style: none;
}

#menu li {
display: inline;
}

#menu a {
display: block;
float: left;
height: 22px;
padding: 8px 20px 0 20px;
border-right: 1px solid #2A2C2F;
text-transform: lowercase;
text-decoration: none;
text-align: center;
font-size: 11px;
color: #DFE8F2;
}

#menu a:hover, #menu .active a {
background-color: #000000;
}

/* Page */

#page {
width: 680px;
margin: 0 auto;
background: #0F1720 url(images/img03.gif) repeat-y;
}

/* Content */

#content {
float: left;
width: 375px;
padding: 20px 25px 0 40px;
background: url(images/img04.jpg) no-repeat;
}

.boxed {
background: #121B23;
border: 1px dotted #000000;
}

.boxed .title {
margin: 0;
padding: 5px 20px;
background: #000000;
text-transform: uppercase;
font-size: 100%;
font-weight: bold;
}

.boxed .content {
padding: 20px;
}

/* Sidebar */

#sidebar {
float: right;
width: 220px;
padding: 20px 20px 0 0;
background: url(images/img05.jpg) no-repeat;
}

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

#sidebar li {
}

#sidebar li ul {
padding: 20px;
}

#sidebar li li {
margin: 0;
padding: 5px 0;
background: url(images/img06.gif) repeat-x left bottom;
}

#sidebar h2 {
margin: 0;
padding: 10px;
background: #000000;
border-top: 1px solid #23282E;
border-bottom: 1px solid #23282E;
text-transform: lowercase;
font-size: 100%;
font-weight: bold;
color: #DFE8F2;
}

#sidebar h3 {
margin: 0;
}

#sidebar p {
margin: 0;
}

#sidebar a {
text-decoration: none;
}

#sidebar a:hover {
text-decoration: underline;
}

/* Search */

#search {
}

#search fieldset {
margin: 0;
padding: 0;
border: none;
}

#search legend {
display: none;
}

#search input {
float: right;
margin-bottom: 5px;
background: #5A83AE;
border: 1px solid #000000;
text-transform: lowercase;
font: bold 100% Arial, Helvetica, sans-serif;
color: #000000;
}

#searchform {
margin: 0;
padding: 10px 20px 20px 20px;
}

#searchfield {
width: 165px;
padding: 2px 5px;
}

#searchsubmit {
}

/* Submenu */

#submenu a {
padding-left: 15px;
background: url(images/img07.gif) no-repeat left center;
}

/* Footer */

#footer {
width: 680px;
height: 100px;
margin: 0 auto;
padding: 30px 0 0 0;
background: url(images/img08.jpg) no-repeat;
}

#footer p {
margin: 0;
padding: 0 0 0 40px;
font-size: 77%;
color: #0F1720;
}

#footer a {
color: #0F1720;
}


Zuletzt bearbeitet von granattuerkis am 20.07.2009, 15:04, insgesamt einmal bearbeitet
Beitrag20.07.2009 um 13:52 (UTC)    
Titel:

wie du schon sagst,es muss umgeschrieben werden. vielleicht macht es dir ja einer. musst du mal warten. bitte aber nicht jede stunde pushen.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag21.07.2009 um 16:49 (UTC)    
Titel:

versuch mal mit
<div id= und dann den Namen von allen die ein # haben>
Bsp:#header
Text über dem Design
<div id=header>

und der Code denn du da hast kommt dann in CSS code ohne Style Tags
hoffe ich konnte helfen
Beitrag21.07.2009 um 16:58 (UTC)    
Titel:

Du musst die Klasse noch ernennen wie schon gesagt:

Zitat:

<div id="Deine Klasse"> ..............</div>


Jedoch kann man das nicht einfach so machen , die Div´s müssen richtig platziert werden!

Mfg Max
______________
Du hast eine Frage? Ich stehe dir selbstverständlich jeder Zeit zur Verfügung!
Beitrag25.07.2009 um 10:12 (UTC)    
Titel:

ok vielen Dank für die Antworten
ich hab für jeden Begriff der mit einem # angezeigt wurde mit diesem Code in "Text über dem Design" geschrieben

Einige der Bilder haben ihre rechte Position gefunden, andere jedoch nicht (Footer hängt jetzt im Header...)

Da muss es doch noch eine andere möglichkeit geben, leider kenn ich mich mit css scripting gar nicht aus... Sad

Danke im Voraus für weitere Hilfe
Beitrag25.07.2009 um 11:01 (UTC)    
Titel:

Das div von footer schiebst du am besetn mal in "Text unter Design"
Du kannst die Div´s auch noch mit margin oder position:relative

So könnte das mit position:relative aussehen:

Zitat:

position:relative;
top: ??px;
left: ??
............


Und so mit margin:

Zitat:

margin-left: ??px;
margin-top: ??px;


PS: das ganze muss bei den Klassen hinzugefügt werden: #Deine_Klasse {...}

Mfg Max
______________
Du hast eine Frage? Ich stehe dir selbstverständlich jeder Zeit zur Verfügung!


Zuletzt bearbeitet von southpark-comedyclub am 25.07.2009, 12:02, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de