Author Topic: Push the Layout  (Read 5428 times)

0 Members and 1 Guest are viewing this topic.

Offline homermg

  • Jr. Member
  • **
  • Posts: 69
    • View Profile
Push the Layout
« on: September 24, 2005, 08:07:50 PM »
Hallo all together.

i would like to push the whole Layout (Hompege) completly upward to the Internetexplorer. See attach. But i dont know how. Can somebody help me for example in the home.html
thansk for support to all

Offline mawenzi

  • Moderator
  • 4images Guru
  • *****
  • Posts: 4.500
    • View Profile
Re: Push the Layout
« Reply #1 on: September 24, 2005, 10:13:13 PM »
hi homermg,

ich kann ja auch deutsch antworten ...  :wink:

das ist eigentlich eine Template-Frage und gehört somit hierher : Templates & Styles ...  :!: ... trotzdem ...

Wenn ich dich richtig verstanden habe, so willst du den oberen Rand (10px) verschwinden lassen ...
Dann setze folgendes in den body-Tag in deiner /templates/<dein_Template>/header.html ein :
Code: [Select]
<body ... topmargin="0">
soll der untere Rand auch noch verschwinden (denn das ist wäre mit Sicherheit deine nächste Frage ...  :wink:) dann ...
Code: [Select]
<body ... topmargin="0" bottommargin="0">

mawenzi
Your first three "must do" before you ask a question ! ( © by V@no )
- please read the Forum Rules ...
- please study the FAQ ...
- please try to Search for your answer ...

You are on search for top 4images MOD's ?
- then please search here ... Mawenzi's Top 100+ MOD List (unsorted sorted) ...

Offline homermg

  • Jr. Member
  • **
  • Posts: 69
    • View Profile
Re: Push the Layout
« Reply #2 on: September 25, 2005, 02:17:30 PM »
Hallo vielen dank für den Tipp.
leider geht es nicht da bewegt sich gar nichts :-(
hier ist meine header.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{direction}">
<head>
<title>{site_name}</title>
<meta http-equiv="content-type" content="text/html; charset={charset}" />
<link rel="stylesheet" href="{template_url}/style.css" />
<script language="javascript" type="text/javascript">
<!--
  function opendetailwindow() {
    window.open('','detailwindow','toolbar=no,scrollbars=yes,resizable=no,width=680,height=480');
  }
 
  function right(e) {
    if (navigator.appName == 'Netscape' && (e.which == 2 || e.which == 3)) {
      alert("© Copyright by {site_name}");
      return false;
    }
    else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button==2 || event.button == 3)) {
      alert("© Copyright by {site_name}");
      return false;
    }
    return true;
  }
  document.onmousedown=right;
  if (document.layers) window.captureEvents(Event.MOUSEDOWN);
  window.onmousedown=right;
// -->
</script>
<style type="text/css">
.abstand01
{
margin: 1;
padding: 2px 1px 1px 3px;
line-height: 1;
}
.abstand02
{
margin: 1;
padding: 2px 1px 1px 31px;
line-height: 1;
}
.abstand03
{
margin: 1;
padding: 2px 1px 1px 17px;
line-height: 1;
}
.abstand04
{
margin: 1;
padding: 2px 1px 1px 1px;
line-height: 1;
}

body{
 margin-top: 0;
 pading-top: 0;
}
body, p {margin: 0; padding:0;}

</style>


</head>
<body topmargin="0" bottonmargin="0" bgcolor="#FFFFFF" text="#0F5475" link="#0F5475" vlink="#0F5475" alink="#0F5475">
<br />





und hier ist z.B. meine Home.html(die ersten Zeilen):

<style type="text/css">
<!--
.style1 {font-size: 10px}
.style5 {font-size: 28px}
.Stil1 {font-size: 24px}
.Stil2 {font-size: 14px}
.Stil3 {font-size: 24}

-->
</style>
{header}
<table width="804" height="46" border="0" align="center" cellpadding="0" cellspacing="0" background="{template_url}/images/navbar1.gif">
  <tr>
    <td align="center">
    <p align="center" class="abstand03 Stil2"><strong>
     <span class="Stil1"><a href="/4images/index.php?template=Home"style="color:white; font-size: 24;">Home</a></span></strong><b><span class="Stil3">&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp</span>      <span class="Stil1"><a href="/4images/index.php?template=Galerie"font-size: 24;">Galerie</a></span></span><b><span class="Stil3">&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp</span>       <span class="Stil1"><a href="/4images/index.php?template=Info"><b>Info/Tipps</b></a></span><b><span class="Stil3">&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp</span>        <a href="/4images/index.php?template=impressum" class="Stil1"><strong>Impressum-AGB</strong></a><span class="Stil3"><b>&nbsp </b></span></b></b></b></p>
         
    </td>
  </tr>
  <tr>


hoffe du kannst mir helfen. Habe schon viele tipps bekommen leider funktionierten diese nicht. :-(

Offline KurtW

  • 4images Guru
  • *******
  • Posts: 2.778
    • View Profile
    • Malediven-Bilder ~~Dreams~~
Re: Push the Layout
« Reply #3 on: September 25, 2005, 02:25:40 PM »
Hallo,

ich würde mal in deiner header.html
die letzte Zeile:
Code: [Select]
<br />
entfernen. Dann klappts vielleicht.

Frage zu deiner home.html:

Warum hast du hier nochmals ein Aufruf einer css eingefügt?
Code: [Select]
<style type="text/css">
<!--
.style1 {font-size: 10px}
.style5 {font-size: 28px}
.Stil1 {font-size: 24px}
.Stil2 {font-size: 14px}
.Stil3 {font-size: 24}

-->
</style>

Füg diese doch in die ausgelagerten styles in style.css ein. Ist doch einfacher und übersichtlicher, oder? :wink:

Gruß
Kurt

Offline homermg

  • Jr. Member
  • **
  • Posts: 69
    • View Profile
Re: Push the Layout
« Reply #4 on: September 25, 2005, 03:20:52 PM »
vielen dank !
habe lange gesucht :-)
ja ich muss noch alles überarbeiten :-)
lg
an alle