Design-Problem
Eingetragen von drupaler3000 (78)am 14.05.2008 - 22:23 Uhr in
ich arbeite gerade an einer Website, und entwickle diese mit dem CMS Drupal. Ich komme mit Drupal super zu recht und es ist echt kinderleicht! Aber ich habe leider ein gestalterisches Problem! Ich habe die page.tpl.php - Datei geändert und die Navigation Bar mit einem Hintergrundbild hinterlegt.Das hat noch wunderbar geklappt. Nur leider war das Suchfeld links neben den Textlinks, nicht wie gewünscht ganz rechts! Ich habe dann im Code einfach den Code für "Search" und "print $navbar "ausgetauscht. Der gewünschte Effekt hat auch geklappt. ABER: Jetzt fängt der Text erst mit einem großen Abstand zu dem eigentlichen Navigationsanfang links an.
Damit ihr mein Problem besser erkennen könnt, hier die Codes und einige Bilder:
Das Tempalte das ich als Einstieg benutzt habe, war ZEN. Die CSS-Files sind hier noch nicht wirklich definiert, deshalb ein gutes Fundament um ein Design aufzubauen.
Datei 1: page.tpl.php [Zeile 72-96]
<?php if ($search_box || $primary_links || $secondary_links || $navbar): ?>
<div id="navbar"><div id="navbar-inner">
<a name="navigation" id="navigation"></a>
<?php if ($primary_links): ?>
<div id="primary">
<?php print theme('links', $primary_links); ?>
</div> <!-- /#primary -->
<?php endif; ?>
<?php if ($secondary_links): ?>
<div id="secondary">
<?php print theme('links', $secondary_links); ?>
</div> <!-- /#secondary -->
<?php endif; ?>
<?php print $navbar; ?>
<?php if ($search_box): ?>
<div id="search-box">
<?php print $search_box; ?>
</div> <!-- /#search-box -->
<?php endif; ?>
</div></div>Dies ist der selbe Code wie vorher, nur dass das
<?php
print $navbar;
?><?php
print $search_box;
?>Datei 2: zen.css
/** navbar **/
#navbar
{
background-image: url(images/index_03.jpg);
display: block;
height: 24px;
width: 900px;
}
#navbar-inner
{
margin-top: 6px;
}
#search-box /* Wrapper for the search form */
{
margin-top: -3px;
}Die Margins sind so gestaltet das der Text und die Suchbox genau in der vertikalen Mitte vom hintergrundbild der navi sind. Ich kann mir daher nicht erklären woher es kommt, vielleicht habe ich ja andere Stellen in der page.tpl.php-Datei oder dem Stylesheet übersehen, die diese auswirkung haben, aber welche? Ich habe nicht viel verändert, sondern nur den Style, und geringe Veränderungen im Code! Hier mal das Bild der Navigation Bar:
- Anmelden oder Registrieren um Kommentare zu schreiben
Hallo drupaler3000, bei
am 15.05.2008 - 07:36 Uhr
Hallo drupaler3000,
bei deinen geposteten Codebsp fällt mir spontan auch nichts auf. Könntest du einen Link zur entsprechenden Seite angeben damit man sich das ganze mal im Kontext (restliches CSS etc) ansehen kann?
Grüße,
Robin
Ich habe die Seite gerade nur lokal auf Lager
am 16.05.2008 - 10:49 Uhr
Ich habe Drupal hier gerade nur lokal getestet und so, hier mal das ganze CSS(ich benutze nur eine Datei) und die page.tpl.php Datei zum Download:
http://www.eazy-share.net/?d=63D1E8CD
Wenn du noch die Bilder brauchst(ich würd die aber nur ungern hier veröffentlichen) kann ich sie auch noch hinterher uplaoden...
Ich hoffe du kannst damit was anfangen!
Hallo Drupaler3000, wenn ich
am 16.05.2008 - 17:21 Uhr
Hallo Drupaler3000,
wenn ich dich richtig verstanden habe ist glaube ich folgendes dein Problem:
layout-liquid.css (line 193)
#primary {
margin-left:200px;
}
Grüße,
Robin
DANKE !!!!!!!!!!11
am 17.05.2008 - 18:53 Uhr
Danke, danke über alles! Jetzt habe ich mal wieder einiges dazu gelernt!!! Es funktioniert, jetzt ganz normal, die links fangen an der richtigen Stelle an und die Suche ist rechts davon. Muhuauaua! community 4 ever !
http://drupal-translate.bplaced.net/