Ergebnis 1 bis 10 von 10

Thema: gestrichelter rahmen (später unsichtbar) verschieben??

  1. #1
    Peggy1990
    Gast

    Standard gestrichelter rahmen (später unsichtbar) verschieben??

    in meiner seite, habe ich einen gestrichelten rahmen, den man aber später nicht sieht, wenn die seite angezeigt wird. es ist der rahmen gemeint, in dem "asdhk..." steht. diesen rahmen möchte ich mehr nach oben haben, mehr an das menü, sodass der abstand nicht so groß ist. könntet ihr mir da bitte helfen? hier der html code:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <style type="text/css">
    a&#58;link &#123;color&#58;#000000; text-decoration&#58;none&#125;
    a&#58;visited &#123;color&#58;#000000; text-decoration&#58;none&#125;
    a&#58;active &#123;color&#58;black; text-decoration&#58;none&#125;
    a&#58;hover &#123;
    	color&#58;#FFFFFF;
    	text-decoration&#58;none;
    	background-color&#58; #000000;
    &#125;
    .Stil1 &#123;
    	color&#58; #000000;
    	font-weight&#58; bold;
    	font-family&#58; Perpetua;
    	font-size&#58; 12px;
    &#125;
    .Stil2 &#123;font-size&#58; 12px&#125;
    </style>
    <title>Peggys Seite</title>
    <meta name="author" content="peggy">
    <link rel="stylesheet" type="text/css" href="index.css">
    <style type="text/css">
    <!--
    .Stil2 &#123;
    	font-size&#58; 12px;
    	font-weight&#58; bold;
    &#125;
    .Stil3 &#123;font-size&#58; 12px&#125;
    .Stil3 &#123;	font-size&#58; 12px;
    	font-weight&#58; bold;
    &#125;
    .Stil4 &#123;font-size&#58; 12px&#125;
    .Stil4 &#123;	font-size&#58; 12px;
    	font-weight&#58; bold;
    &#125;
    .Stil6 &#123;font-size&#58; 12px&#125;
    .Stil6 &#123;	font-size&#58; 12px;
    	font-weight&#58; bold;
    &#125;
    -->
    </style>
    </head>
    <body >
    <div class="all">
    <div class="head">
     <div class="menu">
       <p class="Stil2"><span class="Stil3">HOME&Uuml;BER MICH </span> REFERENZEN<span class="Stil6">DOWNLOADS</span>G&Auml;STEBUCH<span class="Stil4">IMPRESSUM</span></p>
     </div>
     <div id="logo">[img]logo2.gif[/img]</a> </div>
    </div>
     <div class="content">
       
    
    asdhjkashdjkadjkfhasdf  asdhjkashdjkadjkfhasdf  asdhjkashdjkadjkfhasdf
    
         asdhjkashdjkadjkfhasdf  asdhjkashdjkadjkfhasdf  asdhjkashdjkadjkfhasdf
    
         asdhjkashdjkadjkfhasdf  asdhjkashdjkadjkfhasdf  asdhjkashdjkadjkfhasdf
    
         asdhjkashdjkadjkfhasdf  asdhjkashdjkadjkfhasdf  asdhjkashdjkadjkfhasdf
    
        asdhjkashdjkadjkfhasdf  asdhjkashdjkadjkfhasdf  asdhjkashdjkadjkfhasdf</p>
       
    
    </p>
       
    
    </p>
       
    
    </p>
       
    
    </p>
       
    
    </p>
       
    
    
    
       </p>
     </div>
     
    
    
       
     </p>
     <div class="rightline">
       <div class="box_surrounder">
        <div class="box_head">
        ~*Links*~
        </div>
        <div class="box_content">
        Nickpage
                Gallery
                Duplex Druck- &amp; Werbeservice DD 
              Dynamo Dresden 
          Sunshine Live     </div>
        <div class="box_bottom">
         </div>
       </div>
      </div>
      
    
    </p>
      
    
    </p>
      
    
    
        
      </p>
      <div class="rightline">
        
        <div class="box_surrounder">
          <div class="box_head"> ~*Bilder*~ </div>
          <div class="box_content"> 
            <div align="justify">Autos Dynamo Dresden  England 2005  Diemitz 2005  &Ouml;sterreich 2006
                Tschechien 2006 
              </div>
          </div>
          <div class="box_bottom"> </div>
        </div>
      </div>
      
    
    </p>
      
    
    </p>
      
    
     </p>
      
    
        </p>
    </div>
    <div class="bottom">Copyright 2006 by Peggy S&auml;urich </div>
    </body>
    </html>
    wie das ganze aussieht, seht ihr hier http://img216.imageshack.us/my.php?i...eenshot7wq.jpg



    is sehr wichtig, ich hoffe ihr könnt mir helfen!! danke!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Samurai
    Registriert seit
    07.06.2006
    Ort
    Im Exil - AltaRipa / Germany
    Beiträge
    204
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    in dreamweaver gemacht? wenn ja, existiert noch ne index.css! zumindest gib es zu eben dieser css noch einen link im code, poste die auch mal dazu! weil dort muessen die positionen und angaben zu den <div>-Tags sein...
    Keep it simple and stupid!

  3. #3
    Peggy1990
    Gast

    Standard

    ja richtig, mit dreamweaver und ne index.css gibts och....

    hier die index.css

    Code:
    body &#123;
    	margin&#58; 0px;
    	padding&#58; 0px;
    	text-align&#58; center;
    &#125;
    .all &#123;
       display&#58; block;
    	width&#58; 750px;
    	height&#58; 95%;
    	padding&#58; 0px;
    	margin-top&#58; 0px;
    	margin-left&#58; auto;
    	margin-right&#58; auto;
    	text-align&#58; left;
    	background-image&#58; url&#40;contentbody.gif&#41;;
    	background-repeat&#58; repeat-y;
    	background-position&#58; center;
    &#125;
    .head &#123;
       display&#58; block;
    	width&#58; 750px;
    	height&#58; 83px;
    	background-image&#58; url&#40;head.gif&#41;;
    	background-position&#58; top center;
    	background-repeat&#58; no-repeat;
    &#125;
    .menu &#123;
       display&#58; block;
    	float&#58; left;
    	width&#58; 475px;
    	margin-top&#58; 27px;
    	margin-left&#58; 14px;
    &#125;
    body > .all .head .menu &#123;
    	margin-left&#58; 27px;	
    &#125;
    .menu a img &#123;
    	border&#58; 0px;
    &#125;
    #logo &#123;
       display&#58; block;
    	float&#58; left;
    	width&#58; 210px;
       margin-top&#58; 27px;
    	margin-left&#58; 4px;
    	text-align&#58; center;
    &#125;
    .content &#123;
       display&#58; compact;
    	float&#58; left;
    	border-right&#58; 1px dotted #FF8D1A;
    	width&#58; 490px;
    	margin-left&#58; 14px;
    	margin-top&#58; -140px;
    &#125;
    body > .all .content &#123;
    	margin-left&#58; 27px;
    	font&#58; 00000;
    &#125;
    .bottom &#123;
       clear&#58; both;
       display&#58; block;
    	width&#58; 750px;
       height&#58; 68px;
    	background-image&#58; url&#40;bottom.gif&#41;;
    	background-position&#58; bottom center;
    	background-repeat&#58; no-repeat;
    	margin-left&#58; auto;
    	margin-right&#58; auto;
    	text-align&#58; center;
    &#125;
    .bottom span &#123;
    	
    &#125;
    .rightline &#123;
    	float&#58; right;
    	border&#58; 0px solid black;
    	margin-top&#58; 5px;
    	width&#58; 180px;
    	margin-right&#58; 14px;
    &#125;
    .all > .rightline &#123;
    	margin-right&#58; 30px;
    &#125;
    .box_surrounder &#123;
    	width&#58; 155px;
    	border&#58; 0px solid black;
    	background-image&#58; url&#40;box_line.gif&#41;;
    	background-repeat&#58; repeat-y;
    &#125;
    .box_head &#123;
    	width&#58; 155px;
    	height&#58; 26px;
    	background-image&#58; url&#40;box_head.gif&#41;;
    	background-repeat&#58; no-repeat;
    	text-align&#58; center;
    	padding-top&#58; 7px;
    	color&#58; #ffffff;
    	&#125;
    .box_content &#123;
       width&#58; 155px;
    	text-align&#58; left;
    &#125;
    .box_content a&#58;link, .box_content a&#58;visited&#123;
       margin-left&#58; 14px;
    	margin-right&#58; 14px;
    	padding&#58; 2px;
    	display&#58; block;
    	color&#58; #ffffff;
    	font-family&#58; Verdana, Geneva, Arial, Helvetica, sans-serif;
    	font-size&#58; 10px;
    	text-decoration&#58; none;	
    	border-top&#58; 1px dotted #313131;
    	border-bottom&#58; 1px dotted #313131;
    &#125;
    .box_content a&#58;hover &#123;
       color&#58; #bbbbbb;
    	border-top&#58; 1px dotted #ffffff;
    	border-bottom&#58; 1px dotted #ffffff;
    	
    &#125;
    .box_bottom &#123;
    	width&#58; 155px;
    	height&#58; 7px;
    	background-image&#58; url&#40;box_bottom.gif&#41;;
    	background-repeat&#58; no-repeat;
    	font-size&#58; 0px;
    &#125;

  4. #4
    Samurai
    Registriert seit
    07.06.2006
    Ort
    Im Exil - AltaRipa / Germany
    Beiträge
    204
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Code:
    .content &#123;
       display&#58; compact;
       float&#58; left;
       border-right&#58; 1px dotted #FF8D1A;
       width&#58; 490px;
       margin-left&#58; 14px;
       margin-top&#58; -140px;
    &#125;
    Nimm hier mal das margin-top raus... Sollte ansich ausreichen!
    Keep it simple and stupid!

  5. #5
    Prinz(essin) Avatar von Lizzard
    Registriert seit
    19.02.2006
    Ort
    München
    Beiträge
    788
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hi,

    ich finde eher, du solltest das Margin-Top erhöhen, da es sich eh schon im negativen Bereich befindet Dadurch rutscht dann das Element mit Klasse .content höher.

    Beim herausnehmen des Margin-tops, würde dein Element um 140px nach unten rutschen

    MfG
    LizZard
    Sometimes you have a programming problem and it seems like the best solution is to use regular expressions; now you have two problems.

  6. #6
    Samurai
    Registriert seit
    07.06.2006
    Ort
    Im Exil - AltaRipa / Germany
    Beiträge
    204
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ooops, das - uebersehen
    Keep it simple and stupid!

  7. #7
    Peggy1990
    Gast

    Standard

    supi, ihr seid spitze

    wenn ihr mir noch sagen könnt, wie ich so en gestrichelten rahmen überhaupt einfüge (den man später ni mehr sieht)? das hat mir nämlich jemand gemacht... also bitte für "dumme" erklären

  8. #8
    Samurai
    Registriert seit
    07.06.2006
    Ort
    Im Exil - AltaRipa / Germany
    Beiträge
    204
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Das ist ein Bereich und Dreamweaver definiert eben diesen mit diesen "Rahmen" ... Sozusagen ist das eine Hilfe fuer dich, damit du siehst wie groß der Bereich xy ist.
    Folglich muesstest du im Dreamweaver neue <div>-Tags generieren irgendwo und dann macht er den... <div>-Tags kannst du oben in der Symbolleiste irgendwo auswaehlen...
    Keep it simple and stupid!

  9. #9
    Peggy1990
    Gast

    Standard

    hmm also neben dem bild... wie ihr beim screenshot sehen könnt, hab ich jetz so en "rahmen" erstellt. jedoch kann ich den gar nicht nach oben schieben, sodass er auf der gleichen höhe wie das bild ist. ich möchte nämlich neben dem bild einen kleinen text schreiben, nur weiß ich nicht, wie ich das sonst machen könnte. könntet ihr mir den quelltext posten, wie ich das mache neben dem bild was schreiben?

    hier nochma die aktuellen quellcodes und ein screenshot:

    index.css:
    Code:
    body &#123;
    	margin&#58; 0px;
    	padding&#58; 0px;
    	text-align&#58; center;
    &#125;
    .all &#123;
       display&#58; block;
    	width&#58; 780px;
    	height&#58; 95%;
    	padding&#58; 0px;
    	margin-top&#58; 0px;
    	margin-left&#58; auto;
    	margin-right&#58; auto;
    	text-align&#58; left;
    	background-image&#58; url&#40;contentbody.gif&#41;;
    	background-repeat&#58; repeat-y;
    	background-position&#58; center;
    &#125;
    .head &#123;
       display&#58; block;
    	width&#58; 750px;
    	height&#58; 83px;
    	background-image&#58; url&#40;head.gif&#41;;
    	background-position&#58; top center;
    	background-repeat&#58; no-repeat;
    &#125;
    .menu &#123;
       display&#58; block;
    	float&#58; left;
    	width&#58; 475px;
    	margin-top&#58; 27px;
    	margin-left&#58; 14px;
    &#125;
    body > .all .head .menu &#123;
    	margin-left&#58; 27px;	
    &#125;
    .menu a img &#123;
    	border&#58; 0px;
    &#125;
    #logo &#123;
       display&#58; block;
    	float&#58; left;
    	width&#58; 210px;
       margin-top&#58; 27px;
    	margin-left&#58; 4px;
    	text-align&#58; center;
    &#125;
    .content &#123;
       display&#58; block;
    	float&#58; left;
    	border-right&#58; 1px dotted #FF8D1A;
    	width&#58; 490px;
    	margin-left&#58; 14px;
    	margin-top&#58; -150px;
    &#125;
    body > .all .content &#123;
    	margin-left&#58; 27px;	
    &#125;
    .bottom &#123;
       clear&#58; both;
       display&#58; block;
    	width&#58; 750px;
       height&#58; 68px;
    	background-image&#58; url&#40;bottom.gif&#41;;
    	background-position&#58; bottom center;
    	background-repeat&#58; no-repeat;
    	margin-left&#58; auto;
    	margin-right&#58; auto;
    	text-align&#58; center;
    &#125;
    .bottom span &#123;
    	
    &#125;
    .rightline &#123;
    	float&#58; right;
    	border&#58; 0px solid black;
    	margin-top&#58; 0px;
    	width&#58; 180px;
    	margin-right&#58; 14px;
    &#125;
    .all > .rightline &#123;
    	margin-right&#58; 30px;
    &#125;
    .box_surrounder &#123;
    	width&#58; 155px;
    	border&#58; 0px solid black;
    	background-image&#58; url&#40;box_line.gif&#41;;
    	background-repeat&#58; repeat-y;
    &#125;
    .box_head &#123;
    	width&#58; 155px;
    	height&#58; 26px;
    	background-image&#58; url&#40;box_head.gif&#41;;
    	background-repeat&#58; no-repeat;
    	text-align&#58; center;
    	padding-top&#58; 7px;
    	color&#58; #ffffff;
    	&#125;
    .box_content &#123;
       width&#58; 155px;
    	text-align&#58; left;
    &#125;
    .box_content a&#58;link, .box_content a&#58;visited&#123;
       margin-left&#58; 14px;
    	margin-right&#58; 14px;
    	padding&#58; 2px;
    	display&#58; block;
    	color&#58; #ffffff;
    	font-family&#58; Verdana, Geneva, Arial, Helvetica, sans-serif;
    	font-size&#58; 10px;
    	text-decoration&#58; none;	
    	border-top&#58; 1px dotted #313131;
    	border-bottom&#58; 1px dotted #313131;
    &#125;
    .box_content a&#58;hover &#123;
       color&#58; #bbbbbb;
    	border-top&#58; 1px dotted #ffffff;
    	border-bottom&#58; 1px dotted #ffffff;
    	
    &#125;
    .box_bottom &#123;
    	width&#58; 155px;
    	height&#58; 7px;
    	background-image&#58; url&#40;box_bottom.gif&#41;;
    	background-repeat&#58; no-repeat;
    	font-size&#58; 0px;
    &#125;
    html code:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <style type="text/css">
    a&#58;link &#123;color&#58;#000000; text-decoration&#58;none&#125;
    a&#58;visited &#123;color&#58;#000000; text-decoration&#58;none&#125;
    a&#58;active &#123;color&#58;black; text-decoration&#58;none&#125;
    a&#58;hover &#123;
    	color&#58;#FFFFFF;
    	text-decoration&#58;none;
    	background-color&#58; #000000;
    &#125;
    .Stil1 &#123;
    	color&#58; #000000;
    	font-weight&#58; bold;
    	font-family&#58; Perpetua;
    	font-size&#58; 12px;
    &#125;
    .Stil2 &#123;font-size&#58; 12px&#125;
    </style>
    <title>Downloads - Homepage von Peggy S&auml;urich</title>
    <meta name="author" content="peggy">
    <link rel="stylesheet" type="text/css" href="index.css">
    <style type="text/css">
    <!--
    .Stil2 &#123;
    	font-size&#58; 12px;
    	font-weight&#58; bold;
    &#125;
    .Stil3 &#123;font-size&#58; 12px&#125;
    .Stil3 &#123;	font-size&#58; 12px;
    	font-weight&#58; bold;
    &#125;
    .Stil4 &#123;font-size&#58; 12px&#125;
    .Stil4 &#123;	font-size&#58; 12px;
    	font-weight&#58; bold;
    &#125;
    .Stil6 &#123;font-size&#58; 12px&#125;
    .Stil6 &#123;	font-size&#58; 12px;
    	font-weight&#58; bold;
    &#125;
    .Stil9 &#123;color&#58; #FF9900&#125;
    .Stil11 &#123;font-size&#58; 11px&#125;
    .Stil13 &#123;color&#58; #999999&#125;
    .Stil20 &#123;color&#58; #FF6600&#125;
    .Stil21 &#123;font-size&#58; 12&#125;
    .Stil24 &#123;color&#58; #FF9900; font-weight&#58; bold; &#125;
    .Stil25 &#123;	font-size&#58; 12;
    	color&#58; #999999;
    &#125;
    -->
    </style>
    </head>
    <body >
    <div class="all">
    <div class="head">
     <div class="menu">
       <p class="Stil2"><span class="Stil3">HOME&Uuml;BER MICH </span> REFERENZEN<span class="Stil6">DOWNLOADS</span>G&Auml;STEBUCH<span class="Stil4">IMPRESSUM</span></p>
     </div>
     <div id="logo">[img]logo2.gif[/img]</a> </div>
    </div>
     <div class="content">
       
    
    <span class="Stil9">Wallpaper&#58;. </span> </p>
       <hr align="left" style="width&#58;470px; color&#58;#FF9900; background-color&#58;#FF6600;
      margin-left&#58;0; text-align&#58;left; border&#58;1px dashed orange;">
       <p class="Stil20">[img]Wallpaper/sonnenuntergang_borny_vorschau.jpg[/img]</p><div class="rightline"></div>
       
    
    </p>
       
    
    </p>
       
    
    </p>
       
    
    </p>
       
    
    </p>
       
    
    </p>
       
    
    </p>
       
    
    </p>
       
    
    </p>
       
    
    </p>
       
    
    </p>
       
    
    
    
       </p>
     </div>
     
    
    
       
     </p>
     <div class="rightline">
       <div class="box_surrounder">
        <div class="box_head">
        ~*Links*~
        </div>
        <div class="box_content">
        Nickpage
                Gallery
                Duplex Druck- &amp; Werbeservice DD 
              Dynamo Dresden 
          Sunshine Live     </div>
        <div class="box_bottom">
         </div>
       </div>
      </div>
      
    
    </p>
      
    
    </p>
      
    
    
        
      </p>
      <div class="rightline">
        
        <div class="box_surrounder">
          <div class="box_head"> ~*Bilder*~ </div>
          <div class="box_content"> 
            <div align="justify">Autos Dynamo Dresden  England 2005  Diemitz 2005  &Ouml;sterreich 2006
                Tschechien 2006 
            </div>
          </div>
          <div class="box_bottom"> </div>
        </div>
      </div>
      
    
    </p>
      
    
    </p>
      
    
     </p>
      
    
        </p>
    </div>
    <div class="bottom">Copyright 2006 by Peggy S&auml;urich </div>
    </body>
    </html>
    screenshot:
    [img=http://img172.imageshack.us/img172/6705/screenshot2me.th.jpg]

  10. #10
    Peggy1990
    Gast

    Standard

    könnte euch die anderen dateien och gern per mail schicken oder icq oder so, wenn euch das hilft. is nämlich en großes problem for me.

Ähnliche Themen

  1. steam ist zur zeit nicht verfügbar versuchen sie es später
    Von italyboss im Forum Off Topic und Quasselbox
    Antworten: 15
    Letzter Beitrag: 23.04.2010, 15:10
  2. html und später mal php lernen
    Von Damonster im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 06.12.2006, 14:12
  3. Id immer um 1 ehröhen und später ausgeben
    Von DiamondDog im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 7
    Letzter Beitrag: 02.08.2006, 22:41
  4. Ebenen später Laden z.B. bei Klick. Wie geht das?
    Von Ben-Galef im Forum HTML & CSS Forum
    Antworten: 25
    Letzter Beitrag: 26.08.2004, 19:15
  5. 3 Tage später : 8000
    Von umbenannt im Forum Off Topic und Quasselbox
    Antworten: 18
    Letzter Beitrag: 04.07.2003, 10:28

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •