✔ Header anpassen!

[suse2222]

Hallo!

Ich habe ein Template in Joomla eingebaut und schon mal alle Module eingerichtet.

Mein Problem:

Mein Header ist etwas in den Content-Bereich gerutscht - ich versuche nun dei ganze Zeit den Header zu korrigieren.

Kann mir evt. jemand helfen!?

Danke

 

[Maik]

Kann mir evt. jemand helfen!?

Hi,

wenn du Einblick in den relevanten Code gewährst oder einen Link zu deiner Seite nennst, kann hier sicherlich etwas zu den Ursachen gesagt werden.

mfg Maik

 

[suse2222]

wo genau befindet sich denn code?

sorry, wenn die frage zu blöd ist...

//EDIT

der link lautet

http://www.ferienwohnungen-im-cilento.de

 

[Maik]

Ich rede vom Quelltext der Seite und ihre Seitenformatierung mittels CSS.

mfg Maik

 

[suse2222]

hab mir dieses template gekauft und schon module installiert- hat ja auch geklappt, nur, dass der header nicht richtig passt

vielleicht noch nen tip, ich habe grad gesehn , dass die template_css.css schreibgeschützt ist,

ist das so richtig?

hab jetzt einfach mal die template_css.css herkopiert :

body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
line-height: 122%;
}
body {
background-color: #2C2827;
margin:0;
}

/* LAYOUT */
#wrapper {
width: 866px;
margin: 0 auto;
background-color: #fff;
margin-top: 20px;
clear: left;
padding: 8px;
}

#top {
width: 866px;
height: 65px;
margin-top: 0px;
margin: 0 auto;
}

#logo {
width: 230px;
float: left;
margin-top: 45px;
}

#header {
width: 609px;
float: left;
background: #333;
height: 284px;
}

#header2 {
width: 237px;
float: left;
margin-left: 10px;
height: 284px;
}

#header li,
#header2 li {
list-style-image: none;
}

#main {
width: 866px;
margin-top: 8px;
background-color: #CCCCCC;
display: inline-block;
padding-bottom: 20px;
}

#content {
width: 570px;
float: left;
margin-left: 10px;
}

h2 {
font-size: 16px;
color: #fff;
border-bottom: dotted 1px #fff;
line-height: 130%;
margin-top: 8px;
}
.clear {
clear: both;
}

#mainMenu h3 {
display: none;
}


/* GENERAL TAGS */
a {
color: #fff;
}

img {
border: none;
}

fieldset { border: none; }

.button {
background: none;
border: solid 1px #333;
color: #333;
}

/* FOOTER */
.footer {
width: 882px;
color: #999999;
text-align: left;
margin: 0 auto;
}

.footer a {
color: #999999;
}

.footer ul {
margin: 0;
padding:0;
list-style-type: none;
list-style-image: none;
text-align: center;
padding-top: 0px;
float: left
}

.footer ul li {
display: inline;
padding-right: 15px;
height: 8px;
}

.footer .moduletable {
clear: left;
padding: 8px;
}

 

[Maik]

Hast du vielleicht eine Vorschau, wie sich das Layout korrekt darstellen soll, denn bei so unterschiedlichen Interpretationen / Darstellungen in den Browsern fehlt der rote Faden, was gewünscht ist, und was nicht.

mfg Maik

 

[suse2222]

ok, leuchtet mir ein...
also , die vorlage soll so sein

http://joomla.itemplater.com/j15/?template=i-saturn

 

[Maik]

Moin,

die Ursache für die vertikale Verschiebung des "Headers" (bzw. "Image-Rotator") liegt hier:

<div id="wrapper">

                <div id="header">
                                        <div class="moduletable">
                                        <h3>Simple Image Rotator</h3>

<!-- JoomlaWorks "Simple Image Rotator" Module (v1.2) starts here -->
...
<!-- JoomlaWorks "Simple Image Rotator" Module (v1.2) ends here -->

In der Original-Vorlage ist an dieser Stelle des Markups dieses h3-Element nämlich überhaupt nicht enthalten.

mfg Maik

 

[suse2222]

Moin Moin Maik,



und wie kann ich das ändern? Muss ich das einfügen?

//EDIT

Super, hat geklappt

Habs geschafft, hab im Backend einfach den Titel deaktiviert, also nicht Hinzufügen sondern einfach Entfernen....


Grüsse