zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Absoluter Neuling sucht Hilfe!

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.10.2006, 10:24
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.10.2006
Beiträge: 23
Adlerherz befindet sich auf einem aufstrebenden Ast
Standard Absoluter Neuling sucht Hilfe!

Hallo Foris!
Ich habe unlängst die Aufgabe übernommen, für einen Verein eine Joomla-Seite zu gestalten: Ja zum Leben Zentralschweiz.
Schön brav habe ich das Template der Vorlage auszutauschen begonnen (sieht im Explorer netterweise noch leicht verzerrt aus, aber das kennen wir ja schon) - und kriege nun das Menu nicht vor den Fliesstext!
Auf die Gefahr, dass ich jetzt hier alle nerve mit so einer banalen Frage: Wer kann mir da helfen?

Liebe Grüsse aus der Schweiz

Adlerherz

so sieht die Vorlage aus:

body {
margin: 0;
padding: 0;
border: 0;
text-align: center;
color:#660099;
background-color: #9966CC;
font-family: Souvenir, Humanist, Verdana, Arial, sans-serif;
font-size: 100.01%;
background-image: url(http://www.popstar.ch/joomla/images/M_images/back.gif);
background-repeat: repeat-y;
background-position: 50% 0px;
}
#box {
width: 786px;
margin-right: auto;
margin-left: auto;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px;
margin-top: 0px;
position: relative;
}
a:link {
color:#660066;
text-decoration:none;
}
a:visited{
color:#02486C;
text-decoration:none;
}
a:hover{
border-bottom: 0px solide #ffffff;
}
#title h1 {
color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 24px;
text-align: right;
font-style: oblique;
font-variant: normal;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#header {
background-image: url(http://www.popstar.ch/joomla/images/...s/header.jpg);
background-repeat: no-repeat;
width: 786px;
height: 300px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#top-nav{
width:0px;
margin-left:0px;
background-color : #02486C;
height : 0px;
font-size: 80%;
border-top : 0px solid #FFFFFF;
padding: 0px;
margin-top: 0px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
#left-menu {
width:180px;
margin:0px 0px 0px 0px;
border: 2px none #FFFFFF;
padding: 0px;
}
#main {
font-family:Souvenir, Humanist, Verdana, Arial, sans-serif;
font-size: 12px;
line-height: 11px;
margin: 0px 0px 0px 0px;
padding-left: 250px;
border: thin none #FF0000;
float: left;
width: 520px;
}
#main p {
padding-left: 15px;
padding-right: 15px;
}
#main h1 {
text-transform:uppercase;
margin:10px 40px 0px 20px;
color:#FFFF99;
text-align:left;
font-size: 120%;
}
a.mainlevel:link, a.mainlevel:visited {
width: 155px;
display: block;
color: #660066;
border-bottom: solid 1px #D3ADB4;
font-size: 12px;
font-weight: bold;
text-decoration:none;
text-align: left;
text-indent: 14px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0px;
}

a.mainlevel:hover {
width: 155;
display: block;
color: #FFFFCC;
background: #993366;
border-bottom: solid 1px #D3ADB4;
font-size: 12px;
font-weight: bold;
text-decoration:none;
text-align: left;
text-indent: 14px;
padding-top: 5px;
padding-bottom: 5px;
}
table.moduletable {
margin: 0px 0px 0px 0px;
width: 95%;
border-left: solid 0px #000000;
border-right: solid 0px #000000;
border-top: solid 0px #000000;
border-bottom: solid 0px #000000;
}
table.moduletable th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0px;
font-weight: bold;
text-align: left;
width: 100%;
background: none;
text-indent: 0px;
height: 20px;
line-height: 20px;
}
table.moduletable td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}

.contentheading{
font-size:14px;
color: #9900CC;
background: url(../images/nexto.gif) center left no-repeat;
padding: 0px 15px;
padding-top: 0px
}

.sideheader {
background-color: #02486C;
color: #FFFFFF;
font-size:15px;
margin-top:10px;
padding-top: 3px;
padding-bottom: 3px;
}
#more-info {
font-size: 0.75em;
line-height: 130%;
}
#footer {
margin-left: 11px;
padding: 0px;
margin-top: 60px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
color: #02486C;
}
#footer a:link {
color: #02486C;
text-decoration:none;
}

#footer a:visited {
color: #02486C;
text-decoration:underline;
}

#footer a:hover {
border-bottom: 1px solid #02486C;
}

.button {
color: #0099CC;
font-family: Arial, Verdana, Helvetica, sans-serif;
margin-top: 4px;
font-weight: normal;
text-align: center;
font-size: 12px;
background: #EFEFEF;
border: 1px solid #000066;
height: 20px;
}

.ontab {
background-color: #323A15;
border-left: outset 1px #DCF2FA;
border-right: outset 1px #808080;
border-top: outset 1px #DCF2FA;
border-bottom: solid 1px #d5d5d5;
text-align: center;
font-weight: bold;
color: #FFFFFF;
}
.offtab {
background-color : #e5e5e5;
border-left: outset 1px #E0E0E0;
border-right: outset 1px #E0E0E0;
border-top: outset 1px #E0E0E0;
border-bottom: solid 1px #d5d5d5;
text-align: center;
cursor: hand;
font-weight: normal;
}

.createdate {
padding-left:1px;
color : #003366;
text-align : left;
font-size : 11px;
}

.modifydate {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
text-decoration: none;
font-weight: normal;
}

a.readon:link, a.readon:visited {
color: #003366;
text-decoration: none;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
}

a.readon:hover {
color: #003399; text-decoration: none;
font-weight: normal;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
}

.sectiontableheader {
background-color : #6699ff;
background-repeat: repeat;
padding: 2px;
color : #0099CC;
font-weight : bold;
padding: 2px;
}

.sectiontableentry1, {
background-color : #99ccff;
}

.sectiontableentry2 {
background-color : #F3F3F3;
}

a.blogsection:link, a.blogsection:visited {
color: #003366;
text-decoration: underline;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
}

a.blogsection:hover {
color: #003366;
text-decoration: underline;
font-size: 10px;
}

.poll {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #0099CC;
line-height: 14px
}

.pollstableborder {
border: 0px solid #FFFFFF;
}
a.weblinks:link, a.weblinks:visited {
color: #003366; text-decoration: underline; font-weight: normal;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

a.weblinks:hover {
color: #3366cc; text-decoration: none;
}

.newsfeedheading {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #003366;
}

.newsfeeddate {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #003366;
font-weight: normal;
}

.fase4rdf {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #003366;
font-weight: normal;
}

a.fase4rdf:link {
font-size: 11px;
font-weight: bold;
color: #003366;
}

a.fase4rdf:hover {
font-size: 11px;
font-weight: bold; color: #FFCC66;
}

table.searchintro {
background-color: #FFFFFF;
border: 1px solid #8D9ABC;
}

table.contact {
background-color: #FFFFFF;
}

table.contact td.icons {
background-color: #003366;
}

table.contact td.details {
background-color: #ccccff;
font-size: 11px;
font-family: Arial, Verdana, Helvetica, sans-serif;
}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 10.10.2006, 10:33
Benutzerbild von Stefanie_K
Azu-Biene Mediendesign
neuer user
 
Registriert seit: 15.09.2006
Ort: Cottbus
Beiträge: 98
Stefanie_K befindet sich auf einem aufstrebenden Ast
Standard

das wird weniger mit dem css als vielmehr mit der index.php ("HTML bearbeiten" unter Joomla!) zu tun haben. Dein Menumodul hat sicherlich die Position "right" oder etwas ähnliches (schau dazu mal in den Modulmanager).
seh ich das richtig, dass du schon eine ID (für ein DIV) für das Menu angelegt hast, damit es links erscheint? (#left-menu)
Dann musst du dies einfach in die index.php schreiben, an die Stelle nach dem Header, denke ich.

<div id="left-menu"><?php mosLoadModules ( 'right' ); ?></div>

right steht in diesem Fall für die Position deines Menu-Modules. Am besten ist, wenn du dem Menu eine Position gibst, an der es alleine steht, so kannst du von vorneherein auch noch ausschließen,dass andere Module an die Stelle geladen werden, an der das Menu stehen soll (vielleicht gibst du dem Menu die Position user9 oder so)

PS: wenn du Code postest, dann schreib ihn doch bitte in [ code ] ... [ /code ]


edit: ich sehe eben, dass das Loginmodule ja auch noch unter dem menu steht, das soll ja sicher mit nach links, oder?
dann einfach in der index.php schauen, an welcher stelle steht <?php mosLoadModules ( 'modulposition_von_menu_und_login' ); ?> und das dann kopieren in das div mit der ID "left-menu"..
__________________
Gruß,
Stefanie_K

Ich würde mich ja gern mit Dir geistig duellieren, aber ich sehe Du bist unbewaffnet! Learn to cool down!
CSS & XHTML - entdecke die Möglichkeiten

Geändert von Stefanie_K (10.10.2006 um 10:50 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 10.10.2006, 10:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.10.2006
Beiträge: 23
Adlerherz befindet sich auf einem aufstrebenden Ast
Standard Super - jetzt ist es umgekehrt!

Liebe Stefanie*

Danke für die prompte Anwort! Jetzt ist es genau umgekehrt! Der Inhalt ist zwar rechts aber unten. Der HTML-Code gehört zwar nicht ins CSS-Forum, aber ich poste in doch noch hier - vielleicht ist es ein Detail, das ich nicht kapiere:
[ code ]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title><?php echo $mosConfig_sitename; ?></title>
<link href="<?php echo $mosConfig_live_site;?>/templates/behar/css/template_css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="box"><!-- Begin Container Box -->
<div id="title">
</div><!--site title at the top -->
<!-- Header image -->
<div id="header"></div>
<div id="top-nav"><!-- begin to navigation -->
</div><!-- End top navigation -->

<!-- Begin left menu -->
<div id="left-menu">
<?php mosLoadModules ( "left" ); ?>
</div><!--end left menu -->

<div id="main"><!-- Begin Main Content -->
<?php mosLoadModules ( "top" ); ?>
<?php include_once("mainbody.php"); ?>
<div id="footer">
<?php mosLoadComponent( "banners" ); ?>
</div>
</div> <!-- end main content -->

</div><!--end box div-->
</body>
</html>

[ /code ]

Wäre superlieb, wenn du da auch einen Ausweg wüsstest!
Liebe Grüsse
Adlerherz
Mit Zitat antworten
  #4 (permalink)  
Alt 10.10.2006, 10:53
Benutzerbild von Stefanie_K
Azu-Biene Mediendesign
neuer user
 
Registriert seit: 15.09.2006
Ort: Cottbus
Beiträge: 98
Stefanie_K befindet sich auf einem aufstrebenden Ast
Standard

Kannst du dazu mal einen screenshot machen? und schau doch mal im Menu (Joomla! Backend): Site --> Preview --> Inline with positions.. dort siehst du wo genau die Modulpositionen festgelegt sind..
Ich vermute übrigens, dass, wenn der Maincontent jetzt quasi "runterrutscht" (nehm ich mal an), dass dein left-menu-div zu breit ist. Einfach mal aufs Exempel die width auf 80px setzen.. und wenn nichts passiert, lag es nicht daran

Ich warte einfach mal auf den Screenshot

edit: editiere doch mal bitte kurz dein Posting und lass die Leerzeichen vor und nach dem Wort "code" weg ich hab vergessen dazuzuschreiben, dass das alles ohne Leerzeichen da stehen muss!
__________________
Gruß,
Stefanie_K

Ich würde mich ja gern mit Dir geistig duellieren, aber ich sehe Du bist unbewaffnet! Learn to cool down!
CSS & XHTML - entdecke die Möglichkeiten
Mit Zitat antworten
  #5 (permalink)  
Alt 10.10.2006, 11:10
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.10.2006
Beiträge: 23
Adlerherz befindet sich auf einem aufstrebenden Ast
Standard

Hei Stefanie*

Hier zwei Screenshots:
screenshot1.jpg

screenshot2.jpg

...und nochmals mein posting:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title><?php echo $mosConfig_sitename; ?></title>
<link href="<?php echo $mosConfig_live_site;?>/templates/behar/css/template_css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="box"><!-- Begin Container Box -->
<div id="title">
</div><!--site title at the top -->
<!-- Header image -->
<div id="header"></div>
<div id="top-nav"><!-- begin to navigation -->
</div><!-- End top navigation -->

<!-- Begin left menu -->
<div id="left-menu">
<?php mosLoadModules ( "left" ); ?>
</div><!--end left menu -->

<div id="main"><!-- Begin Main Content -->
<?php mosLoadModules ( "top" ); ?>
<?php include_once("mainbody.php"); ?>
<div id="footer">
<?php mosLoadComponent( "banners" ); ?>
</div>
</div> <!-- end main content --> 

</div><!--end box div-->
</body>
</html>

Liebe Grüsse
Adlerherz
Mit Zitat antworten
  #6 (permalink)  
Alt 10.10.2006, 11:15
Benutzerbild von Stefanie_K
Azu-Biene Mediendesign
neuer user
 
Registriert seit: 15.09.2006
Ort: Cottbus
Beiträge: 98
Stefanie_K befindet sich auf einem aufstrebenden Ast
Standard

weise mal dem left-menu im css ein "float: left;" zu... weiß aber nicht, ob es daran liegt..
bin ja, was Joomla! und CSS angeht selbst noch Neuling
__________________
Gruß,
Stefanie_K

Ich würde mich ja gern mit Dir geistig duellieren, aber ich sehe Du bist unbewaffnet! Learn to cool down!
CSS & XHTML - entdecke die Möglichkeiten
Mit Zitat antworten
  #7 (permalink)  
Alt 10.10.2006, 11:21
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.10.2006
Beiträge: 23
Adlerherz befindet sich auf einem aufstrebenden Ast
Standard

...ändert nix...
Mit Zitat antworten
  #8 (permalink)  
Alt 10.10.2006, 11:24
Benutzerbild von Stefanie_K
Azu-Biene Mediendesign
neuer user
 
Registriert seit: 15.09.2006
Ort: Cottbus
Beiträge: 98
Stefanie_K befindet sich auf einem aufstrebenden Ast
Standard

Doch, bei mir im Firefox (Version 1.0.6, Mac OS-X) ist der Maincontent nun neben dem Menu!

Welchen Browser benutzt du?
__________________
Gruß,
Stefanie_K

Ich würde mich ja gern mit Dir geistig duellieren, aber ich sehe Du bist unbewaffnet! Learn to cool down!
CSS & XHTML - entdecke die Möglichkeiten
Mit Zitat antworten
  #9 (permalink)  
Alt 10.10.2006, 11:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.10.2006
Beiträge: 23
Adlerherz befindet sich auf einem aufstrebenden Ast
Standard

na, den elenden explorer natürlich
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 10.10.2006, 11:30
Benutzerbild von Stefanie_K
Azu-Biene Mediendesign
neuer user
 
Registriert seit: 15.09.2006
Ort: Cottbus
Beiträge: 98
Stefanie_K befindet sich auf einem aufstrebenden Ast
Standard

stimmt, wenn ich den IE (6.0) über Windows XP simuliere.. dann steht der Content immer noch nicht richtig, allerdings ist das Design nicht so verschoben wie im MAC-Firefox... hmmm... und wenn du beim main das float: left; auf float:right; änderst?
gut, dürfte auch nich so viel bringen... hmmm... ich mach mir nochmal Gedanken..
__________________
Gruß,
Stefanie_K

Ich würde mich ja gern mit Dir geistig duellieren, aber ich sehe Du bist unbewaffnet! Learn to cool down!
CSS & XHTML - entdecke die Möglichkeiten
Mit Zitat antworten
Sponsored Links
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
Neuling benötig Hilfe bei Footer Grafik NoBobyLoveMe CSS 7 21.12.2009 17:53
absoluter css neuling braucht hilfe wegen bullets ben2308 CSS 10 02.08.2009 12:45
Anfänger sucht Hilfe und Erfahrung bei Dropdown Menü Mathao CSS 3 06.11.2007 02:20
Neuling braucht Hilfe beim Layout chris-g1 CSS 7 23.11.2006 21:39
Noob sucht Hilfe Keksli Offtopic 3 04.08.2006 09:42


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:33 Uhr.