CSS koppelen aan MySQL query

[Cidious]

Ik zit met een probleem, ik ben nog vrijwel een beginner als het gaat om PHP scripten MySQL.. met



Lijkt me voorzich spreken..


En dit is het gedeelte uit de stylesheet waar het om gaat:

code:

#header{
    background:url(../images/header.gif) 0 0 no-repeat;
    width:981px;
    height:274px;
    position:relative;
    margin:0 auto;
}
#header ul{
    background:url(../images/nav_bar.gif) 0 0 no-repeat;
    width:847px;
    height:29px;
    position:absolute;
    left:30px;
    top:6px;
    padding:0 0 0 72px;
}
#header ul li{
    background:url(../images/nav_div.gif) right top no-repeat;
    height:27px;
    float:left;
    padding:0 1px 0 0;
}
#header ul li a{
    display:block;
    background:url(../images/nav_bg.gif) 0 0 repeat-x;
    padding:0 14px;
    font:bold 11px/27px Arial, Helvetica, sans-serif;
    color:#344A04;
    background-color:inherit;
    text-decoration:none;
}
#header ul li a:hover{
    background:url(../images/nav_hover.gif) 0 0 repeat-x;
    color:#fff;
    background-color:inherit;
}
#header ul li a.hover{
    display:block;
    background:url(../images/nav_hover.gif) 0 0 repeat-x;
    color:#fff;
    padding:0 14px;
    font:bold 11px/27px Arial, Helvetica, sans-serif;
    background-color:inherit;
    text-decoration:none;
    cursor:text;
}
#header ul li.last{
    background-image:none;
    height:27px;
    float:left;
}

}
#header a.readMore:hover{
    background:url(../images/read_more_hover.gif) 0 0 no-repeat;
}

Zo zien de menu links er in simple html uit

code:

<ul>
<li><a href="index.php" class="hover">Home</a></li>
<li><a href="#">Over XXXXX.nl</a></li>
<li><a href="#">Waarom XXXXX.nl?</a></li>
<li><a href="#">Nieuws</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">Beheerders pagina</a></li>
<li class="last"><a href="#">Contact</a></li>
</ul>

dit moet het worden:



En dit is het meest begrijpelijke tot waar ik het nog overzichtelijk vind.. ik heb werkelijk ALLES geprobeert me <ul> en <li> tags aan alle kanten.. werkelijk wazig dit.

Ik hoop dat iemand mij kan uitleggen hoe ik CSS code correct in MySQL queries kan implementeren want ik zie de bomen door het bos niet meer.. ik heb video tutorials, alles gedaan.. maar kom er niet uit..

Thnx

[Voutloos]

Cidious schreef op dinsdag 15 januari 2008 @ 08:13:
Ik hoop dat iemand mij kan uitleggen hoe ik CSS code correct in MySQL queries kan implementeren want ik zie de bomen door het bos niet meer..

Ik zie niet echt een heldere vraag in je startpost, dus ik neem aan dat in deze zin je probleem zit. CSS en SQL hebben niets met elkaar te maken, je wil een dynamische scripttaal (PHP, ASP, etc. etc.) om je databasequeries te doen en het resultaat daarvan te outputten naar html (met css).

edit:
Excuus, ik zie nu dat je al PHP noemt.

Er zijn legio tutorials beschikbaar voor het ophaen en weergeven van data uit een enkele tabel, je zou zelfs met de documentatie van functies als mysql_fetch_assoc() een heel moeten kunnen komen.

[ Voor 21% gewijzigd door Voutloos op 15-01-2008 08:30 ]

[Cidious]

Voutloos schreef op dinsdag 15 januari 2008 @ 08:22:
[...]
Ik zie niet echt een heldere vraag in je startpost, dus ik neem aan dat in deze zin je probleem zit. CSS en SQL hebben niets met elkaar te maken, je wil een dynamische scripttaal (PHP, ASP, etc. etc.) om je databasequeries te doen en het resultaat daarvan te outputten naar html (met css).

hmmm ok.. dus ik moet uit de query een variable gaan plukken en daarmee gaan gaan echoen in de context van een css verwijzing?

ik heb nu dit (ben back to basic gegaan omdat ik er gewoon niet uitkom):

code:

    <?php
        // Perform database query


        $subject_set = mysql_query("SELECT * FROM menu_onderwerpen", $connection);
        if (!$subject_set) {
            die("Database query failed: " . mysql_error());
        }
        while ($subject = mysql_fetch_array($subject_set)) {
            echo "<li>{$subject["menu_name"]}</li>";
        }   
    ?>

daarmee tover ik alle menu-namen op het scherm in lijstvorm maar ik wil ze niet in lijstvorm.. ik wil ze in de css stijl..

moet ik meer aan iets als dit denken:

code:

    <?php
        // Perform database query
        $subject_set = mysql_query("SELECT * FROM menu_onderwerpen", $connection);
        if (!$subject_set) {
            die("Database query failed: " . mysql_error());
        }
        while ($subject = mysql_fetch_array($subject_set)) {
            return $subject["menu_name"];
        }
    echo "<ul class=\"hover\">{$subject[menu_name"]}</ul>";
    ?>

of zo iets?? want ik zou het echt niet weten..

EDIT:
Ik denk dat ik de vraag niet helemaal goed geformuleerd heb.. ik ben niet een TOTALE leek op script gebied ofzo.. er zitten alleen gewoon nog een boel gaten.. en raak gauw de weg kwijt in alle termen.. en alle regels die aan die termen verbonden zijn..

Mijn vraag is dus.. HOE krijg ik het lijstje met opgehaalde database info in mijn CSS stijl op het scherm getovert.. moet dat IN de query? moet dat erna? moet ik daar nog andere toverkunsten voor uit halen? op google kan ik echt bijna niks vinden:S heb al 2 video tutorials gedaan.. 1 van 4 uur en 1 van 5 uur.. heb al 1 boek gelezen.. alle php tutorials op internet zo'n beetje gedaan..

[ Voor 17% gewijzigd door Cidious op 15-01-2008 08:40 ]

[f.v.b]

Cidious schreef op dinsdag 15 januari 2008 @ 08:13:
dit moet het worden:

[afbeelding]

En zo ziet het er nu niet uit? Als ik je CSS bekijk, dan ziet het er verder goed uit. Er zit een tweede '#header ul li a:hover' in die volgens mij weg zou mogen. En je hebt waarschijnlijk nog steeds stippen aan de linkerkant van de menu items. Die kun je weghalen door een 'list-style-type: none;' op de li's te zetten:

code:

#header ul li{
    background:url(../images/nav_div.gif) right top no-repeat;
    height:27px;
    float:left;
    padding:0 1px 0 0;
    list-style-type: none;
}

In de voorbeeld html van de navigatie staat overigens een verwijzing naar de site waar je mee bezig bent: <li><a href="#">Over [...knip...].nl</a></li>

[SystemF]

Beetje off-topic...maar als je je best probeert te doen om je sitenaam te verbergen, check dan al je scripts...nu staat het er verderop nog in!

[Cidious]

SystemF schreef op dinsdag 15 januari 2008 @ 08:37:
Beetje off-topic...maar als je je best probeert te doen om je sitenaam te verbergen, check dan al je scripts...nu staat het er verderop nog in!

hahahah het boeit mij niet zo..
heb zo mijn orders gekregen.. maar zal het voor de goede orde even goed aanpassen
thnx;)

[ Voor 17% gewijzigd door Cidious op 15-01-2008 08:41 ]

[Cidious]

f.v.b schreef op dinsdag 15 januari 2008 @ 08:37:
[...]

En zo ziet het er nu niet uit? Als ik je CSS bekijk, dan ziet het er verder goed uit. Er zit een tweede '#header ul li a:hover' in die volgens mij weg zou mogen. En je hebt waarschijnlijk nog steeds stippen aan de linkerkant van de menu items. Die kun je weghalen door een 'list-style-type: none;' op de li's te zetten:

code:

#header ul li{
    background:url(../images/nav_div.gif) right top no-repeat;
    height:27px;
    float:left;
    padding:0 1px 0 0;
    list-style-type: none;
}

Nee het ziet er nu zo uit:



Logisch lijkt me dat nu.. maar ik zou niet weten hoe het nu anders moet...

[ Voor 35% gewijzigd door Cidious op 15-01-2008 08:53 ]

[HTeK]

Misschien een stomme opmerking, maar staat je lijst wel binnen een div met als id header ? Want zo te zien krijgt je lijst gewoon geen enkele css mee.

[Cidious]

HTeK schreef op dinsdag 15 januari 2008 @ 09:03:
Misschien een stomme opmerking, maar staat je lijst wel binnen een div met als id header ? Want zo te zien krijgt je lijst gewoon geen enkele css mee.

Ja dat is wel het geval.

code:

code]

<html>
<head>
<title>XXXX.nl</title>

<link href="stylesheets/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {font-size: 14px}
-->
</style>
</head>
<body>
<!--header start -->
<div id="header">
        
    <?php
        // Perform database query


        $subject_set = mysql_query("SELECT * FROM menu_onderwerpen", $connection);
        if (!$subject_set) {
            die("Database query failed: " . mysql_error());
        }
        while ($subject = mysql_fetch_array($subject_set)) {
            echo "<li>{$subject["menu_name"]}</li>";
        }    
    ?>

<a href="index.php"><img src="images/fvlogowhite.png" alt="XXXX.nl" width="330" height="110" border="0" class="logo" /></a>
<h1>XXXXXXXXX</h1>
<p align="center" class="topText style1">XXXXXXXXX</p>
<a href="../../forum/" target="_blank" class="readMore"></a></div>
<!--header end -->
<!--body start -->
<div id="body">

Is de hele header code.. header.php wel te verstaan.. die ik heb included in alle andere pagina's met

code:

<?php include("includes/header.php"); ?>

dus ik zou het echt niet weten..

Hier is een kopietje van me page source.. misschien dat jullie daar iets mee kunnen..het lijkt mij erop dat de stylesheet helemaal wordt genegeerd met de tekst..

code:

<html><head>
<title>XXXXXXXXXX.nl</title>

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

</head>
<body>
<!--header start -->
<div id="header">
        
<ul>Home</ul><ul>OverXXXXXXXXXX</ul><ul>Waarom XXXXXXXXXXX.nl?</ul><ul>Nieuws</ul><ul>Forum</ul><ul>Partners</ul><ul>Beheerders pagina</ul><ul>Contact</ul>

<a href="index.php"><img src="images/fvlogowhite.png" alt="XXXXXXXXXXX.nl" width="330" height="110" border="0" class="logo" /></a>
<h1>XXXXXXXXXXX</h1>
<p align="center" class="topText style1">XXXXXXXXX</p>
<a href="../../forum/" target="_blank" class="readMore"></a>

</div>
<!--header end -->

Ben er uit mensen!

door goed naar de page source te turen van de originele links kwam ik erachter dan de query als volgt moest worden:

code:

    <ul>
    <?php
        // Perform database query


        $subject_set = mysql_query("SELECT * FROM menu_onderwerpen", $connection);
        if (!$subject_set) {
            die("Database query failed: " . mysql_error());
        }
        while ($subject = mysql_fetch_array($subject_set)) {
                echo "<li><a>{$subject["menu_name"]}</a></li>";
       }    
    ?>
    </ul>

Alleen nu nog zorgen dat ze ook weer oplichten als ik er met mijn muis overheen ga..

[ Voor 149% gewijzigd door Cidious op 15-01-2008 09:59 ]

[TeeDee]

Lijkt mij, als dit inderdaad de relevante code is, dat je voor dat je de loop ingaat nog even een

PHP:

echo "<ul>";
//start je loop
//klaar met loopen
echo "</ul>"

Wat ik beter kan aanraden: kijk gewoon eens naar je html output. Daar klopt namelijk geen kont van.

edit Ah, daar ben je nu zelf ook achter

[ Voor 8% gewijzigd door TeeDee op 15-01-2008 10:03 ]

[RM-rf]

Use the 'View Source', Luke!

Kijk bij het debuggen niet naar je ongeparsede php-code en wat je denkt dat deze als output gaat geven (tenzij er sprake is van foutmelding van de php-engine, dan ligt de fout bij php), maar valideer gewoon direkt je ge-ouputte HTML-code en je vind heel snel waar je precies de fout ingegaan bent; bv door het vergelijken met je eerder gemaakte 'statische html-code'.

[ Voor 10% gewijzigd door RM-rf op 15-01-2008 10:14 ]

[Bozozo]

Dat laatste ifje kun je ook zo doen:

$result = mysql_query(...) or die(mysql_error());

Scheelt weer een ifje in elke page request

[Cidious]

Bozozo schreef op dinsdag 15 januari 2008 @ 10:18:
Dat laatste ifje kun je ook zo doen:

$result = mysql_query(...) or die(mysql_error());

Scheelt weer een ifje in elke page request

sjah. heb er al een function van gemaakt.. maar bedankt voor de tip!

ben momenteel nog niet echt bezig met vooruit ant kijken.. omdat ik gewoon geen flauw idee heb van wat er allemaal nog komt.. hahah vink ook wel leuk.. maar tis iig erg tijdrovend.. en sommige dingen van php vind ik erg inefficient.. niet dat ik Enorm veel meer efficientere talen tegen ben gekomen.. maar vind sommige dingen van php toch wat onhandig.. ben blij dat er nog aan gesleuteld wordt en ik denk dat dit over paar jaartjes echt helemaal verfijnd is..