• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Aussehen und Aufbau bewerten (WYSIWYG)

Ich kann jetzt die Bedeutung des DT liefern ;)

[FONT=&quot]Tramonto ist der Sonnenaufgang auf Italienisch : zwischen 2 Welten , tra = zwischen, il mondo = die Welt, darum die Doppelbedeutung.[/FONT]
Zum Vergrößern anklicken....


Kann mir jemand mit der Seitenlänge weiterhelfen?

mfg hawkeye
 
also, die farbliche Gestaltung gefällt mir irgendwie :)
sonst kann ich mich dem Rest anschließen
Bei den Bildern auf der Startseite finde ich die Idee des hover gut. War es Absicht, dass bei den ersten beiden ein "Sinnzusammenhang" (erst Tische, dann das was draufliegen soll, also das Essen; erst Aufnahme des Gartens, dann genauere Details) besteht? Findei hc nämlich eigentlich ganz gut, nur passt es meiner Meinung nach beim dritten nicht wirklich. Da wäre als zweites Bild doch sicherlich das Foyer bzw der Eingang mit Blick nach innen logischer?

und ein kleiner Dreher bei den Öffnungszeiten ist mir noch aufgefallen:-P
Code: 
Mon[B]at[/B]g und Dienstag geschlossen
 
@ Liskel

Das war nicht so beabsichtig, es ging einfach darum mit 6 Bilderen einen möglichst guten Einblick zu geben.
Danke für den Tip mit dem Wortdreher!

Die Frage wie ich den Link wegbringe steht bei mir immer noch im Raum.


@ neuroleptika

Bin nicht ganz sicher ob ich das richtig verstanden habe, aber da fehlt doch irgendwie die mindest Höhe?!


mfg hawkeye
 
Ich bekomms einfach nicht hin ...

Wäre seh cool wenn du mir sagen kannst welche Pasagen ich an meiner CSS anpassen muss und wie ich die DIV's anordnen muss.

Code: 
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 0px;
    margin:0px;
    border:0px;
    color: #000000;
    background:#000000;
}
h1 {
    font-size: 15px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1.8;
    margin-top: -15px;
    }
.einruecken {
    margin-left: 13.5em;
    }
h2 {
    font-size: 15px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1.8;
    margin-top: -5px;
    margin-bottom: -5px;
    }
h3 {
    font-size: 13px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: -5px;
    }
#body {
    text-align: center;
    width: 100%;
    height: 100%;
}
#container {
    position:relative;
    top: 30px;
    width: 800px;
    background: #FFFFFF;
    margin: 0px auto;
    border: 0px solid #000000;
    text-align: left;
}
#header {
    height: 100px;
    background:url(Bilder/Banner_Tramondo_103.png);
    padding: 0px 0px 0px 0px;
}
#linkbar {
    position: absolute;
    top: 100px;
    height: 590px;
    left: 0px;
    width: 120px;
    background: #322214;
    padding: 10px 0px 10px 0px;
    text-align: center;
}
#linkbar a:link {
    color: #DDC488;
    font-size: 15px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    width: 120px;
    padding-top: 2px;
    background-color: #322214;
    border-bottom-color: #DDC488;
    padding-bottom: 0px;
    float: left;
    clear: left;
    }
#linkbar a:visited {
    color: #DDC488;
    font-size: 15px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    height: 21px;
    width: 120px;
    padding-top: 2px;
    background-color: #322214;
    border-bottom-color: #DDC488;
    padding-bottom: 0px;
    float: left;
    clear: left;
    }
#linkbar a:hover {
    color: #DDC488;
    font-size: 15px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    height: 21px;
    width: 120px;
    padding-top: 2px;
    background-color: #9D6D39;
    border-bottom-color: #DDC488;
    padding-bottom: 0px;
    float: left;
    clear: left;
    }
#linkbar a:active {
    color: #DDC488;
    font-size: 15px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    height: 21px;
    width: 120px;
    padding-top: 2px;
    background-color: #322214;
    border-bottom-color: #DDC488;
    padding-bottom: 0px;
    float: left;
    clear: left;
    }
#linkbar ul {
    margin: 0;
    padding: 0;
    width: 155px;
    }
#linkbar li {
    font-size: 18px;
    width: 120px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0;
    padding-top: 12px;
    padding-left: 0px;
    float: left;
    clear: left;
    height: 22px;
    vertical-align: middle;
    list-style-type: none;
    }
#maincontent {
    top: 100px;
    height: 590px;
    width: 660px;
    margin-left:auto;
    padding: 10px 10px 10px 10px;
    color: #DDC488;
    background: #3E3728;
    font-family: Arial, Helvetica, sans-serif;
}
.text {
    margin-bottom: -5px;
    }
#overfooter {
    top: 700px;
    height: 3px;
    background:#000000;
    padding: 0px 0px 0px 0px;
}
#footer {
    padding: 5px 5px 5px 5px;
    background: #9D6D39;
    line-height: 1.5;
    font-color: 5A4825;
    text-align: center;
}
#footer ul {
    margin: 0;
    padding: 0;
    }
#footer li{
    vertical-align: middle;
    list-style-type: none;
}
a:link {
    color: #D0CEAE;
    text-decoration: underline;
}
a:visited {
    color: #D0CEAE;
    text-decoration: underline;
}
a:hover {
    color: #FF0000;
    text-decoration: underline;
}
a:active {
    color: #0A1A40;
    text-decoration: underline;
}
Code: 
<html>
<head>
<title>
</title>
</head>
<body>
<div id="body">
<div id="container"> 
<div id="header">
<!-- end #header --></div>
<div id="linkbar">
<!-- end #linkbar --></div>      
<div id="maincontent">
<!-- end #maincontent --></div>
<div id="overfooter">
<!-- end #overfooter --></div>
<div id="footer">
<!-- end #footer --></div>
<!-- end #container --></div>
<!-- end #body --></div>
</body>
</html>
 
Nimm den footer einfach aus #container raus und setz ihn dahinter. so ist er immer unter dem container, d.h. ganz unten.
 
Wenn es damit getan wäre, mir verzieht es einfach alles und ich weiss nicht mehr weiter. Kann niemand sagen was genau dass ich bei den oben geposteten Codes genau! anpassen muss?

Zur Zeit ist mein fial Versuch unter Café Tramondo | Lostorf :(
 
Mit position:absolute wird das nichts.

Du mußt Faux-Collumns benützen.
Du kannst min-height nicht auf ein Element anwenden dessen Elternelemt selbst nur min-height hat.
Absolute positionierungen spannen das Elternelemnt nicht auf.
Du mußt die Spalten mit float nebeneinander bringen.

body und html brauchen height: 100%;

#footer braucht eine feste Höhe (in em).
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben