ilch Forum » Allgemein » Design- und Projektvorstellungen » HTS-P.

Geschlossen
  1. Mo. 09.07.2007 19:23 Uhr #1
    User Pic
    Thousandhands Mitglied
    Registriert seit
    02.10.2006
    Beiträge
    1.250
    Beitragswertungen
    0 Beitragspunkte
    <body bgcolor="#000000">
<div align="center">
<div style="float:left; width:369px; height:236; padding-left:50px; padding-right:25px; padding-bottom:14px; padding-top:30px;"><img src="Bilder/img_03.gif" width="369" height="236" alt=""></div>
<div style="float:left; padding-right:25px; padding-bottom:18px; padding-top:30px;"><img src="Bilder/img_05.gif" width="426" height="111" alt=""></div>
<div style="float:left; width:68px; height:95px; padding-right:22px; padding-bottom:26px;"><a href="?home" target="_self" class="home">Home</a></div>
<div style="float:left; width:68px; height:95px; padding-right:22px; padding-bottom:26px;"><a href="?gallery" target="_self" class="home">Works</a></div>
<div style="float:left; width:68px; height:95px; padding-right:22px; padding-bottom:26px;"><a href="?downloads" target="_self" class="home">Files</a></div>
<div style="float:left; width:68px; height:95px; padding-right:22px; padding-bottom:26px;"><a href="?links" target="_self" class="home">Links</a></div>
<div style="float:left; width:68px; height:95px; padding-right:22px; padding-bottom:26px;"><a href="?contact" target="_self" class="home">Mail</a></div>
</div>
</body>
</html>

    möchte mich gern in div nun endlich versuchen scheiter aber gerade schon an dem 1. problem! zwinker

    also wie ihr seht hab ich links ein bild,
    danach kommt ein bild rechts davon aber darunter kommt auch eins bzw. mehrere (menüleiste) - im moment nur die links die ihr vllt seht- .. also sozusagen 2 zeilen die insgesamt wieder die höhe des bildes vorher haben...
    das problem ist.. ich weiß nicht wie ich das machen soll mit den 2 zeilen zwinker denke mal hier kann mir wer helfen ^^, bitte lächeln

    €: Ich habe gerade gemerkt, dass wenn man das fenster nicht so breit hat die menü punkte sogar richtig sind also unter dem rechten bild.. bei großem bild platzieren sie sich ejdoch halt daneben.. was ich halt nicht möchte ^^

    betroffene Homepage: fms24.com/G4L/test/


    Zuletzt modifiziert von Thousandhands am 09.07.2007 - 19:26:02
    Pion hat sich hier verewigt
    0 Mitglieder finden den Beitrag gut.
  2. Mo. 09.07.2007 20:27 Uhr #2
    User Pic
    Nero Hall Of Fame
    Registriert seit
    12.11.2005
    Beiträge
    987
    Beitragswertungen
    0 Beitragspunkte
    oha, mal wieder was gutes von dir zwinker

    benütze für das unterbrechen vom floaten clear:left;
    weitere befehler:
    - clear:right;
    - clear:both;

    Mfg Nero
    ilch-Portal coming soon lachen

    0 Mitglieder finden den Beitrag gut.
  3. Mo. 09.07.2007 21:04 Uhr #3
    User Pic
    faaabs Mitglied
    Registriert seit
    05.10.2006
    Beiträge
    18
    Beitragswertungen
    0 Beitragspunkte
    Du solltest die ganzen Angaben nicht direkt in die HTML-Datei schreiben, sondern in eine externe css-Datei auslagern. Zudem benötigst du gar nicht so viele divs - das ist vollkommen unnötig.

    Achja, wenn du schon css benutzt, dann leg doch auch gleich die Hintergrundfarbe und das zentrieren darüber fest.

    So ist es vielleicht besser (die Farben in den Container sind nur dafür da, damit man den Aufbau sieht): 

    <!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>
<title>So muss das.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body{
background-color:#000000;
margin:0px 0px 0px auto;
color:#FFFFFF;
}
#inhalt
{
width:810px;
height:auto;
margin:0px auto;
text-align:left;
background-color:#666666;
border:0px;
}
.navbar
{
	width:417px;
	text-align:left;
	height:20px;
	background-color:#666666;
	position:absolute;
	left: 605px;
	top: 120px;
}

!!-->
</style>
</head>
<body>
<div id="inhalt">
<img src="Bilder/img_03.gif" width="369" height="236" alt="" style="float:left;width:369px;height:236px;" />
<img src="Bilder/img_05.gif" width="426" height="111" alt="" style="float:left;width:426px;height:111px;" />

<div class="navbar">
<a href="index.php?home" target="_self" class="home">Home</a>
</div>
</div>

</body>
</html>


    Die Angaben in Header müssten noch ausgelagert werden. Ansonsten fein W3C-Valid und sauberes XHTML. lächeln


    Zuletzt modifiziert von faaabs am 09.07.2007 - 21:10:03
    www.faaabs.de - Webdesign and More
    0 Mitglieder finden den Beitrag gut.
  4. Mo. 09.07.2007 21:40 Uhr #4
    User Pic
    Nero Hall Of Fame
    Registriert seit
    12.11.2005
    Beiträge
    987
    Beitragswertungen
    0 Beitragspunkte
    faaabs irgendwie wiedersprichst du dir, du sagstest doch css extern lagern, aber hastse doch bei den imgs reingehauen zwinker.

    Na ja, sonst mal schöne Erklährung, obwohl, jeder kann doch mal von vorne anfangen zwinker.

    Mfg Nero


    Zuletzt modifiziert von Nero am 09.07.2007 - 21:43:44
    ilch-Portal coming soon lachen

    0 Mitglieder finden den Beitrag gut.
  5. Mo. 09.07.2007 21:42 Uhr #5
    User Pic
    faaabs Mitglied
    Registriert seit
    05.10.2006
    Beiträge
    18
    Beitragswertungen
    0 Beitragspunkte
    Kein Kommentar zunge zwinker


    Zuletzt modifiziert von faaabs am 09.07.2007 - 21:43:05
    www.faaabs.de - Webdesign and More
    0 Mitglieder finden den Beitrag gut.
  6. Mo. 09.07.2007 22:49 Uhr #6
    User Pic
    Thousandhands Mitglied
    Registriert seit
    02.10.2006
    Beiträge
    1.250
    Beitragswertungen
    0 Beitragspunkte
    danke, klar hab ich vor es extern zu lagern ^^.. nur im moment wollte ich nicht immer 2 datein ändenr müssen und hochladen.. desshalb hab ichs erstmal direkt hineingeschrieben um zu schaun wie es wirkt etc.
    Pion hat sich hier verewigt
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design- und Projektvorstellungen

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten