Beiträge von elroberto1337

elroberto1337

nabend vielen dank erstmal.
habe dir eine mail geschickt

elroberto1337

guten morgen
vielen dank schonmal
kennst du nicht ein paar gute bücher bzw. internetforen etc. wo man viel über div-elemente etc. nachlesen kann. habe nämlich immer seiten mit div-layouts kombiniert mit tabellen angefertigt oder sogarnur tabellenlayouts, was ja heute keiner mehr so wirklich macht

elroberto1337

nabend
ist ja kein problem bzw. verständlich
du meinst für die linien im hintergrund ?

hier die komplette .psd datei
http://home.arcor.de/robertfuhrmann/cronenberg.zip

elroberto1337

thx vielen dank :>

kann mir jemand inet-seiten bzw. bücher über div-elemente und csss styles empfehlen

elroberto1337

hier die gewünschte datei. hoffe du kannst mir helfen und sagen was du verändert hast, damit ich dazulernen kann. wäre echt super nett
vielen dank

http://home.arcor.de/robertfuhrmann/cronenberg.zip

naja bin schon fast am überlegen den "content" mit tabellen zu machen......... aber das will ich egtl. nicht

elroberto1337

guten morgen liebe gemeindschaft
ich habe ein problem mit der unteren navigation meiner homepage. folgendes: habe einfach den quellcode der oberen navigation genommen und nur die bilder ausgetauscht, wodurch es egtl. gehen müsste
zweites problem: der "content " bereich ist nicht an der richtigen stelle. vorallem bei den unterschiedlichen ie versionen wird die anschrift in der mitte dargestellt ...
bitte um hilfe
vielen dank im vorraus
gruss robert

link zur seite:
http://home.arcor.de/robertfuhrmann/eco/index.html
so soll es egtl. aussehen : (
http://img40.imageshack.us/img40/2379/cronenberg.jpg

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Physiotherapeut Robin Cronenberg - Berlin</title>
<style type="text/css">
-->
@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/*reset styles end*/
body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: #666666;/* background-image:url(bg.jpg);*//* background-repeat:repeat; */
}
#container {
    margin: 0 auto;
    width: 716px;
    height: 800px;
    border: 1px solid black;
    background-color: #fff;
}
#header {
    background: url(header/header_impressum.jpg) no-repeat;
    width: 710px;
    height: 138px;
    margin: 0 auto;
}
.line {
    width: 710px;
    height: 3px; font-size:0;
    background: url(line/firstline.gif) no-repeat 0 0;
    margin: 1px auto;
}
a {
    display: block;
    padding: 0px;
    height: 20px;
    width: 130px;
}
.unsichtbar {
    display: none;
}
#navi {
    width: 710px;
    height: 20px;
    margin: 0 auto;
    list-style: none;
    font-size:0;
}
#navi li {
        width: 120px auto;
    height: 20px;
    display:block;
    float: left;
}
#navi li:hover ul, #navi li.hover ul {
    display: block;
}
#navlinks {
    background:url(navitop/navilinks.gif) no-repeat;
    width: 87px;
    display: block;
    height: 20px;
}
#navi li a.therapien:link, li a.therapien:visited, li a.therapien:focus, li a.therapien:active {
    width: 101px;
    height: 20px;
    display: block;
    border: none;
    background: url(navitop/therapien.gif) no-repeat;
}
#navi li a.therapien:hover {
    background: url(hover_top/therapien.gif) no-repeat;
    border: none;
    width: 101px;
    display: block;
    height: 20px;
}
#navi li a.preise:link, li a.preise:visited, li a.preise:focus, li a.preise:active {
    width: 101px;
    height: 20px;
    display: block;
    background: url(navitop/preise.gif) no-repeat;
}
#navi li a.preise:hover {
    background: url(hover_top/preise.gif) no-repeat;
    display: block;
    width: 101px;
    height: 20px;
}
#navi li a.guestbook:link, li a.guestbook:visited, li a.guestbook:focus, li a.guestbook:active {
    width: 101px;
    height: 20px;
    display: block;
    background: url(navitop/guestbook.gif) no-repeat;
}
#navi li a.guestbook:hover {
    background: url(hover_top/guestbook.gif) no-repeat;
    display: block;
    width: 101px;
    height: 20px;
}
#navi li a.lebenslauf:link, li a.lebenslauf:visited, li a.lebenslauf:focus, li alebenslauf:active {
    width: 120px;
    height: 20px;
    display: block;
    background: url(navitop/lebenslauf.gif) no-repeat;
}
#navi li a.lebenslauf:hover {
    background: url(hover_top/lebenslauf.gif) no-repeat;
    display: block;
    width: 120px;
    height: 20px;
}
#navi li a.impressum:link, li a.impressum:visited, li a.impressum:focus, li a.impressum:active {
    width: 117px;
    height: 20px;
    display: block;
    background: url(navitop/impressum.gif) no-repeat;
}
#navi li a.impressum:hover {
    background: url(hover_top/impressum.gif) no-repeat;
    display: block;
    width: 117px;
    height: 20px;
}
#navrechts {
    background:url(navitop/navirechts.gif) no-repeat;
    display: block;
    width: 83px;
    height: 20px;
}
#secondline {
    width: 710px;
    height: 10px;
    background: url(line/secoundline.gif) no-repeat 0 0;
    margin: 0 auto;
    margin-top: 1px;
}


.thirdline {
width: 710px;
height: 20px;
background: url(line/thirdline.gif) no-repeat 0 0;
margin: 0 auto;
margin-top: 2px;
/*border: 1px solid black;*/
}


/*  NEU NEU   */




#h1_impressum {
    background: url(fonts/impressum.gif) no-repeat;
    width: 202px;
    height: 67px;
    border: 1px solid black;
    padding-top:10px;
    float:left;
    margin-top: 40px;
    margin-left: 40px;
}


.physiotherapie_anschrift {
border: 1px solid black;
width: 180px;
height:370px;
font:Verdana, Arial, Helvetica, sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0099cc;
border:1px solid black;
clear:left;
margin-left:60px;
}


.physiotherapie_anschrift ul {
float:left;
list-style:none;
}


.physiotherapie_anschrift li {
display:block;
}


#robincronenberg {
width:230px;
height:60px;
border: 1px solid black;
background: url(footer/cronenberg.gif) no-repeat;
}






.invisible {
display:none;
}


#naviunten {
    width: 716px;
    height: 20px;
    margin: 0 auto;
    list-style: none;
    font-size:0;
    border:1px solid black;
    float:right;

}
#naviunten li {
        width: 140px auto;
    height: 20px;
    display:block;
    float: left;
}
#naviunten li:hover ul, #naviunten li.hover ul {
    display: block;
}




}
#naviiil {
    background:url(naviunten/navil.gif) no-repeat;
    width: 88px;
    display: block;
    height: 20px;
}
#naviunten li a.thera:link, li a.thera:visited, li a.thera:focus, li a.thera:active, li a.thera:hover {
    width: 86px;
    height: 20px;
    display: block;
    border: none;
    background: url(naviunten/therapien.gif) no-repeat;
}
#naviunten li a.preis:link, li a.preis:visited, li a.preis:focus, li a.preis:active, li a.preis:hover {
    width: 99px;
    height: 20px;
    display: block;
    background: url(naviunten/preise.gif) no-repeat;
}


#naviunten li a.guest:link, li a.guest:visited, li a.guest:focus, li a.guest:active, li a.guest:hover {
    width: 111px;
    height: 20px;
    display: block;
    background: url(naviunten/guestbook.gif) no-repeat;
}
#naviunten li a.leben:link, li a.leben:visited, li a.leben:focus, li a.leben:active, li a.leben:hover {
    width: 127px;
    height: 20px;
    display: block;
    background: url(naviunten/lebenslauf.gif) no-repeat;
}


#naviunten li a.imp:link, li a.imp:visited, li a.imp:focus, li a.imp:active, li a.imp:hover {
    width: 110px;
    height: 20px;
    display: block;
    background: url(naviunten/impressum.gif) no-repeat;
}


#navr {
    background:url(naviunten/navir.gif) no-repeat;
    display: block;
    width: 84px;
    height: 20px;
}


-->
</style>


<!--[if lte IE 6]>
<style type="text/css">
.thirdline {
width: 710px;
height: 20px;
background: url(line/thirdline.gif) no-repeat 0 0;
margin: 0 auto;
margin-top: -7px;
</style>
<![endif]-->






</head>
<body>
<div id="container">
  <div id="header">&nbsp;</div>
  <div class="line">&nbsp;</div>
  <div id="navi">
    <ul>
      <li id="navlinks"></li>
      <li><a href="#2" class="therapien" title="Therapien"><span class="unsichtbar">therapienweg</span></a></li>
      <li><a href="#3" class="preise" title="Preise"><span class="unsichtbar">preiseweg</span></a></li>
      <li><a href="#4" class="guestbook" title="Guestbook"><span class="unsichtbar">guestbookweg</span></a></li>
      <li><a href="#5" class="lebenslauf" title="Lebenslauf"><span class="unsichtbar">lebenslaufweg</span></a></li>
      <li><a href="#6" class="impressum" title="Impressum"><span class="unsichtbar">impressumweg</span></a></li>
      <li id="navrechts"></li>
    </ul>
  </div>
      <div id="secondline">&nbsp;</div>
      <div class="thirdline">&nbsp;</div>    
        <div id="h1_impressum"></div>
        <div class="physiotherapie_anschrift">
            <ul>
                <li><img src="icons/cronenberg_telefon.gif" width="173" height="41" title="telefon" alt="telefon" /></li>
                <li><img src="icons/cronenberg_fax.gif" width="173" height="41" title="fax" alt="fax" /></li>
                <li><img src="icons/cronenberg_mobil.gif" width="173" height="41" title="mobil" alt="mobil" /></li>
                <li><img src="icons/cronenberg_email.gif" width="173" height="41" title="email" alt="email" /></li>
                <li><img src="icons/cronenberg_anschrift.gif" width="173" height="52" title="anschrift" alt="anschrift" /></li>
            </ul>
        </div>

 <center><div id="robincronenberg"></div></center>  
    <div id="naviunten">
      <ul>
      <li id="naviiil"></li>
      <li><a href="#2" class="thera" title="Therapien"><span class="invisible">therapienweg</span></a></li>
      <li><a href="#3" class="preis" title="Preise"><span class="invisible">preiseweg</span></a></li>
      <li><a href="#4" class="guest" title="Guestbook"><span class="invisible">guestbookweg</span></a></li>
      <li><a href="#5" class="leben" title="Lebenslauf"><span class="invisible">lebenslaufweg</span></a></li>
      <li><a href="#6" class="imp" title="Impressum"><span class="invisible">impressumweg</span></a></li>
      <li id="navr"></li>
      </ul>

    </div>

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

Alles anzeigen

elroberto1337

guten abend!
vielen dank yeti66 für deine arbeit. probiere auch nochmal einne neue fassung anzufertigen wenn ich es schaffe
IE tester ist ne gute sache. weiß aber selber nicht genau, wie gut er wirklich ist bzw. ob es wirklich die versionen sind oder ob der verbuggt ist ?

kann mir jemand einen guten editor empfehlen ?
nutze momentan dreamweaver cs3, aber daher , dass ich den code selber schreibe brauche ich keinen dreamweaver. gibts das was in "richtung" open source ?
schönen abend noch und feiert schön das wochenende
lg

elroberto1337

hi,
wüsste nicht wie ich den aufbau "entscheidend" mit div containern verändern sollte

elroberto1337

nabend würdest du mir einen Mix aus divs und tabellen empfehlen?
oder nur tabellenlayout`? oder nur divs...
divs machen mir immer probleme vorallem beim ie

elroberto1337

hi ok vielen vielen vielen dank yeti66 und alle anderen
sehr gutes und nettes forum hier. nur sympatische leute . werde ich auf jedenfall weiterempfehlen......
komme da einfach nicht weiter......
vielen dank yeti66

elroberto1337

also komme immer noch nicht mit dem "doofen" ie 5 und 6. bei mir schaut es immer noch so aus wie bei dem hochgeladenen bild von firefox 5.0

elroberto1337

moin erstmal nochmals vielen dank für tipps

problem immer noch das gleich:
im ie explorer version 6 und 5.5 wird die navi nur teilweise dargestelllt.

im dem conditional comments klappt es ja, aber das problem ist, dass ich die css befehle nicht so ändern kann, dass die anvi so wie beim firefox dargestellt werden kann

elroberto1337

hi vielen dank war zu doof

Code

/* CSS Document */
<!--[if lte IE 6]>
body {


background-color: #666666;


/* background-image:url(bg.jpg);*/ 


/* background-repeat:repeat; */ 


}






#container {


padding: 0 auto;


margin: 0;


width: 716px;


height: 800px;


border: 1px solid black;


background-color: #FFFFFF;


}






#header {


background-image: url(header.jpg);


background-repeat: no-repeat;


width: 710px;


height: 140px;


}
<![endif]-->

Alles anzeigen

so habe ich es gemacht ???
besteht die möglichkeit das man den "ie hack" auch im direkt css dokument direkt einbinden kann ?

elroberto1337

mit

funktioniert es leider immer noch nicht bin langsam am verzweifel
wenn ich dort meinen "extra" geänderten css code reinpacke, ändert sich auch die anschauung für firefox etc. also gehe ich davon aus das es für css nicht der richtige befehl ist
bitte um hilfe
vielen dank

so far el roberto

elroberto1337

mit den Conditional Comments klappt es leider nicht. die einstellungen ändern sich für alle ie und firefox versionen hat da einer einen guten rat für mich möchte die css halt anpassen.
vielen dank im vorraus

ist diese kommandonzeile richtig für css:
r <!--[if lte IE 6]>
<![endif]>

elroberto1337

hier der link http://home.arcor.de/robertfuhrmann/robintoaktuell/test.html
steht aber auch oben. komme leider immer noch nicht weiter

elroberto1337

guten morgen liebe gemeindschaft
ich habe problem mit der "programmierung" meiner homepage. und zwar ist meine navigation bei der IE Explorer Version 5 und 6 sehr weit nach links verschoben. habe schon alles möglich rumgetestet um dieses problem zu beheben. bei den anderen IE versionen und im firefox ist allet schick

gibt es nicht bzw gab es nicht für den ie explorer sogenannte ie css hacks?

http://home.arcor.de/robertfuhrmann/robintoaktuell/test.html

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Physiotherapeut Robin Cronenberg - Berlin </title>


<style type="text/css">


@charset "utf-8";
/* CSS Document */


body {
background-color: #666666;
/* background-image:url(bg.jpg);*/ 
/* background-repeat:repeat; */ 
}


#container {
padding: 0 auto;
margin: 0;
width: 716px;
height: 800px;
border: 1px solid black;
background-color: #FFFFFF;
}


#header {
background-image: url(header.jpg);
background-repeat: no-repeat;
width: 710px;
height: 140px;
}


#firstline {
width: 733px;
height: 3px;
background-image: url(line/firstline.jpg);
background-repeat: no-repeat;
margin-left:2px;
}


a {
display: block; 
padding: 0px; 
height: 20px; 
width: 101px;}


.unsichtbar { 
display: none; 
}


#navigation {
width: 714px;
height: 25px;
}


#navi {
width: 714px;
height: 20px;
list-style: none;
padding: 0 0px;
margin: 0;
}


#navi li {
width: 101px;
float: left;
}


#navi li:hover ul, #navi li.over ul {
display: block;
}




#navi li a.navilinks:link, li a.navilinks:visited, li a.navilinks:focus, li a.navilinks:active { width: 101px; height: 20px; display: block; background: url(navi/navilinks.jpg) no-repeat;}
#navi li a.navilinks:hover {     background:url(hover/navilinks.jpg) no-repeat; width: 101px; height: 20px; }


#navi li a.therapien:link, li a.therapien:visited, li a.therapien:focus, li a.therapien:active { width: 101px; height: 20px; display: block; border: none; background: url(navi/therapien.jpg) no-repeat;}
#navi li a.therapien:hover { background: url(hover/t.jpg) no-repeat;border: none; width: 101px; height: 20px; } 


#navi li a.preise:link, li a.preise:visited, li a.preise:focus, li a.preise:active { width: 101px; height: 20px; display: block; border: none; background: url(navi/preise.jpg) no-repeat;}
#navi li a.preise:hover { background: url(hover/p.jpg) no-repeat;border: none; width: 101px; height: 20px; }


#navi li a.guestbook:link, li a.guestbook:visited, li a.guestbook:focus, li a.guestbook:active { width: 101px; height: 20px; display: block; border: none; background: url(navi/guestbook.jpg) no-repeat;}
#navi li a.guestbook:hover { background: url(hover/g.jpg) no-repeat;border: none; width: 101px; height: 20px; }


#navi li a.lebenslauf:link, li a.lebenslauf:visited, li a.lebenslauf:focus, li alebenslauf:active { width: 101px; height: 20px; display: block; border: none; background: url(navi/lebenslauf.jpg) no-repeat;}
#navi li a.lebenslauf:hover { background: url(hover/l.jpg) no-repeat;border: none; width: 101px; height: 20px; }


#navi li a.impressum:link, li a.impressum:visited, li a.impressum:focus, li a.impressum:active { width: 101px; height: 20px; display: block; border: none; background: url(navi/impressum.jpg) no-repeat;}
#navi li a.impressum:hover { background: url(hover/i.jpg) no-repeat;border: none; width: 101px; height: 20px; }


#navi li a.navirechts:hover {     background-image:url(hover/navirechts.jpg) no-repeat;border: none; width: 101px; height: 20px;}
#navi li a.navirechts:link, li a.navilinks:visited, li a.navilinks:focus, li a.navilinks:active { width: 101px; height: 20px; display: block;border: none; background: url(navi/navirechts.jpg) no-repeat;}


#secondline {
width: 710px;
height: 10px;
background-image: url(line/secondline.jpg);
background-repeat: no-repeat;
margin-top:1px;
}




</style>






</head>


<body>
<center>
<div id="container">


    <div id="header">
    </div>

    <div id="firstline">
    </div>


    <div id="navigation">
        <ul id="navi">
          <li><a href="#1" class="navilinks"><span class="unsichtbar">links</span></a></li>
          <li><a href="#2" class="therapien" title="Therapien"><span class="unsichtbar">therapienweg</span></a></li>
          <li><a href="#3" class="preise" title="Preise"><span class="unsichtbar">preiseweg</span></a></li>
          <li><a href="#4" class="guestbook" title="Guestbook"><span class="unsichtbar">guestbookweg</span></a></li>
          <li><a href="#5" class="lebenslauf" title="Lebenslauf"><span class="unsichtbar">lebenslaufweg</span></a></li>
          <li><a href="#6" class="impressum" title="Impressum"><span class="unsichtbar">impressumweg</span></a></li>
          <li><a href="#7" class="navirechts"><span class="unsichtbar">rechts</span></a></li>
        </ul>
    <div>

    <div id="secondline"></div>








</div>
</center>

Alles anzeigen

vielen dank für eure hilfe im vorraus
grüße robert

Beiträge von elroberto1337

untere navigation und content probs :/

untere navigation und content probs :/

untere navigation und content probs :/

untere navigation und content probs :/

untere navigation und content probs :/

untere navigation und content probs :/

css ie hack für horizontale navigation!

css ie hack für horizontale navigation!

css ie hack für horizontale navigation!

css ie hack für horizontale navigation!

css ie hack für horizontale navigation!

css ie hack für horizontale navigation!

css ie hack für horizontale navigation!

css ie hack für horizontale navigation!

css ie hack für horizontale navigation!

css ie hack für horizontale navigation!

css ie hack für horizontale navigation!