Fragen zu meinem Vorhaben.

[alijuarmend]

Ich möchte mir eine Homepage aufbauen welche als Informationsseite dienen soll. CMS oder sonst was sind nicht nötig.

Ich habe eine Seite gefunden welche mir sehr gefällt und ich möchte meine anhand dieser Homepage nachbauen. Zwar nicht 100% gleich aber vom aufbau und der Struktur doch sehr angelehnt.

Es geht um diese Homepage -> http://lightflair.de/

Ich habe es auch geschafft die Seite gut "nachzubauen" bzw ähnlich zu bauen allerdings habe ich das Problem, dass ich es nicht hinbekomme, dass die Seite egal welche Auflösung, egal ob Monitor oder Notebook die Seite immer gleich Ausschaut.

Welche Punkte muss ich dabei beachten ? Muss ich mit % arbeiten ? Oder brauch ich doch feste Werte ?

Gruß
Armend

[alijuarmend]

Hab ich irgend was falsch gemacht (: ? Oder hat einfach nur keiner ein Tipp für mich ?

[creativecreation]

Könnte man mal dein Werk irgendwo betrachten? Dann kann man das besser erläutern ... bzw deine Fehler analysieren ...

[alijuarmend]

Hey,
cool danke für deine Mühe.

Ja ich hab aus Frust wieder alles gelöscht und werd das wieder neu aufbauen. Bin in der Lernphase da ist es nicht schlimm wenn ich das gleiche mehrmals mache denke so prägt es sich dann auch leichter ein.

Ich versuch die Startseite morgen wieder aufzubauen und dann tu ich hier ein Link rein.

[Guillermo]

Hi alijuarmend,

das ist wohl eine CSS Frage, eine ähnliche Frage wurde hier schon mal vor kurzem gestellt: html-css-f9/webseite-mittig-ausrichten-t15793.html .
Der Trick ist es eine feste Breite für ein Div-Container zu wählen und dieses zu zentrieren und es wiederrum in ein anderen Div-Container zu legen - welches aber über die gesamte Breite geht (und in deinem Fall beim Header einen schwarzen Hintergrund hat). Weißt du was ich meine oder brauchst du ein kleines Stück Beispielcode?

Viele Grüße,
Guillermo

[alijuarmend]

Ok danke für die super Tipps ich bin jetzt schon mal weiter.

siehe http://www.smart-websolution.de

Nun hab ich das nächste Problem ... Im Vollbildmodus zeigt er sowie im Notebook als auch auf einen großen Minitor gut an.
Wenn ich aber im Fenstermodus sufen möchte verschiebt er mir die elemte -.-

Mein css code

Code: Alles auswählen

*{
padding: 0;
margin: 0;
}

body {
background-image: url(img/bg.jpg);
background-repeat: no-repeat;
background-color: #000;
min-height: 100%;
min-width: 100%;
}

#wrapper{
min-height: 100%;
min-width: 100%;
}

#wrapper_mittig_header {
   width: 1024px;
   height: 130px;
   margin: 0 auto;
   background: #000;
   
}


#logo{
background-color: #000;
float: left;
width: 69%;
height: 130px;

}

#phone_top{
background-color: #000;
float: right;
width: 6%;
padding-top: 10px;
height: 120px;
}

#phone_top_number{
background-color: #000;
float: right;
padding-top: 20px;
padding-left: 1%;
width: 15%;
color: #fff;
height: 110px;
}

#language{
background-color: #000;
float: left;
width: 10%;
height: 10px;
padding-top: 80px;
}

#menue{
padding-left: 250px;
background-color: #000;
width: 100%;
height: 0px;

}

#wrapper_mittig_inhalt {
   width: 1024px;
   height: 520px;
   margin: 0 auto;
   background: #000;
   
}

#inhalt{
background-image: url(img/hintergrund.jpg);
background-repeat: no-repeat;
height: 520px;
width: 100%;

}

#wrapper_mittig_footer {
   width: 1024px;
   height: 150px;
   margin: 0 auto;
   background-color: #000;
   
}

#ansprechpartner1 {
background-color: #000;
height: 10px;
width: 33%;
padding-top: 15px;
padding-left: 15px;
}



Code: Alles auswählen

<div id="wrapper">
         <div id="wrapper_mittig_header">
               <div id="logo"><img src="img/logo.jpg"/></div>
         
               <div id="phone_top"><img src="img/phone.png"/></div>
         
               <div id="phone_top_number">+49 0000000000<br><br><br><img src="img/de.png"/><img       
                                        src="img/en.png"/></div>
         
               
         </div>
      
         <div id="wrapper_mittig_inhalt">
               <div id="menue">
                  <a href="index.html" onMouseOver="button01.src=bild01.src" 
                                                 onMouseOut="button01.src=bild02.src"><img src="buttons/home2.png" border="0" 
                                                 name="button01" alt="Home"/></a>

                  <a href="referenzen.html" onMouseOver="button02.src=bild03.src" 
                                                   onMouseOut="button02.src=bild04.src"><img src="buttons/referenzen2.png"
                                                  border="0" name="button02" alt="Referenzen"/></a>

                  <a href="angebot.html" onMouseOver="button03.src=bild05.src" 
                                                  onMouseOut="button03.src=bild06.src"><img src="buttons/angebot2.png" border="0"
                                                 name="button03" alt="Angebot"/></a>

                  <a href="kontakt.html" onMouseOver="button04.src=bild07.src"
                                                   onMouseOut="button04.src=bild08.src"><img src="buttons/kontakt2.png"
                                                  border="0" name="button04" alt="Kontakt"/></a>

                  <a href="impressum.html" onMouseOver="button05.src=bild09.src"
                                                  onMouseOut="button05.src=bild10.src"><img src="buttons/impressum2.png"
                                                   border="0" name="button05" alt="Impressum"/></a>
               </div>
               <div id="inhalt"></div>      
         </div>
         
         <div id="wrapper_mittig_footer">
               <div id="ansprechpartner1"><font color="#ffffff" size="3">ANSPECHPARTNER</font><br>
                                    <font color="#6E6E6E" size="2">Webdesigner</font><br>
                                    <font color="#ffffff" size="2">Mustermann<br>Tel.:
                                                                                      0000-00000<br>E-Mail: muster@smart-websolution.de</font>
               </div>
         </div>
   </div>

[creativecreation]

So sieht das auf meinem Laptop aus ... wie solls aussehen?

[alijuarmend]

Ja also ich hab das meiste nun schon hinbekommen.

Hier ein Bild wie es bei mir uf notebook ausschaut

Sry aber ich bekomme oben die index nicht formatiert der editor hier verschiebt mir alles ...

[alijuarmend]

Hmmm hab das weg bekommen aber keine Ahnung wie (:

P.S Wie gefällt euch die Startseite ? Wie gefallen euch die Buttons ?

EDIT:

Jetzt ist das ding schon wieder da-.- was mach ich falsch ?

[alijuarmend]

Ok hab den Fehler gefunden ... Eigentlich Peinlich aber naja für die die ein änliches Problem haben.

Ich habe meine Seite mittig zentriert und habe als fest größe 1024x768 ausgewählt. Das heisst aber nicht, dass mein Header,Hintergrund und Footer 1024 breit sein dürfen. Mann muss ungefär 40px rand,scrollbalken usw wegrechnen.

[alijuarmend]

Hallo Leute,
Ich habe eine Frage.

Ich hbe ein Kontaktfomular mit Captcha installiert. Das Kontaktformular schickt die eingegebene Daten mit html fomatiert an die Emailadresse.

Wenn ich als Emailadresse eine google, oder hotmailadresse einegeb klappt das wunderbar und die Nachicht wird richtig angezeigt.

Wenn ich die Daten aber auf meine Email schicken lasse welche ich mit Thunderbrid aufrufe, dann wird die Nachricht nicht formatiert angezeigt sondern alles nebeneinander.

Woran kan das liegen ?

Code: Alles auswählen

$message = "Sie haben eine neue Nachricht über das Kontaktformular erhalten.<br>"
                    . "Name: $name<br>"
                    . "Email: $email<br>"
                    . "URL: $URL<br>"
                    . "Message:<br>"
                    . "<pre>$message</pre>"
                    . "<br><br>IP Address: {$_SERVER['REMOTE_ADDR']}<br>"
                    . "Time: $time<br />"
                    . "Browser: {$_SERVER['HTTP_USER_AGENT']}<br>";

[creativecreation]

was hast du im thunderbird aktiviert? reines text?

[alijuarmend]

Beim Thunderbird find ich nur beim versendenfenster unter optionen die möglichkeit "format" und das ist auto eingestellt.

Sonst finde ich nirgendwo eine einstellung, dass er empfangsemails in html lesen soll.

Beim versenden würde es folgende Mögichkeiten geben.
auto
nur reintext
nur html
reintext und html

[creativecreation]

http://www.computerbase.de/forum/attach ... 1202637654
Geht das ncith bei dir?

[alijuarmend]

http://www.computerbase.de/forum/attachment.php?attachmentid=88058&d=1202637654
Geht das ncith bei dir?

Leider Nein ... so schaut das bei mir aus ...