HTML Logo für jeden Bildschirm angepasst

[MoveJockey]

Ich habe eine Seite mittels HTML "programmiert". Wenn ich jedoch mit einer größeren Bildschirmauflösung darauf zugreife, sieht das Bild nicht so aus wie bei mir sondern ist recht klein.

Wie passe ich dies an?

[ZarneXxX]

Ein Screen würde weiterhelfen.
Besser sogar 2.

[MoveJockey]

ist im Anhang zu finden.
Source Code würde ich gerne nur per PN verschicken.

[ZarneXxX]

Wäre machbar aber dann wäre das Bild verschwommen.

[Snees]

Wie wäre es mit max-width / max-height?

[MoveJockey]

	<style type="text/css">	

		a:link    {color:orange;}

		a:visited {color:orange;}

		a:hover   {color:orange;}

		a:active  {color:orange;}

		

.max-width

width:100%;

}



.max-height

height:100%;

}

		

		#main-container{ width:950px;height:auto;display:block; margin: 0 auto; padding: 15px 25px;}

		#content-text{ width:50%;height:auto;padding-left: 20px;}

		.headline { font-size:200%; color:#fff; }



		#p2 { font-size: 90%; }

		#rightsidetext{ width:300px;height:auto; }

		</style>

Da ändert sich rein gar nichts.

[CDLF]

Ich habe eine Seite mittels HTML "programmiert".

HTML "schreibt" man - ist hier aber eigentlich egal.


Um dein Problem zu lösen, würde ich dir empfehlen, die Seite in Abschnitte zu teilen, und Größe und Layout mit einem Cascading Stylesheet festzulegen.

Ein Beispiel für ein Stylesheet, stammt aus Devana v1.6.6:

body.q_body { background-color: skyblue;
 background-repeat:no-repeat;
 background-attachment: fixed;
 overflow-x: hidden;
 font: Arial;
}


font.q_label {
 color: orange;
 font-family: Arial;
 font-size: 16px;
 text-align: center;
}


font.q_text {
 color: black;
 font-family: Arial;
 font-size: 16px;
 text-align: center;
}


a.q_link {
 font-family: Arial;
 color: black;
 text-decoration: none;
 font-style: oblique;
 font-weight: bold;
}


a.q_link:hover {
color: orange;
}


table.q_table {
 background-color: #BEC1C6;
 border-color: white;
 font-family: Arial;
 font-style: normal;
 border-style: solid;
 text-indent: 10px;
 border-collapse: collapse;
 border-width: 0;
 margin-left: auto;
 margin-right: auto;
 width: 600;
}


table.q_table_desc {
 background-color: #BEC1C6;
 border-color: white;
 font-family: Arial;
 font-style: normal;
 color: black;
 border-style: solid;
 border-width: 0;
 margin: 10px;
 text-indent: 10px;
}


td.td_logo{
 height: 90;
 border-bottom-width: 1;
 border-bottom-style: solid;
 border-bottom-color: white;
 text-indent: 0px;
}


td.td_top_menu {
 background-color: #585858;
 height: 40;
 border-bottom-width: 1;
 border-bottom-style: solid;
 border-bottom-color: white;
}


td.td_content {
 height: 366;
 text-align: center;
}


td.td_bottom_menu {
 background-color: #585858;
 height: 40;
 text-align: right;
 border-top-width: 1;
 border-top-style: solid;
 border-top-color: white;
}


td.head_table {
 color: black;
 font-family: Arial;
 background-color: #9FA4AC;
}


input.textbox, input.button, textarea.textbox, select.dropdown {
 font-size: 10pt;
 font-family: "arial";
 background-color: white;
 border: 1px solid #F3F3F3;
}


textarea.textbox:focus {
 font-size: 10pt;
 font-family: "arial";
 background-color: white;
 border: 1px solid #000000;
}


input.textbox:focus, input.button:focus, select.dropdown:focus {
 font-size: 10pt;
 font-family: "arial";
 background-color: orange;
 border: 1px solid #000000;
}


input.textbox:hover, input.button:hover, textarea.textbox:hover, select.dropdown:hover {
 font-size: 10pt;
 font-family: "arial";
 border: 1px solid #000000;
}


ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
ul#tabs li { display: inline; }
ul#tabs li a { color: black; background-color: #c0c0c0; border: 2px solid White; border-bottom: none; padding: 0.4em; text-decoration: none; }
ul#tabs li a:hover { background-color: #F3F3F3; }
ul#tabs li a.selected { color: #000; background-color: White; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { border: 2px solid White; padding: 0.5em; background-color: gray; }
div.tabContent.hide { display: none; }

[DANP]

bei der größeren auflösung wird einfach das bild zentriert. Dadurch entstehen links und rechts die weißen felder (-> background color ).
Entweder änderst du die background color, erstellst verschiedene auflösungen des Bildes oder überdenkst dein layout nocheinmal von grund auf

[MoveJockey]

gibt es jemanden der über nen messenger (bspw. skype) live supporten könnte?
wäre echt hilfreich!

[ZarneXxX]

Skype: ZarneXxX