Beiträge von Ceiko

Ceiko · 8. Mai 2009

vielen,vielen dank... dass ich noch kein guter html und css schreiber bin hätt ich dir vorher sagen können...wie gesagt habs mir selbst beigebracht und das seit montag... das am anfang viele gravierende fehler da sind müsste wohl klar sein.das navi hab ich deshalb mit einer tabelle gemacht damit diese punkte nicht angezeigt werden

Edit:die liste kam auf nen anderen hyperlink^^
deswegen die definieerten listen^^

edit2:wieso hast du 3 mal navigation stehen? für die einzelnen browser???
text-decoration: none; was heißt das?
display: block; solid;auto;list-style-type: none;sans-serif; dito

ansonsten bin ich dir sehr dankbar jetzt weis ich auc h wie ich ne neue website aufbauen sollte erst alle rahmen machen... ich hab mim bild angefangen und dadrauf alles angepasst^^

kleines prob hab ich noch und zwar nach einsetzen der grafik ist beim IE nen spalt zwischen Logo und border entstanden ...margine und padding stehen aber überall auf 0 wo könnte die ursache liegen ?

Ceiko · 7. Mai 2009

das firmenbild wird aber ersetzt...trotzdem, vielen dank^^

Ceiko · 7. Mai 2009

jo das wäre echt nett aber bitte erklär mir wie du es machst...bzw teamview, damit kannste mein pc fernsteuern und ich kann zuschauen...
<a class="postlink" href="http://www.teamviewer.com/download/TeamViewer_Setup_de.exe">http://www.teamviewer.com/download/Team ... tup_de.exe</a>
der ordner
<a class="postlink" href="http://rapidshare.com/files/230293828/firma.rar.html">http://rapidshare.com/files/230293828/firma.rar.html</a>

meine icq:337930005

Ceiko · 7. Mai 2009

so ich poste jetzt mal ganz genau mein jetziges problem:
mozilla zeigt die website mittlerweile peferkt an(bis auf den unteren weißen rand der net weggehen will)

[Blockierte Grafik: http://www.bilder-space.de/thumb/07.05aRL0gdCBtYiREjF.GIF]

im IE hab ichs leicht angepasst jedoch gibts ein Problem:

[Blockierte Grafik: http://www.bilder-space.de/thumb/07.05X3fe9vmbdO0Hjo1.GIF]
da sich das textelement am rechten schatten orientiert ergab sich folgendes problem: Im mozilla konnte ich margine-left vom text mit einer negativen zahl belegen um somit in die mitte zu kommen.Bei IE geht das leider net und somit bleibt der text immer rechts neben dem rechten schatten.

HTML

<!DOCTYPE XHTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>




<head>
<title>Siegfried Wei&szlig;enborn GmbH</title>




<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="Firma Siegfried Wei&szlig;enborn" />
<meta name="author" content="Eric Wei&szlig;enborn" />
<meta name="keywords" content="Stahlbau Metallbau Firma familieunternehmen Schweissen " />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />




<link href="style.css" type="text/css" rel="stylesheet" />
</head>




<body>
<div id="style" >




<div  id="wrapper">
<div  id="header"><img src="Firmenlogo4.jpg" title="Siegfried Weißenborn GmbH" /></div>




<div id="navi">
<table >
    <tr>
        <td>
        <div id="naviab1">
            <a href="index.htm">Startseite </a>
        </div>
        </td>
        <td>
        <div id="naviab2">
            <a href="daswir.htm">Das sind Wir</a>
        </div>
        </td>
        <td>
        <div id="naviab3">
             <a href="geschichte.htm">Geschichte</a>
        </div>
        </td>
        <td>
        <div id="naviab3">
         <a href="kontakt.htm">Kontakt</a>
         </div>
        </td>
     </tr>
</table>
</div>




<div id="schatten"></div>
<div id="lischatten">
<div id="reschatten">
<br/>
<div id="inhalte">




<h1>Herzlich Willkommen auf der internetpr&auml;sens von der Siegfried Wei&szlig;enborn GmbH </h1>










<div id="footer">
&copy; Eric Wei&szlig;enborn




</div>
</div>
</div>
</div>
</div>
</body>
</html>

Alles anzeigen

CSS

Code

* {
  margin:0;
  padding:0;
}
html, body {
  font-family: Arial, sans-serif;
}
#style{
     background:url(bg-inhalt.jpg);




     height:100%;
}
#wrapper{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}
#header{
    text-align: center;
    width: 100%;
    height: 10em;
}
#header img{
    width: 110.5%;
    height:250%;
    border: none;
}
#navi {
    background-color:#ceb98e;
    margin-top:15em;
    padding-left:5em;
    padding-right:5em;
    width: 92.8%;
}




* html #navi{
    background-color:#ceb98e;
    margin-top:0em;
    padding-left:5em;
    padding-right:5em;
    width: 92.8%;
}
#naviab1{
  margin-left:0em;
  margin-right:4em;
}
#naviab2{
  margin-left:5em;
  margin-right:5em;
}
#naviab3{
  margin-left:4em;
  margin-right:5em;
}
#naviab4{
  margin-left:5em;
  margin-right:5em;
}
#navi li {
float:left;
padding-right:0em;
padding-left:4em;
background-color: #ceb98e;
}
#inhalte {
margin-left: -61.0em;
padding-left:20px;
padding-right: 2em;
margin-top:-0.75em;
margin-right:0.5em;




padding-top: 10px;
min-height: 400px;
background-color:white;
}




*html #inhalte {
float:left;
margin-left: -5em;
margin-right:5em;
padding-left:5em;
padding-right: 2em;
margin-top:0em;




padding-top: 10px;
background-color:white;
}




#footer{
    width: 100%;
    height: 20px;
    text-align: center;
}
#schatten{
      background:url(schattenwurf-grau-v.png) repeat-x;
      width:110.5%;
      margin-top:0em;
      height:12px;
}




#lischatten{
      background:url(schattenwurf-grau-vlinks.png) repeat-y;
      margin-top:0.5px;
      width:12px;
      padding-right:4em ;
}
*html #lischatten{
      background:url(schattenwurf-grau-vlinks.png) repeat-y;
      float:left;
      margin-top:0.5px;
      width:12px;
      padding-right:0em ;
}
  #reschatten{
      background:url(schattenwurf-grau-vrechts.png) repeat-y;
      width:12px;
      margin-top:-0.45em ;
      margin-right:10em;
      margin-left:61.4em;
}




*html  #reschatten{
      float:right;
      background:url(schattenwurf-grau-vrechts.png) repeat-y;
      width:12px;
      margin-top:-0.45em ;
      margin-right:5em;
      margin-left:60em;
}

Alles anzeigen

@neo aramis durch einfaches ersetzen der prozentzahlen ging das problem auch net weg aus dem oben beschriebenen problem^^aber trotzdem thx für die hilfe

Ceiko · 6. Mai 2009

zum problem firefox und IE also ich muss den quelltext für firefox basteln und dann mithilfe von hacks den IE konfigurieren im css teil
mein moentanes prob ist ich will 2 vertikale ränder einblenden
und in der mitte soll der text kommen nuir irgendwie krieg ich das net hin...

Ceiko · 6. Mai 2009

seperater schriftselektor?

Ceiko · 6. Mai 2009

version ka
schaus dir einfach an ich hab 2 bilder nen paar posts weiter oben

Ceiko · 6. Mai 2009

das problem das es in beiden brwosern anders aussieht ist immernoch net gelöst... kan mir jemand helfen?

Ceiko · 6. Mai 2009

es sieht alles aus wie vorher und im index steht doch genau dasselbe wie ich vorher hatte?

Ceiko · 6. Mai 2009

so jetzt so wie ich hoffe liegt das letzte problem vor.

Der internet Explorer zeigt alles so an wie es sein soll:

[Blockierte Grafik: http://www.bilder-space.de/thumb/06.0586QeRll0OHDPrP6.GIF]

Aber Mozilla lässt alles verrutschen.Als ich noch DOCTYPE XHTML hatte war das noch schlimmer ,also bin ich wieder auf HTML gegangen ,da wars net mehr ganz so extrem.

[Blockierte Grafik: http://www.bilder-space.de/thumb/06.050usQ6BhzAQehKAC.GIF]

hier der neue quelltext:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>




<head>
<title>Siegfried Wei&szlig;enborn GmbH</title>




<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="Firma Siegfried Wei&szlig;enborn" />
<meta name="author" content="Eric Wei&szlig;enborn" />
<meta name="keywords" content="Stahlbau Metallbau Firma familieunternehmen Schweissen " />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />




<link href="style.css" type="text/css" rel="stylesheet" />
</head>




<body bgcolor="#B6DBFF" >




<div  id="wrapper">
<div  id="header">
<img src="Firmenlogo4.jpg" title="Siegfried Weißenborn GmbH" /> </div>




<div id="navi">
 <ul>
  <li><a href="index.htm">Startseite </a></li>
  <li><a href="daswir.htm">Das sind Wir</a></li>
  <li><a href="geschichte.htm">Geschichte</a></li>
  <li><a href="kontakt.htm">Kontakt</a></li>
 </ul>
</div>
<div id="schatten">
 </div>




 <br/>
</div>
<div id="inhalte">
<h1>Herzlich Willkommen auf der internetpr&auml;sens von der Siegfried Wei&szlig;enborn GmbH </h1>
</div>
<div id="footer">
&copy; Eric Wei&szlig;enborn
</div>
</div>




</body>
</html>

Alles anzeigen

Code

* {
  margin:0;
  padding:0;
}
html, body {
  font-family: Arial, sans-serif;
}




#wrapper{
    width: 71.5%;
    margin-left: auto;
    margin-right: auto;
}
#header{
    text-align: center;
    width: 101%;
    height: 110%;
}
#header img{
    width: 110%;
    height:250%;
    border: none;
    padding-left: auto;
}
#navi {
background-color:#ceb98e;
width: 62.5em;
}
#navi li {
float:left;
padding-right:4em;
padding-left:4em;
background-color: #ceb98e;
}
#inhalte {
padding-left: 10%;
padding-top: 5px;
min-height: 350px;
}
#footer{
    width: 100%;
    height: 20px;
    text-align: center;
}
#schatten{
      background:url(schattenwurf-grau-v.png) repeat-x;
      width:62.5em;
      height:12px;
}

Alles anzeigen

Ceiko · 5. Mai 2009

kay dankeschön
so jetzt müsst ich nur noch wissen was ich verändern muss damit

a) linie hab ich hinbekommen
b)ich den schatten hinkrieg^^

Ceiko · 5. Mai 2009

wtf :shock: :shock: :shock:
also mit soo vielen antworten hät ich net gerechnet... naja mitlerweile ist nachmmitag und ich hab seit heute früh net mehr geschaut und bin deshalb auf nen andern stand... aber so richtig durchblicken tu ich gar net mehr.
deshalb der jetzige stand und nochmal vielen dank für die vielen antworten ihr seit ein tolles forum(ps ich hab das ausgebessert was ich konnte)

meine probleme das firmenbild ist nicht ganz mittig
die orangene leiste ist zu breit(vertikal)
wie gesagt ich möchte eine orangene leiste haben die zwischen bild und text ist(navi leiste)
und darunter ein schatten(der mir auch nicht gellingen will...

HTML

<!DOCTYPE XHTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>




<head>
<title>Siegfried Wei&szlig;enborn GmbH</title>




<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="Firma Siegfried Wei&szlig;enborn" />
<meta name="author" content="Eric Wei&szlig;enborn" />
<meta name="keywords" content="Stahlbau Metallbau Firma familieunternehmen Schweissen " />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />




<link href="style.css" type="text/css" rel="stylesheet" />
</head>




<body bgcolor="#B8DAE5" >




<div  id="wrapper">
<div  id="header">
<img src="Firmenlogo2.jpg" title="Siegfried Weißenborn GmbH" /> </div>




<div id="navi">
 <ul>
  <li><a href="index.htm">Startseite </a></li>
  <li><a href="daswir.htm">Das sind Wir</a></li>
  <li><a href="geschichte.htm">Geschichte</a></li>
  <li><a href="kontakt.htm">Kontakt</a></li>
 </ul>




<div id="schatten">
</div>




 <br/><br/><br/>
</div>
<div id="inhalte">
Herzlich Willkommen auf der internetpr&auml;sens von der Siegfried Wei&szlig;enborn GmbH
</div>
<div id="footer">
&copy; ...
</div>
</div>




</body>
</html>

Alles anzeigen

Code

* {
  margin:0;
  padding:0;
}
html, body {
  font-family: Arial, sans-serif;
}




#wrapper{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}
#header{
    text-align: center;
    width: 101%;
    height: 110px;
}
#header img{
    width: 110%;
    height:200%;
    border: none;
    padding-left: auto;
}
#navi {
background-color:#EBC000;
width: 150%;
}
#navi li {
float:left;
padding-right:4em;
padding-left:4em;
background-color: white;
}
#inhalte {
padding-left: 10px;
padding-top: 5px;
min-height: 350px;
}
#footer{
    width: 100%;
    height: 20px;
    text-align: center;
}
#Schatten{
      background:url(schattenwurf-grau-v.png) repeat-x;
      height:12px;
}

Alles anzeigen

für was steht eigtl footer wrapper und header(das ist noch von zwerg

Ceiko · 5. Mai 2009

ja danke nur wenn ich das so übernehme wie du das mir gegeben hast sieht es wieder schlimmer aus...und der gelbe strich ist immernoch net durchgängig(die navizeile)
da will ich noch ne trennlinie mit schattierung reinbringen ...deshalb

aber trotzdem danke für deine mühen

Ceiko · 5. Mai 2009

ja danke ...trotzdem geht der gelbe strich immer noch nicht durch

und ich finds sehr höhflich als depp bezeichnet zu werden obwohl ich wie gesagt seit gestern erst mit html angefanegn hab

Ceiko · 5. Mai 2009

hmm danke aber jetzt geht es immer noch nicht von links nach rechts.
und wenn ich den css in head bereich tue wird der navi teil ganz ande4rs angezeigt
und wie tu ich das in eine externe datei?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
<title>Siegfried Weißenborn GmbH</title>

#navi li {
float:left;

padding-right:5em;
padding-left:5em;
background-color: yellow;

}

#inhalte {

padding-left:10%;

</head>

</style>
<div align='center'>

<ul>
<li><a href="Siegfried-weissenborn.htm">Startseite </a></li>
<li><a href="daswir.htm">Das sind Wir</a></li>
<li><a href="Geschichte.htm">Geschichte</a></li>
<li><a href="Kontakt.htm">Kontakt</a></li>
</ul>
</div>
<br/> <br/> <br/>
<div id="inhalte">
Herzlich Willkommen auf der internetpräsens von der Siegfried Weißenborn GmbH
</div>

</body>
</html>

Ceiko · 5. Mai 2009

also ich hab seit gestern mit html angefangen also beschwert euch bitte nicht über mein nichtkönnen und meine evtl dummen fragen.Mein Problem gerade:

[Blockierte Grafik: http://www.bilder-space.de/thumb/05.054JVT8wHRT6I2Gqx.GIF]

der gelbe streifen soll komplett durchgängig sein (von linken bis rechten rand)
nur ich bekomms net hin
ihr könnt mich noch auf evtl andere vergehen hinweisen^^

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
<title>Siegfried Weißenborn GmbH</title>

<!--
#navi {

margin-right:5em;
margin-left:5em;
}

#navi li {
float:left;

padding-right:5em;
padding-left:5em;
background-color: yellow;

}

#inhalte {

padding-left:10%;

}
-->
</style>
<div align='center'>

<ul>
<li><a href="Siegfried-weissenborn.htm">Startseite </a></li>
<li><a href="daswir.htm">Das sind Wir</a></li>
<li><a href="Geschichte.htm">Geschichte</a></li>
<li><a href="Kontakt.htm">Kontakt</a></li>
</ul>
</div>
<br/> <br/> <br/>
<div id="inhalte">
Herzlich Willkommen auf der internetpräsens von der Siegfried Weißenborn GmbH
</div>

</body>
</html>

Beiträge von Ceiko

Hilfe gesucht

Hilfe gesucht

Hilfe gesucht

Hilfe gesucht

Hilfe gesucht

Hilfe gesucht

Hilfe gesucht

Hilfe gesucht

Hilfe gesucht

Hilfe gesucht

Hilfe gesucht

Hilfe gesucht

Hilfe gesucht

Hilfe gesucht

Hilfe gesucht

Hilfe gesucht