mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 20:24 Benutzername: Passwort: Auto-Login

Thema: 2 html fragen! vom 23.07.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> 2 html fragen!
Seite: 1, 2  Weiter
Autor Nachricht
Sunlifestyle
Threadersteller

Dabei seit: 20.12.2005
Ort: Hoyerswerda bei Dresden
Alter: -
Geschlecht: Männlich
Verfasst So 23.07.2006 14:24
Titel

2 html fragen!

Antworten mit Zitat Zum Seitenanfang

Hallo,

ich habe mal 2 fragen!
also die 1.!
Wie macht man das mit der menüleiste, das wenn man egal mit welcher auflösung man die seite besucht, die menüleiste bis zum ende des bildschirmes geht.
wie bei www.apple.de
einfach nur in dem man zwingend den horizontalen scroll balken sperrt?
und dann..
wie macht man das mit dem hintergrund.
das der übergänge hat?
wie bei www.gmx.de
der ist auch in jeder auflösung da!

wäre super wenn ihr tipps über die vorgehendsweise habt!
danke!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
bara.munchies

Dabei seit: 13.03.2006
Ort: Köln
Alter: 46
Geschlecht: Männlich
Verfasst So 23.07.2006 15:06
Titel

Antworten mit Zitat Zum Seitenanfang

menüleiste als hintergrund mit

background-repeat:repeat-x

bei gmx seh ich nur ne feste breite.

ist aber css, kein html
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
afriend

Dabei seit: 07.07.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst So 23.07.2006 15:30
Titel

Antworten mit Zitat Zum Seitenanfang

Hi,

ich seh bei GMX kein Verlauf, aber das würdest Du in
deiner CSS Datei so notieren. (Gibt natürlich immer
mehr als einen Weg)

background-image: url(pfad/zu/deinem/bild.datei);
background-repeat: repeat-x;


Das mit dem dem Menü, da brauchst Du ledeglich in
den Quellcode schauen
Code:

<div id="tabs">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td width="49%" valign="TOP" background="http://images.apple.com/de/main/top_nav/images/2002/09/1bg.gif"><img src="http://images.apple.com/de/main/top_nav/images/2002/09/1bg.gif" width="1" height="52" alt="" align="RIGHT" border="0"></td>
      <td width="2%" valign="TOP" align="CENTER">
      <table width="725" border="0" cellpadding="0" cellspacing="0">
         <tr>
            <td width="725" valign="TOP"><a href="/de/"><img src="http://images.apple.com/de/main/top_nav/images/2002/09/1.gif" width="118" height="32" alt="Apple" border="0"></a><a href="/de/thestore/"><img src="http://images.apple.com/de/main/top_nav/images/2002/09/2.gif" width="98" height="32" alt="The Apple Store" border="0"></a><a href="/de/itunes/"><img src="http://images.apple.com/de/main/top_nav/images/2004/06/3.1.gif" width="98" height="32" alt="iPod + iTunes" border="0"></a><a href="http://www.mac.com/WebObjects/Welcome.woa?aff=consumer&cty=DE&lang=de"><img src="http://images.apple.com/de/main/top_nav/images/2002/09/4.gif" width="98" height="32" alt=".Mac" border="0"></a><a href="/de/quicktime/"><img src="http://images.apple.com/de/main/top_nav/images/2002/09/5.gif" width="98" height="32" alt="QuickTime" border="0"></a><a href="/de/support/"><img src="http://images.apple.com/de/main/top_nav/images/2002/09/6.gif" width="98" height="32" alt="Support" border="0"></a><a href="/de/macosx/"><img src="http://images.apple.com/de/main/top_nav/images/2002/09/7.gif" width="117" height="32" border="0" alt="Mac OS X"></a></td>

         </tr>
         <tr>
            
          <td width="725" valign="TOP"><img src="http://images.apple.com/de/main/top_nav/images/2006/06/1left.gif" width="30" height="20" border="0" alt=""><a href="/de/hotnews/"><img src="http://images.apple.com/de/main/top_nav/images/2006/06/1a.gif" width="44" height="20" border="0" alt="News"></a><a href="/de/getamac/"><img src="http://images.apple.com/de/main/top_nav/images/2006/06/1b.gif" width="80" height="20" alt="Ja zum Mac" border="0"></a><a href="/de/hardware/"><img src="http://images.apple.com/de/main/top_nav/images/2006/06/1c.gif" width="68" height="20" alt="Hardware" border="0"></a><a href="/de/software/"><img src="http://images.apple.com/de/main/top_nav/images/2006/06/1d.gif" width="64" height="20" alt="Software" border="0"></a><a href="http://guide.apple.com/de/index.lasso"><img src="http://images.apple.com/de/main/top_nav/images/2006/06/1e.gif" width="75" height="20" alt="Made4Mac" border="0"></a><a href="/de/education/"><img src="http://images.apple.com/de/main/top_nav/images/2006/06/1f.gif" width="83" height="20" alt="Schule &amp; Uni" border="0"></a><a href="/de/pro/"><img src="http://images.apple.com/de/main/top_nav/images/2006/06/1g.gif" width="36" height="20" alt="Pro" border="0"></a><a href="/de/business/"><img src="http://images.apple.com/de/main/top_nav/images/2006/06/1h.gif" width="89" height="20" alt="Unternehmen" border="0"></a><a href="http://developer.apple.com/de/"><img src="http://images.apple.com/de/main/top_nav/images/2006/06/1i.gif" width="72" height="20" border="0" alt="Entwickler"></a><a href="/de/buy/"><img src="http://images.apple.com/de/main/top_nav/images/2006/06/1j.gif" width="54" height="20" border="0" alt="Kaufen"></a><img src="http://images.apple.com/de/main/top_nav/images/2006/06/1right.gif" width="30" height="20" border="0" alt=""></td>
         </tr>
      </table>
      </td>
      <td width="49%" valign="TOP" background="http://images.apple.com/de/main/top_nav/images/2002/09/1bg.gif"><img src="http://images.apple.com/de/main/top_nav/images/2002/09/1bg.gif" width="1" height="52" alt="" align="LEFT" border="0"></td>
   </tr>
</table>
</div>


Kopiere dir das mal hier und speicher es als Html Datei,
dann siehste genau wie das geht. Hier gilt natürlich auch,
das ist auch nur einer von vielen.(Und das von Apple ist
nicht grad der beste *zwinker* )

mfg
afirend


Zuletzt bearbeitet von afriend am So 23.07.2006 15:32, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Sunlifestyle
Threadersteller

Dabei seit: 20.12.2005
Ort: Hoyerswerda bei Dresden
Alter: -
Geschlecht: Männlich
Verfasst So 23.07.2006 21:12
Titel

Antworten mit Zitat Zum Seitenanfang

danke für die antworten!
also das ding is das! ich könnte mir im photoshop mit hielfe des slice werkzeuges mir eine seite fertig machen(also von der gestalltung her.)
dann würde ich die menüleiste gleich so groß machen das die menüleiste die höchste auflösung hat die es bei monitoren gibt!
meint ihr das die konzerne wie apple auch die menüleiste so groß gemacht haben, so groß wie die höchste bildschirmauflösung ist?
also wenn das so sei dann dann weiß ich wie ich das mache.
nur gibt es das problem, dass wenn ein bild auf einer html seite exestiert was größer als die auflösung ist, so erscheint doch automatisch ein scroll balken was die breite bestimmt!oder?
oder soll ich das dann mit einer funktion aufheben/blockieren(den scrollbalken)!
und das mit den hintergund,
denn sieht man nur wenn man eine höhere auflösung als 1024x768 hat!

danke!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
afriend

Dabei seit: 07.07.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst So 23.07.2006 22:06
Titel

Antworten mit Zitat Zum Seitenanfang

Hi,

ich würde dir gerne helfen, aber ich versteh nicht was Du
meinst.

mfg
afriend
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Sunlifestyle
Threadersteller

Dabei seit: 20.12.2005
Ort: Hoyerswerda bei Dresden
Alter: -
Geschlecht: Männlich
Verfasst So 23.07.2006 22:57
Titel

Antworten mit Zitat Zum Seitenanfang

mhh..also...mir geht es darum...
als ich damals einen tft mit der auflösung 1024x768 hatte konnte ich auf apple.de die menüleiste in voller breite sehen.also sie ging vom linken bildschirmrand bis zum rechten und das ohne das unten ein scroll balken exestierte!
mit meinen neuen monitor habe ich eine auflösung von 1280x1024.
wenn ich jetzt auf apple.de gehe kann ich immernoch die menüleiste in voller länge sehen. obwohl ich mehr auf dem bildschirm sehen kann, da ich ja eine höhere auflösung habe!
nun wollte ich wissen wie so etwas realisiert wird!
meines erachtens müsste ja mit der auflösung 1024x768 die menüleiste der seite, jeweils links und rechts da sein, nur ich sehe sie halt nicht!damit die menüleiste aber bei höheren auflösungen nicht einfach wie abgeschnitten ausschaut geht sie weiter!
is schwer zu erklären.
verstanden?
danke!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 23.07.2006 23:00
Titel

Antworten mit Zitat Zum Seitenanfang

bara.munchies hat geschrieben:
menüleiste als hintergrund mit

background-repeat:repeat-x



bara.munchies hat dir doch zu dem Menü der Apple Seite die richtige Antwort geliefert, hast du dir das mal angeschaut?

Wenn du eine Auflösungsunabhängige Seite gestalten möchtest, solltest du einfach relative Maßangaben wie z.B. Prozent nutzen: http://de.selfhtml.org/css/formate/wertzuweisung.htm#numerische


Zuletzt bearbeitet von m am So 23.07.2006 23:01, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Sunlifestyle
Threadersteller

Dabei seit: 20.12.2005
Ort: Hoyerswerda bei Dresden
Alter: -
Geschlecht: Männlich
Verfasst So 23.07.2006 23:23
Titel

Antworten mit Zitat Zum Seitenanfang

ja..also ich habe mir mal den quellcode angeschaut!
also die menüleiste ist ja in 3 teile eingeteilt!
also wenn ich das als hintergrund mache kann ich aber auf keine buttons klicken!
also muss ich das als grafik einfügen!aber so wie es ausschaut ist nur der mittelteil als grafik!
die seiten links und rechts scheinen als background einer tab. zu sein!
auf jedenfall ist die appelmenüleiste gut struckturiert und durchdacht finde ich!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen HTML/CSS Problem mit <html><body> komischer Abstand unten
Anzeige in HTML aber ohne html ;-)
Externe HTML in HTML einbinden
2 PHP Fragen...
Fragen
eps fragen
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.