ilch Forum » Allgemein » HTML, PHP, SQL,... » ENDLICH CSS but need HELP

Geschlossen
  1. Fr. 30.07.2010 03:11 Uhr #1
    User Pic
    DAB-FX Mitglied
    Registriert seit
    10.02.2006
    Beiträge
    930
    Beitragswertungen
    11 Beitragspunkte
    HI,

    habs endlich geschaft CSS anzufangen brüchte aber noch bisel hilfe glücklich

    hier der link glücklich
    externer Link

    die box NEW DOWNLOAD ...die PFEILE... und die TOP DOWNLOAD kommen untereinander glücklich wie kann ich das regeln das sie nebeneineander kommen ?


    grüssle
    DAB

    betroffene Homepage: externer Link
    externer Link

    externer Link
    0 Mitglieder finden den Beitrag gut.
  2. Fr. 30.07.2010 03:17 Uhr #2
    User Pic
    DAB-FX Mitglied
    Registriert seit
    10.02.2006
    Beiträge
    930
    Beitragswertungen
    11 Beitragspunkte
    ich habs glaub ich lol glücklich

    ist das so richtig ?
    externer Link

    externer Link
    0 Mitglieder finden den Beitrag gut.
  3. Fr. 30.07.2010 03:18 Uhr #3
    User Pic
    H4ckHunt3r.NET Mitglied
    Registriert seit
    02.01.2010
    Beiträge
    408
    Beitragswertungen
    18 Beitragspunkte
    Du musst mit float und breiten angaben arbeiten...
    Das probiert man am besten erstmal an einem einfachen beispiel aus
    und macht dan ein Design^^

    Hier nochmal ein einfaches Beispiel: 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ein Beispiel für ein CSS Layout</title>
<style type="text/css">
.header{
	width: 100%;
	height: 200px;
	text-align: center;
}
.boxen_links{
	width: 25%;
						float: left;
}
.content{
	width: 50%;
						float: left;
}
.boxen_rechts{
	width: 25%;
						float: left;
}
.footer{
	width: 100%;
	height: 40px;
	text-align: center;
						clear: both;
}
</style>
</head>

<body>
    <div class="header">Das ist der header</div>
        <div class="boxen_links">Dies<br>Sind<br>die Boxen<br>f&uuml;r<br>Links</div>
        <div class="content">Dies ist der Content!</div>
        <div class="boxen_rechts">Dies<br>Sind<br>die Boxen<br>f&uuml;r<br>Rechts</div>
    <div class="footer">Das ist der Footer</div>
</body>
</html>


    Die breitenangaben müssen nicht in % sein... px tuts genau so.
    Das wichtige ist, dass es gesetzt wird den standart bei divs ist wie wir wissen 100%,
    und 2 sachen die 100% der bildschirmbreite sind gehen schlecht nebeneinander^^
    Und die floats weis ich nicht wie ich sie erklären soll...
    Guck ins Beispiel^^


    Zuletzt modifiziert von H4ckHunt3r.NET am 30.07.2010 - 03:18:25
    Lg H4ckHunt3r
    Meine Page
    Mein Projekt
    0 Mitglieder finden den Beitrag gut.
  4. Fr. 30.07.2010 03:26 Uhr #4
    User Pic
    DAB-FX Mitglied
    Registriert seit
    10.02.2006
    Beiträge
    930
    Beitragswertungen
    11 Beitragspunkte
    schlauer bin ich auch nicht lach glücklich aber danke für die erklärung und mühe glücklich


    Zuletzt modifiziert von DAB-FX am 30.07.2010 - 03:26:53
    externer Link

    externer Link
    0 Mitglieder finden den Beitrag gut.
  5. Fr. 30.07.2010 03:44 Uhr #5
    User Pic
    DAB-FX Mitglied
    Registriert seit
    10.02.2006
    Beiträge
    930
    Beitragswertungen
    11 Beitragspunkte
    war doch hilfreich danke glücklich erst denken dann handeln lach^^
    externer Link

    externer Link
    0 Mitglieder finden den Beitrag gut.
  6. Fr. 30.07.2010 04:50 Uhr #6
    User Pic
    DAB-FX Mitglied
    Registriert seit
    10.02.2006
    Beiträge
    930
    Beitragswertungen
    11 Beitragspunkte
    wenn ich 

    <div id="topdl_content">{_boxes_topdownload}</div>


    schreibe....klapt auch alles, nur wird der inhalt der box auf die ganze breite geschrieben.... wie kann ich den inhalt etwas kleiner machen ?

    zu sehen hier
    externer Link

    RAGANAROK auswählen glücklich


    Zuletzt modifiziert von DAB-FX am 30.07.2010 - 04:52:03
    externer Link

    externer Link
    0 Mitglieder finden den Beitrag gut.
  7. Fr. 30.07.2010 07:57 Uhr #7
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    externer Link
    0 Mitglieder finden den Beitrag gut.
  8. Fr. 30.07.2010 15:02 Uhr #8
    User Pic
    glueckspilz Mitglied
    Registriert seit
    08.10.2009
    Beiträge
    302
    Beitragswertungen
    19 Beitragspunkte
    Aber Achtung.. margin/padding und float mögen sich nicht zwinker
    könnte zum komplikationen führen^^
    Wir sind wieder online! zwinker
    externer Link
    externer Link
    0 Mitglieder finden den Beitrag gut.
  9. Fr. 30.07.2010 15:03 Uhr #9
    User Pic
    DAB-FX Mitglied
    Registriert seit
    10.02.2006
    Beiträge
    930
    Beitragswertungen
    11 Beitragspunkte
    danke^^

    bin gerade an der navi )(...kann die buttons also rollover1 schön einfügen glücklich mein problem ist wie gehts weiter ? wenn ich rollover2 haben möchte mit link ? auf css4you find ich nichts (blind?).....

    jeder button hat eine id.


    grüssle
    DAB
    externer Link

    externer Link
    0 Mitglieder finden den Beitrag gut.
  10. Fr. 30.07.2010 15:14 Uhr #10
    User Pic
    glueckspilz Mitglied
    Registriert seit
    08.10.2009
    Beiträge
    302
    Beitragswertungen
    19 Beitragspunkte
    Ich weiß nicht wie deine Buttons aussehen, wenn es immer dieselben sind. Also dann die Schrift per HTML eingefügt wird, dann vergebe ne Klasse.

    Du kannst aber auch einfach so arbeiten: 
    a:link {  };
a:visited {  };
a:focus {  };
a:hover {  };
a:active {};


    In deinem Fall wäre also :hover von nöten zwinker


    Zuletzt modifiziert von glueckspilz am 30.07.2010 - 15:15:48
    Wir sind wieder online! zwinker
    externer Link
    externer Link
    0 Mitglieder finden den Beitrag gut.
  11. Fr. 30.07.2010 15:18 Uhr #11
    User Pic
    DAB-FX Mitglied
    Registriert seit
    10.02.2006
    Beiträge
    930
    Beitragswertungen
    11 Beitragspunkte
    in der index.hmt code 

    	<div id="header">
	<div id="login">{_boxes_login}</div>
	<div id="navigationall">
		<div id="dl_button_01"></div>
		<div id="about_button_01"></div>
		<div id="gallery_button_01"></div>
		<div id="forum_button_01"></div>
		<div id="contact_button_01"></div>
	</div>


    in der css 

    #dl_button_01{
background: url(Bilder/dl_button_01.png);
height: 39px;
width: 74px;
margin: 0px 0px 0px 540px;
float:left;
}


    hab doch bilder und kein text glücklich

    grüssle
    DAB
    externer Link

    externer Link
    0 Mitglieder finden den Beitrag gut.
  12. Fr. 30.07.2010 15:21 Uhr #12
    User Pic
    ekie Mitglied
    Registriert seit
    25.04.2008
    Beiträge
    528
    Beitragswertungen
    7 Beitragspunkte
    Ich versteh nur bahnhof lachen

    Was willst du genau machen?

    0 Mitglieder finden den Beitrag gut.
  13. Fr. 30.07.2010 15:23 Uhr #13
    User Pic
    glueckspilz Mitglied
    Registriert seit
    08.10.2009
    Beiträge
    302
    Beitragswertungen
    19 Beitragspunkte
    
#dl_button_01{
background: url(Bilder/dl_button_01.png);
height: 39px;
width: 74px;
margin: 0px 0px 0px 540px;
float:left;
}

#dl_button_01:hover{
background: url(neues bild);
height: 39px;
width: 74px;
margin: 0px 0px 0px 540px;
float:left;
}
    Wir sind wieder online! zwinker
    externer Link
    externer Link
    0 Mitglieder finden den Beitrag gut.
  14. Fr. 30.07.2010 15:49 Uhr #14
    User Pic
    DAB-FX Mitglied
    Registriert seit
    10.02.2006
    Beiträge
    930
    Beitragswertungen
    11 Beitragspunkte
    irgend wie will ds nicht 

    <div id="header">
	<div id="login">{_boxes_login}</div>
	<div id="navigationall">
		<div id="dl_button_01"></div>
		<div id="dl_button_02"></div>
		<div id="about_button_01"></div>
		<div id="gallery_button_01"></div>
		<div id="forum_button_01"></div>
		<div id="contact_button_01"></div>
	</div>



    css 
    #dl_button_01{
background: url(Bilder/dl_button_01.png);
height: 39px;
width: 74px;
margin: 0px 0px 0px 540px;
float:left;
}

#dl_button_02:hover{
background: url(Bilder/dl_button_02.png);
height: 39px;
width: 74px;
margin: 0px 0px 0px 540px;
float:left;
}



    müste doch richtig sein ?
    externer Link

    externer Link
    0 Mitglieder finden den Beitrag gut.
  15. Fr. 30.07.2010 16:32 Uhr #15
    User Pic
    annemarie gelöschter User
    hihihiihii 

    <div id="header">
    <div id="login">{_boxes_login}</div>
    <div id="navigationall">
        <div class="dl_button"></div>
        <div class="dl_button"></div>
        <div class="dl_button"></div>
        <div class="dl_button"></div>
        <div class="dl_button"></div>
        <div class="dl_button"></div>
        <div class="dl_button"></div>
        <div class="dl_button"></div>
    </div>
</div>


    .dl_button{
background: url(Bilder/dl_button_01.png);
height: 39px;
width: 74px;
float:left;
}
 
.dl_button:hover{
background: url(Bilder/dl_button_02.png);
}


    wenn du nur das wallpaper auf hover ändern willst, musst du nicht nocheinmal alle anderen angaben wiederholen zwinker

    auch ein margin auf den button zu packen ist etwas blöd.
    willst du das die buttons mit einem abstand nach links starten, so geb diesen abstand doch dessen parent


    Zuletzt modifiziert von annemarie am 30.07.2010 - 16:34:02
    0 Mitglieder finden den Beitrag gut.
  16. Fr. 30.07.2010 16:45 Uhr #16
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    Schau dir mal die FAQ hier an:
    externer Link

    Dort siehst du wie man Buttons mit Grafiken hinterlegst und nen hover hinzufügst. Hierbei ist das Display:Block für dich interessant. Durch die Angabe Von breite und höhe wird dann der gesamte Button ein Link, und nicht nur der Text.
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  17. Fr. 30.07.2010 18:07 Uhr #17
    User Pic
    annemarie gelöschter User
    display:block wäre in dem zusammenhang nur für den a tag relevant da er eigentlich ein inline element ist. einem div element display:block zu geben (wenn sonst nix anderweitiges definiert wurde) ist ungefähr so sinnvoll wie einem nassen hund den befehl zum stinken zu geben.
    0 Mitglieder finden den Beitrag gut.
  18. Fr. 30.07.2010 18:41 Uhr #18
    User Pic
    DAB-FX Mitglied
    Registriert seit
    10.02.2006
    Beiträge
    930
    Beitragswertungen
    11 Beitragspunkte
    naja habs anders geregelt glücklich lach ^^

    externer Link

    DESIGN----->> RAGNAROK

    navi überarbeite ich noch wenig glücklich footer noch und farben glücklich dann fertig ^^ 2 tage maraton glücklich lach


    Zuletzt modifiziert von DAB-FX am 30.07.2010 - 18:42:50
    externer Link

    externer Link
    0 Mitglieder finden den Beitrag gut.
  19. Fr. 30.07.2010 19:24 Uhr #19
    User Pic
    annemarie gelöschter User
    ne, nicht wirklich, die links in der liste haben ein display:block und auf :hover ändert sich das background, so wie ich in den letzten posts geschrieben hab zwinker
    0 Mitglieder finden den Beitrag gut.
  20. Fr. 30.07.2010 19:46 Uhr #20
    User Pic
    DAB-FX Mitglied
    Registriert seit
    10.02.2006
    Beiträge
    930
    Beitragswertungen
    11 Beitragspunkte
    ausnahme zu dir sorry glücklich
    externer Link

    externer Link
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten