Joomla Hilfe gesucht!

zhizhi778 · August 9, 2008, 11:38am

Hi,
Ich brauche Hilfe von einem, der etwas Ahnung davon hat, wie man die Größe von Fixen Joomla 1.5 Templates ändern kann.
Das problem ist folgende Seite meines projektes:
kiel-blicke.bplaced.net/cms/index.php

Wie man sehen kann, ist die Karte VIEL zu groß und zerstört das Template Leider gibts deses Template nur als Fixed Version…
Deshalb wäre es nett, wenn jemand mir helfen könnte, es in ein FLUID Template umzuschreiben oder aber einfach mir erklären kann, wie man die Breite ändern kann?

Die CSS und HTML Files:

[code]/* @override http://joomla15.bamboopixel.com/pluralism/templates/pluralism1.5/css/template_css.css */

/*
Design by Free CSS Templates

Released for free under a Creative Commons Attribution 2.5 License
*/

{
margin: 0;
padding: 0;
}

body {
margin: 0 auto;
background: #F6F6F6 url(…/images/img01.jpg) repeat-x;
font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #6B6B6B;
line-height: 120%;
width: 100%;
}

input, textarea {
padding: 2px 5px;
border: 1px solid #EBEBEB;
font: bold 12px “Trebuchet MS”, Arial, Helvetica, sans-serif;
color: #6B6B6B;
}

h1, h2, h3, h4 {
margin: 0;
}

h2, h3, h4,.componentheading, .contentheading {
margin-bottom: 20px;
padding-bottom: 9px;
border-bottom: 1px solid #F2F2F2;
letter-spacing: -0.035em;
font-weight: normal;
color: #37404C;
}

h2,.contentheading,.componentheading {
font-size: 28px;line-height: 120%;
}

h3,.moduletable h3 {
font-size: 16px;
font-weight: bold;
margin-top: 10px;
}

h4 {
font-size: 14px;
font-weight: bold;
}

p, ul, ol {
margin-bottom: 1.5em;
line-height: 170%;
text-align: justify;
}

ul, ol {
margin-left: 3em;
}

dl.list1 {
margin: 0;
padding: 0;
list-style: none;
}

dl.list1 dt {
float: left;
width: 70px;
}

dl.list1 dd {
margin-bottom: 10px;
}

dl.list1 a {
color: #666666;
}

ul.list2 {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}

ul.list2 li {
float: left;
margin: 0 18px 18px 0;
}

ul.list2 li.nopad {
margin-right: 0;
}

blockquote {
margin-left: 3em;
margin-right: 3em;
}

a {
color: #FF5A00;
}

a:hover {
text-decoration: none;
}

a img {
border: none;
}

img.left {
float: left;
margin: 5px 20px 0 0;
}

img.right {
float: right;
margin: 5px 0 0 20px;
}

/* Wrapper */

#wrapper {
width: 960px;
margin: 0 auto;
background: url(…/images/img02.jpg) repeat-y;
}

#wrapper2 {
background: url(…/images/img10.jpg) no-repeat left bottom;
}

/* Header */

#header {
height: 140px;
background: #087FE7 url(…/images/img03.jpg) no-repeat;
}

/* Logo */

#logo {
float: right;margin-right: 80px;margin-top: 20px;
}

#logo h1 {
margin: 0;
padding: 90px 0 0 78px;
text-transform: lowercase;
letter-spacing: -3px;
font-size: 40px;
color: #FFFFFF;
}

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

#user1 {width: 500px;float: right;text-align: right;margin-right: 280px;}
/* Menu */

#menu {
float: right;
}

#menu ul {
margin: 0;
padding: 82px 78px 0 0;
list-style: none;
line-height: normal;
}

#menu li {
display: inline;
}

#menu a {
padding: 0 15px 30px;
text-decoration: none;
font-size: 13px;
font-weight: bold;
color: #fff;
}

#menu a:hover {
color: #FF8C00;
font-size: 15px;
}

/* Page */

#page {
background: url(…/images/img04.jpg) no-repeat;
padding-top: 30px;
}

/* Content */

#content {
float: left;
width: 580px;
padding: 0 0 0 76px;
}

/* Sidebar */

#sidebar {
float: right;
width: 186px;
padding: 67px 76px 0 0;
}

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

#sidebar li ul {
}

#sidebar li li {
margin: 0;
}

/* Widebar */

#widebar {
margin: 0 50px;
padding: 25px 28px 0 28px;
background: #F2F2F2 url(…/images/img11.gif) repeat-x;
}

#widebar #colA {
float: left;
width: 810px;
}

#widebar #colA .moduletable {float: left;margin-right: 0px;}
/* Footer */

#footer {
height: 108px;
background: url(…/images/img05.jpg) no-repeat;
}

#footer p {
margin: 0;
padding-top: 45px;
text-align: center;
color: #8E8E8E;
}

#footer a {
color: #666666;
}

.clear {clear: both;}

.border {margin: 4px;padding: 4px;border: 1px solid #eee;}

.contentpaneopen {margin: 0 10px 0 0;}[/code]

HTML:

[code]<?php

// no direct access
defined( ‘_JEXEC’ ) or die( ‘Restricted access’ );
?>

<?php echo '<?xml version="1.0" encoding="utf-8"?'.'>'; ?> <?php if($this->countModules('right') == 0) { ?> #content{width:810px;margin-left:0px;float:left} <?php } ?> <?php if($this->countModules('user4') == 1) { $bot_module = "800px"; } elseif($this->countModules('user4') == 3) { $bot_module = "260px"; } elseif($this->countModules('user4') == 4) { $bot_module = "190px"; } elseif($this->countModules('user4') == 5) { $bot_module = "152px"; } elseif($this->countModules('user4') == 2) { $bot_module = "380px"; } elseif($this->countModules('user4') == 0) { $bot_module = "0px"; } ?> #colA .moduletable {width: <?php echo $bot_module ?>;}

[/code]

ich hoffe ihr könnt mir helfen.

mfg
zhizhi778

thorr · August 9, 2008, 1:58pm

hi,

also ich blick da nicht wirklich durch… die klasse “blog”, die der contenttabelle zugeordnet ist, ist gar nicht vorhanden… die einfachste und auch übersichtlichere lösung wäre, eine miniaturdarstellung der karte reinzustellen mit link zur großen…

lg

comjag · August 9, 2008, 2:15pm

[code]

[/code] es sind auch noch 2 css datein die eingebunden werden

thorr · August 9, 2008, 2:16pm

ach - mir egal ich beharre auf meiner lösung mit der miniatur

comjag · August 9, 2008, 2:17pm

lol

TrekWork · August 9, 2008, 5:50pm

Nach FLUID umschreiben wäre relativ viel Aufwand, da man die halbe CSS neu
schreiben darf.
Wenn du nur die Breite ändern willst, sieht es warscheinlich nicht anders aus.

[quote=“Indigo66 (Joomla!-Forum)”]
Meistens reicht es nicht, die Breite zu ändern, da andere Teile des Templates
in Abhängigkeit stehen.
Wenn Du nun die Breite änderst, würde ich mir mit dem Firefox Web Developer
die css der Bereiche anzeigen lassen die sich ebenfalls geändert haben
und diese anpassen.[/quote]

thorr · August 9, 2008, 5:52pm

das schreit geradezu nach miniaturansicht

TrekWork · August 9, 2008, 5:53pm

das ist das fazit, korrekt

zhizhi778 · August 11, 2008, 1:56pm

hm…ok mit der Miniaturansicht klappt es - warum auch nicht?
allerdings wird das große dann in einem neuen Fenster geöffnet
kennt jemand vielleicht ein script, welches das große bei klick in einem layer öffnet? villt. sowas mit ajax wie bei bildanhängen bei vbulletin?
oder kann mir jemand sagen, wie man das selbst einbauen kann? also ich möchte, dass beim klick auf die Miniaturansicht sich kein neues Fenster öffnet, sondern ein Layer mit der großen karte erscheint…

mfg
zhizhi778

kaufmann · August 11, 2008, 2:32pm

Blöde Frage… warum machst du nicht gleich das ganze als interaktive Google Map? Dazu gibt es einige Komponenten/Module die das anbieten…

zhizhi778 · August 11, 2008, 4:11pm

Ja, daran dachte ich zu anfang auch, aber ich finde, dass sich dieser aufwand der einbindung etc nicht lohnt, weil ich wirklich nur 3 statische Karten brauche

habe jetzt übrigens eine Lösung gefunden
falls jemand zufällig dasselbe problem hat, kann er sich ja mal bei mir melden, denn das hier in einem post zu erklären wäre
1.etwas kompliziert
2.überlang

mfg
zhizhi778

steffisgarten · August 12, 2008, 7:00pm

…