Bereichsfelder definieren?

Moderator: Sisko1990

Forum rules
Forumregeln
Locked
hobbyjoomla
Joomla! Apprentice
Joomla! Apprentice
Posts: 6
Joined: Fri Jan 28, 2011 9:19 pm

Bereichsfelder definieren?

Post by hobbyjoomla » Fri Jan 28, 2011 9:41 pm

Hallo,

ich versuche mich gerade an meiner ersten JOomlaseite für Bekannte.


http://www.joomlatestseite.gartenappel.de/


Es wird sicherlich nicht die erste Sahne sein, für Tips bin ich immer offen.

Mein Anliegen.
AUf der Startseite und auch auf einigen Unterseiten, soll die Aufteilung so sein, dass es 6 Felder gibt, mit je einem Bild und ein paar Zeilen Text da drunter. Diese Inhalte der Beiträge sollen auch über das Frontend zu bearbeiten sein.

Mein Problem ist, dass, wenn der Text, länger wird als der Platz dafür vorgesehen ist, schreibt er entweder den Text einfach über das Thema, welches da drunter steht, drüber oder er verschiebt den ganzen unterne Beitrag nach unten.
ICh möchte dass die Größe der Beiträge immer gleich bleibt. Am besten wäre eine Zeichenbegrenzung für die Textfelder aber soweit ich im Internet gesucht habe, ist das awohl nicht möglich eine Max-zeichenanzahl festzulegen.

Ich habe versucht die Textfelder mithilfe einer Classe zu definieren,a lso die Größe aber irgendwie wurde dann die beschriebene Größe nach jeder Zeile eingefügt die ich geschrieben hab, d.h. nach jeder Textzeile waren dann 80px platz. Oder aber wie oben geschrieben rutschte der Text einfach über den unteren Beitrag rüber.

Hat jemand einen Tip wie ich das PRoblem beheben kann oder eine Idee wie ich das Vorhaben anders realisieren kann?

Ich muss dazu sagen ich bin absoluter JOomla-Anfänger, das was ihr da seht hab ich mir selber irgendwie erarbeitet, incl. des Templates.

Achso ich muss dazu sagen ich habe die Abstände jetzt so hinbekommen weil die Textfelder Tabellen sind (Höhe 90px), aber sobald der Text mehr wird, vergrößert sich die Tabelle - und das will ich nicht.

Es wäre lieb wenn ihr das so beschreibt dass ich das auch verstehe :D

Vielen Dank schonmal für alle Tips

index.php:

Code: Select all

<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );

if (($this->countModules('left')) && ($this->countModules('right'))) { $var_lr = 'lr'; }
elseif ($this->countModules('left')) { $var_lr = 'l'; }
elseif ($this->countModules('right')) { $var_lr = 'r'; }
else { $var_lr = 'n'; }

?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
  <link 
  href="/templates/Joomla_Appel/css/template.css"   
  rel="stylesheet" type="text/css"/>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>
 <div id="Teil1">
	<div id="subnavi"> <jdoc:include type="modules" name="user1" style="html"/>
	</div>
 	<div id="ort"> <jdoc:include type="modules" name="user13" style="html"/>
	</div>
	<div id="search"> <jdoc:include type="modules" name="user2" style="xhtml" />
	</div>
	<div id="banner"><jdoc:include type="modules" name="user10" style="html"/>
    </div></div>
    <div id="logo"></div>
	<div id="mainnavi"> <jdoc:include type="modules" name="user3" style="html"/>
	</div>
	<div id="mainnavi_1"> <jdoc:include type="modules" name="user11" style="html"/>
	</div>
 </div>
 <div id="Teil2"><jdoc:include type="component" style="xhtml"/></div>
    <div id="anmeld"> <jdoc:include type="modules" name="user12"/>
	</div>
 </div>
 <div id="Teil3">

 </div>
</body>
</html>
template.css:

Code: Select all

/* CSS Document */
@import url('editor.css');
body {
    background: url("../images/background3.jpg") repeat-x;
	font-size: 12px;
    font-family: Helvetica,Arial,sans-serif;
	width: 1024px;
	height: 1250px;
	margin-right: auto;
	margin-left: auto;
    line-height: 15px;
    }

#Teil1 { 
    width: 100%;
    height: 385px;
	float: left;
    }

#Teil2 { 
    float: left;
    width: 964px;
	height: 775px;
    background-color: #ffffff;
	padding: 30px;
    }

#Teil3 { 
    float: left;
    width: 100%;
    background-color: #ffffff;
    }

/* ------------------------ Submenü ----------------------- */

#subnavi {
    float: left;
    height: 29px;
	margin-right: 40px;
}

#subnavi ul {
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
}

#subnavi li {
    background: none repeat scroll 0 0 transparent;
    float: left;
    margin: 0px;
    padding: 0px;
}

#subnavi a {
    color: #333333;
    display: block;
    float: right;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 29px;
    padding: 0 25px;
    text-decoration: none;
    line-height: 30px;
}
/* ------------------------ Submenü Ende ------------------ */
/* ------------------------ Hauptmenü ----------------------- */

#mainnavi {
    float: right;
    height: 36px;
    margin-top: -245px;
	margin-right: 40px;
}

#mainnavi ul {
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
}

#mainnavi li {
    background: none repeat scroll 0 0 #ffffff;
    opacity: 0.7;
    filter: alpha(opacity=70);
    float: left;
    margin: 0px;
    padding: 0px;
}

#mainnavi a {
    color: #333333;
    display: block;
    float: right;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 29px;
    padding: 0 25px;
    text-decoration: none;
    line-height: 30px;
}
/* ------------------------ Mainmenü Ende ------------------ */
/* ------------------------ Mainmenü _1 ----------------------- */

#mainnavi_1 {
    float: left;
    height: 30px;
    margin-top: -220px;
	margin-left: 443px;
    width: 200px;
}

#mainnavi_1 ul {
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
}

#mainnavi_1 li {
    background: none repeat scroll 0 0 #ffffff;
    opacity: 0.7;
    float: left;
    margin: 0px;
    padding: 0px;
}

#mainnavi_1 a {
    color: #333333;
    float: right;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    padding: 0 25px;
    text-decoration: none;
    line-height: 30px;
    width: 230px;
}
/* ------------------------ Mainmenü _1 Ende ------------------ */

a {
    text-decoration:none;
    font-size: 12px;
    font-weight: bold;        
}

a:hover { /*Mouseover*/
	font-size: 12px;
	color:#0057a0;
}

#anmeld {
    margin-left: 770px;
    display: inline-block;
    margin-top: -210px;
    
}

#ort {
    display: inline-block;
    font-weight:  bold;
    height: 30px;
    line-height: 30px;
    color: #f58220;
    margin-left:-20px;
}

#logo img {
	width:50%;	
}

#search { 
    float: right;
    width: 300px;
    height: 29px;
	text-align: right;
    }

#banner {
   float: left;
   width: 100%;
   height: 360px;
  }

#logo {
    background: url("../images/Appel_WM_Logo_31_1_08_4cneu4.png") repeat scroll;
    height: 115px;
    background-repeat: no-repeat;
    width: 330px;
    position: absolute;
    top: 43px;
	margin-left: 40px;
	margin-top: 34px;
}

#Bereich5 { 
    background-color: #eeeeee;
	height: 300px;
	width: 320px;
	float: left;
	margin:	13px;
    }
editor.css:

Code: Select all

/* CSS Document */

h1, h2, h3 {
	padding: 0;
	font-family: Arial, Helvetica,sans-serif;
	vertical-align: bottom;
	text-align: left;
	width: 100%;	
}

h1 {
	font-size: 25px;;
	font-weight: bold;
	color: #666;
}

h2, .contentheading {
	font-size: 20px;
	font-weight: normal;
	color: #007d40;
    display: block;
    width: 300px;
    text-align: center;
  
}

.article_column {
	padding-right: 10px;
}

.column_separator {
	border-left: 1px dashed #e0e0e0;
	padding-left: 10px;
}

.preise {
	background: url("../images/preisblume_master.jpg") no-repeat 100% 30% transparent;
	font-family: Arial, Helvetica,sans-serif;
	font-size: 20px;
	color:#007d40;
	float: right;
	margin-right: 10px;
	margin-top: -50px;
	display: inline;
	height: 100px;
	width: 75px;
	text-align: right;
	
}

.beitragbild {
	width: 300px;
	height: 215px;
    margin-top: 10px;
}

.beitragtext {
	width: 300px;
	display: inline-block;
    margin-top: 10px;
}

.tabelle {
    margin-top: 10px;    
}

hobbyjoomla
Joomla! Apprentice
Joomla! Apprentice
Posts: 6
Joined: Fri Jan 28, 2011 9:19 pm

Re: Bereichsfelder definieren?

Post by hobbyjoomla » Mon Jan 31, 2011 9:43 am

Hat niemand einen Tip? :(

Oder ist mein bisheriges Template so chaotisch dass es unmöglich ist da was zu machen?

Bin für jede Hilfe dankbar.

User avatar
Slowrider
Joomla! Ace
Joomla! Ace
Posts: 1055
Joined: Wed Apr 21, 2010 7:36 am

Re: Bereichsfelder definieren?

Post by Slowrider » Tue Feb 01, 2011 4:28 pm

Ehrlich gesagt glaube ich nicht, dass sich jemand durch den Code ackern wird...
Wenn du in dem Text per Editor die Bilder einfügst und den Text darunter, kann sich kein Text irgendwo darüber legen. Für die "Mehrspaltigkeit" lies hier: http://www.drweb.de/magazin/css-3-spalt ... out-modul/

hobbyjoomla
Joomla! Apprentice
Joomla! Apprentice
Posts: 6
Joined: Fri Jan 28, 2011 9:19 pm

Re: Bereichsfelder definieren?

Post by hobbyjoomla » Tue Feb 01, 2011 5:10 pm

Danke für die Antwort!

Omg nein das wollte ich auch nicht, dass sich jemand da durchackert, aber ich hab in einigen Post gesehen dass da öfter der Code mitgegegeben wird.

Glaub ich hab das nicht richtig erklärt. Meine 3 Beiträge, in der Reihe, sollen von der Höhe alle gleich sein auf der Startseite. Deshalb hab ich dem Textfeld unter den Bildern in allen Beiträgen eine Höhe von 90px gegeben. Damit die Reihe da drunter alle auf einer Höhe sind. Das was du sagst ist richtig, normaleweise würde dann der Beitrag da drunter einfach weiter unten stehen wenn der Text länger wird, aber genau das soll es ja nicht.

Es ist ja wichtig dass sich die 6 Bereichen einzeln bearbeiten lassen, deshalb dachte ich, dass ich da 6 einzelne Beiträge mache.
Am einfachsten wäre es, wenn ich den Textfelder eine maximale Zeichenzahl gebe aber das geht wohl in css nicht hab ich gelesen. Oder doch?

User avatar
Slowrider
Joomla! Ace
Joomla! Ace
Posts: 1055
Joined: Wed Apr 21, 2010 7:36 am

Re: Bereichsfelder definieren?

Post by Slowrider » Tue Feb 01, 2011 5:27 pm

Und wenn du einfach jeden Artikel separat verfasst und die Ausgabe durch die Blog-Darstellung erzielst? Sieh in den Parametern des Startseiten-Menüeintrages nach (Basisparameter).
Führende 0, Spalten 3, und alle 6 betreffende Beitrage auf die Startseite setzen. Ergibt normalerweise 2x3 Beiträge untereinander.

hobbyjoomla
Joomla! Apprentice
Joomla! Apprentice
Posts: 6
Joined: Fri Jan 28, 2011 9:19 pm

Re: Bereichsfelder definieren?

Post by hobbyjoomla » Tue Feb 01, 2011 5:35 pm

Hmm genau so hab ich es doch gemacht, die Startseite hat als Typ den "STartseiten-Blog"

Oder versteh ich dich falsch?

User avatar
Slowrider
Joomla! Ace
Joomla! Ace
Posts: 1055
Joined: Wed Apr 21, 2010 7:36 am

Re: Bereichsfelder definieren?

Post by Slowrider » Tue Feb 01, 2011 6:22 pm

Ja aber wo ist dann das Problem?
Die Höhe der Beiträge ergibt sich aus der Anzahl der Worte, die kannst du nicht endgültig festlegen. Spätestens, wenn ein Besucher eine größere Schriftart im Browser eingestellt hat, stimmt deine ganze Aufteilung nicht mehr. Die Festlegung der Höhe des Schriftbereiches ist überflüssig, weil in der Blogansicht immer alle nebeneinander dargestellten Beiträge gleich hoch sind.

hobbyjoomla
Joomla! Apprentice
Joomla! Apprentice
Posts: 6
Joined: Fri Jan 28, 2011 9:19 pm

Re: Bereichsfelder definieren?

Post by hobbyjoomla » Tue Feb 01, 2011 6:46 pm

mein problem ist, dass, wenn ein beitrag vom text her größer wird, rutscht der untere beitrag weiter runter, aber die links daneben nicht, somit steht die untere reihe nicht mehr auf einer höhe.#

die Schriftart wird nicht verändert, definitiv nicht.

nur dass ich dann eine treppe drin hab, was ja nicht sein soll.

User avatar
Slowrider
Joomla! Ace
Joomla! Ace
Posts: 1055
Joined: Wed Apr 21, 2010 7:36 am

Re: Bereichsfelder definieren?

Post by Slowrider » Tue Feb 01, 2011 7:11 pm

Ich glaube, ich habs verstanden. Die Schriftart und -größe, die dein Besucher in seinem Browser eingestellt hat, kannst du nicht beeinflussen.
Ohne weitere Fummelei kannst du den gewünschten Effekt durch Verwendung einer Tabelle erreichen, wo dann alle Texte in einem Beitrag enthalten sind. Ansonsten gibt es noch Erweiterungen, die die Ausgabe der Startseite anpassen. Schau mal im JED nach.

hobbyjoomla
Joomla! Apprentice
Joomla! Apprentice
Posts: 6
Joined: Fri Jan 28, 2011 9:19 pm

Re: Bereichsfelder definieren?

Post by hobbyjoomla » Wed Feb 02, 2011 8:16 pm

ich danke dir erstmal für deine Hilfe,

ich habe jetzt ein Modul gefunden, das "Article Factory Manager" ich glaub der macht das genau was ich will, eine Zeichenzahl für jeden Artikel festlegen.

super,

mein problem ist nur, sobald ich die configuration aufrufe vom Article Manager, bekomme ich folgende Errormeldung:

Fatal error: Call to undefined method: jarticlemanadminxajax->__construct() in /homepages/17/d156700555/htdocs/joomlatestseite/administrator/components/com_articleman/admin.articleman.xajax.php on line 11

in Zeile 6 bis 13 steht folgendes:

class JArticlemanAdminXajax extends JTheFactoryXajax{
function JArticlemanAdminXajax(){
$obj1 = new ArtAdminXajaxMethods;

parent::__construct(array($obj1)); <-- LINE 11
}
}

ich denke dass ich hier keine lösung für das problem finden werde, weil es zu spezifisch ist, aber gibt es eine aherangehensweise wie man solche fehler ausmerzen kann?

ich hab das ganze modul deinstalliert und wieder installiert, wenn ich das local installiere auf joomla, funktioniert das einwandfrei und ich kann in der configuration arbeiten, wo ich u.a. auch die zeichenzahlen festlegen kann.

wie geht man an so ein problem ran?


Locked

Return to “Template, CSS und Designfragen”