CSS Img Laten Zien

Gestart doorRootzz11 reacties25 weergaven

12 berichten · pagina 1 van 1

Rootzz

Lid · Topicstarter

Berichten
1.245
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ik heb nu dit in mijn css:

margin:0 auto;
    background:#171717;
    border-color:#E7E7E7;
    border-style:solid;
    border-width:1px;
    font-weight:bold;
    font-size:14px;
       <img src="ac.png"/>


Ik ben geen pro in css, maar hoe laat ik hem wel de image zien, want nu staat er niks?
0
Berichten
359
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Wat heb je in je html bestand staan dan?
0
Rootzz

Lid · Topicstarter

Berichten
1.245
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ik heb geen html hij gebruikt met php maar daar kan ik het niet tussen zetten.
0
Berichten
1.561
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
background-image: url(ac.png);
width: ??px;
height: ??px;

In plaats van die vraagtekens moet je de breedte en hoogte van de afbeelding pakken.
0
Rootzz

Lid · Topicstarter

Berichten
1.245
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
@Frozenflame,
Maar dan gebruikt hij doe toch als gehele achtergrond?
0
Berichten
1.561
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Dan voeg je dit toe?

background-repeat: no-repeat;
0
Rootzz

Lid · Topicstarter

Berichten
1.245
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Maar nu staat hij in het loginform
Ik wil hem juist erboven hebben als logo
0
Berichten
1.561
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Heb je ook de html voor me? En welk deel van je CSS is dit?
0
Rootzz

Lid · Topicstarter

Berichten
1.245
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
De css:

body {
    background: #000000 url(back.jpg) repeat-x;;
    font-size:13px;
     text-align:center;
    color:#E7E7E7;
}
a {
    color:#E7E7E7;
}
#web {
    width:90%;
    margin:0 auto;
    padding:10px;
    text-align:left;
    background:#171717;
        height: 88px;
}
}
#header {
    padding:5px;
    font-size:16px;
}    font-weight:bold;


}
#footer {
    text-align:center;
    font-size:12px;
}
#logstable {
    width:100%;
    font-size:13px;
}
#logstable a{
    width:100%;
    font-size:13px;
}
#searchtable {
    width:100%;
    font-size:13px;
}
#logintable {
    margin:0 auto;
    background:#171717;
    border-color:#E7E7E7;
    border-style:solid;
    border-width:1px;
    font-weight:bold;
    font-size:14px;
}
#row0 {
    background:#E7E7E7;
    color:#171717;
    font-weight:bold;
}
#row0 a{
    color:#171717;
    font-weight:bold;
}
.row1 {
    background:#373737;
}
.row2 {
    background:#666666;
}
#navigation {
    margin:0px;
    padding:0px 0px 0px 0px;
    background:#373737;
    height:33px;
}
#navigation li {
    float:left;
    clear:none;
    list-style:none;
}
#navigation li a {
    color:#C57A00;
    display:block;
    padding:10px 18px;
    text-decoration:none;
    font-weight:bold;
}
#navigation li a:hover {
    color:#FFFFFF;
    background:#171717;
}
input {
    background-color:#373737;
    border-color:#E7E7E7;
    border-width:1px;
    border-style:solid;
    color:#E7E7E7;
}
select {
    background-color:#373737;
    border-color:#E7E7E7;
    border-width:1px;
    border-style:solid;
    color:#E7E7E7;
}
.page0 {
    height:19px;
    background-color:#373737;
    border-color:#E7E7E7;
    border-width:1px;
    border-style:solid;
    color:#E7E7E7;
}
.page0 a {
    text-decoration:none;
}
.page1 {
    height:19px;
    background-color:#171717;
    border-color:#373737;
    border-width:1px;
    border-style:solid;
    color:#373737;
}
#pages {
    font-size:14px;
    font-weight:bold;
    margin-top:5px;
    height: 20px;
}
#numbers {
    float:left;
}
#buttons {
    float:right;
}


En dit is de index:

$html       = "<html><head><title>newfun ";
    $header     = "</title><link rel=stylesheet type=text/css href=style.css/></head><body>
                <div id=web><div id=header><b>Welkom, ".$username."</b></div><div id=navigation><ul>
                <li><a href=?action=logs>Laat Alle Logs Zien</a></li><li><a href=?action=search>Zoeken</a></li>
                <li><a href=?action=exportall>Export Alle Logs</a></li>
                <li><a href=?action=logout>Uitloggen</a></li></ul></div><br>";
    $footer     = "<div id=footer>Newfun</div></div></body></html>";
    $searchform = "<form name=search method=POST action=?action=search>
                Search for: <input type=text name=q size=20> In: <select name=in>
                <option selected=selected value=1>Url</option><option value=2>Login</option>
                <option value=3>Password</option><option value=4>Computer</option>
                <option value=5>Date</option><option value=6>Ip</option></select>
                <input type=submit value=Search name=search></form>";
    $loginform  = "<form id=loginform name=frm method=POST action=?action=login>
                <table id=logintable cellpadding=0 cellspacing=10 border=0>
                <tr><td>Username:</td><td><input type=text name=username size=20></td></tr>
                <tr><td>Password:</td><td><input type=password name=password size=20></td></tr>
                <tr><td></td><td><input type=submit value=Login name=login></td></tr></form>";
0
Berichten
1.561
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Wat wil je nu precies hebben? Moet hij boven dit gedeelte komen?

0
Rootzz

Lid · Topicstarter

Berichten
1.245
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ja,,
Dus dat ie boven de login staat
0
Berichten
1.561
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
En zoiets werkt niet?

Afbeelding



Of moet het in je CSS?


#ac
{
    background-image: url(ac.png);
    width: ??px;
    height: ??px;
}
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren