hab ich mir quasi auch mit gedacht !
Aber ich habe es tatsächlich geschafft aber muss sagen das nichts von dir war
ich wird morgen das hochladen dann kannst du es sehen !
gute Nacht !
hab ich mir quasi auch mit gedacht !
Aber ich habe es tatsächlich geschafft aber muss sagen das nichts von dir war
ich wird morgen das hochladen dann kannst du es sehen !
gute Nacht !
Wie soll bitte zahlen ?
hab mitlereweile footer hinbekommen aber das mit logo bekommen ich nicht hin egal wie ich das einpasse ist es großer
hast du me idee wie ich dass logo mach soll ?
Hast du dir angeschaut wenn man die fenster größer oder kleiner macht wie es aussieht !!?
grüß Matin
So da ist nur eine seite !
versuch mal dein Browser kleiner und größer machen dann siehst du was ich mein !!!
Ich lad kurz mein website hoch ...
Also so weit hat alles geklappt !
Aber es gibt 2 weitere Problemen
1. Das logo (Header)
2- Das Footer
Hallo, ich bin neue und habe mir eine Website gemacht aber ich kann leider nicht das cotainer in mittle zu bringen besser gesagt ich will das es sich bei fester bsw. Monitor Größe anpasst hier unten finden sie dass CSS und HTML.
body{
float: left;
background-color : #FF5F00;
color : #000000;
font-size: 12px;
font-family : Arial;
margin: 55px 0px 0px 0px;
padding: 10px;
background-repeat: no-repeat;
}
#container{
width: 1230px;
text-align: left;
position: absolute;
margin-left: -510px;
z-index: 0;
background-color: #000000;
margin-right: 100px;
left: 530px;
right: 450px;
margin-top: -39px;
}
#logo{
width: auto;
display: block;
left: 0px;
}
#navigation .current-menu-item > a,
body.tax-portfolio_cats #navigation .portfolio-page > a{
color: #fff;
background: #66c3bc url("http://xhtmlforum.de/images/bg-gradient.png") repeat-x;
margin-top: -1px;
height: 60px;
line-height: 60px;
}
#main{
width: auto;
display: inherit;
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
/* [disabled]margin-left: 10px; */
margin-top: 20px;
}
div.spacer{
clear:both;
height:0px;
display:block;
position: relative;
}
#footer{
width: 980px;
display: block;
padding: 5px;
font-size: 11px;
background-color: #000000;
position: absolute;
bottom: 1px;
left: 0px;
height: -10px;
margin-bottom: -11px;
}
td{
font-size: 15px;
}
a:link, a:visited, a:hover{
color : #000000;
font-weight : normal;
font-size: 12px;
text-decoration:underline;
}
a:hover{
right: 11px;
}
.bkgcolor {
background-color : #FFFFFF;
}
.footer {
background-color : #000000;
}
.footerfont {
color : #FFFFFF;
font-size: 12px;
}
a.footerlink:link, a.footerlink:visited ,a.footerlink:active, a.footerlink:hover {
text-decoration:none;
color: #FFFFFF;
font-size: 12px;
}
a.footerlink:hover {
text-decoration:underline;
}
a.maplink:link, a.maplink:visited, a.maplink:active, a.maplink:hover {
text-decoration:underline;
color: #000000;
font-size: 14px;
font-weight : bold;
}
a.maplink:hover {
color: #FFFFFF;
}
.hr1{
border: thin dotted #FFFFFF;
}
#main ul
{
overflow:auto;
padding:10px 10px 10px 22px;
margin:0px;
}
#main li
{
margin-left: 12px;
}
#Spalte1 {
width: 405px;
float:left;
}
#Spalte2 {
margin-left: 424px;
}
#column_left{
width: 140px;
margin-right: 0px;
float: left;
margin-left: -10px;
margin-top: 42px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#column_right{
margin-right: 5px;
overflow: hidden;
margin-left: 10px;
margin-bottom: -15px;
/* [disabled]right: 1px; */
}
#column_right2{
width:120px;
float:right;
margin-left:10px;
padding-left: 0px;
}
#column_left2{
margin-left:20px;
overflow:hidden;
}
a.menu, a:visited.menu, a:hover.menu {
background: #FF7523;
padding-left: 15px;
text-decoration: none;
display: block;
width: 108px;
min-height: 30px;
color: #000000;
margin-top: 1px;
FONT-SIZE: 15px;
FONT-FAMILY: Arial;
padding-top: 20px;
font-weight: 900;
margin-bottom: 1px;
vertical-align: middle;
text-align: center;
}
a:hover.menu {
background-repeat: no-repeat;
background-position: 3px 5px #377CB7;
background-color: #FF7523;
background-attachment: fixed;
margin-left: -10px;
text-align: center;
}
a.submenu, a:visited.submenu, a:hover.submenu {
background: url('dot2.gif') no-repeat 15px 5px #2F79B7;
padding-left: 24px;
text-decoration: none;
display: block;
width: 96px;
min-height: 15px;
color: #FFFFFF;
margin-top: 1px;
FONT-SIZE: 13px;
FONT-FAMILY: Arial;
padding-top: 1px;
font-weight: bold;
margin-bottom: 1px;
}
a:hover.submenu {
background: url('dot2.gif') no-repeat 15px 5px #2F6A9B;
}
Alles anzeigen
Und mein HTML :
<!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>Home</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<meta name="description" content="Home" />
<meta name="keywords" content="Home" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Markus Schuster" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="Bilder/favicon.ico" type="image/x-icon" />
<script type="text/javascript" src="https://apis.google.com/js/platform.js">
{lang: 'de'}
</script>
</head>
<body>
<div align="center" style="width=100%">
<div id="container">
<div id="logo"><a href="index.html"><img src="logo.jpg" alt="Home" title="Home" border="0" /></a></div>
<div id="main">
<div id="column_left"><br />
<a class="menu" href="index.html" style="background-color: #FF7523; margin-left: -10px; text-align: center;" >Home</a>
<a class="menu" href="events.html">Events</a>
<a class="menu" href="location.html">Location</a>
<a class="menu" href="team.html">Team</a>
<a class="menu" href="vermietung.html">Vermietung</a>
<a class="menu" href="gaestebuch.html">Gästebuch</a>
<a class="menu" href="kontakt.html">Kontakt</a>
</div>
<div id="column_right"><br />
<div style="font-size: 25px; color: #FFFFFF;" align="center">Home
</div>
<hr class="hr1" />
<br />
</div>
<div class="spacer"> </div>
<div align="center">
<BR />
<BR />
<BR /><BR />
</div>
</div>
<div id="footer">
<div align="center" class="footerfont">
<a class="footerlink" href="impressum.html">Impressum</a>
|<a class="footerlink" href="idaenschutz.html"> © Copyright Palleti </a>
</div>
</div>
</div>
</div>
<br />
</body>
</html>
Alles anzeigen
Ich bitte um schnelle Antwort bitte !
MfG Matin
HTML-Seminar.de - mit Videos zum schnellen Lernen, wie man eine Website selbst erstellt.