This week's book giveaway is in the Testing forum.
We're giving away four copies of Data Structures the Fun Way: An Amusing Adventure with Coffee-Filled Examples and have Jeremy Kubica on-line!
See this thread for details.
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
  • Campbell Ritchie
  • Tim Cooke
  • Devaka Cooray
  • Ron McLeod
  • Jeanne Boyarsky
  • Liutauras Vilda
  • paul wheaton
  • Junilu Lacar
Saloon Keepers:
  • Tim Moores
  • Stephan van Hulst
  • Piet Souris
  • Carey Brown
  • Tim Holloway
  • Martijn Verburg
  • Frits Walraven
  • Himai Minh

Need ideas on what looks good?

Ranch Hand
Posts: 335
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Ok, so basically I am making my first attempt here at a photography website which will ultimately be my fathers. No pressure right? Anyway im just not sure on what to do on certain things like the background, the button at the beginning on how that should be styled. So let me go over this, and the code will be provided.

So, when the page loads the background is a picture of a lighthouse here in Charleston, SC, with some text, a hr, and a button that you can click, and it will take you to the first set of photos. This screen is using the bootstrap grid to make it responsive, and a bootstrap button for the heck of it. But that buttons so clunky and boring that i just changed the opacity a little so its not just a big gray button. What could I do to make that look good? or what do you generally do with buttons?

When the button is clicked it goes to the first set of photos called wildlife.html. Waiting on my father to provide his images, so I just googled one to use. Now the navbar uses bootstrap, but the images themselves use css flex box. Just to put what I learned to use I used them both. Now the flex wrap makes the page responsive already, but because it wraps especially when the screen gets smaller everything gets pushed to the left leaving a lot of white space on the right. So I used a media query to center everything to eliminate having all that space on the right side. Good idea?

The other thing is the background for that page. All the other links/pages with photos are going to have the same layout as the wildlife, but I go from a nice img background at the start to right now just a blank background. I dont know what to do with the background? Ive tried looking at other photography websites, but honestly nothing to make me inspired. What do you think? thoughts? suggestions? Feedback?

last thing is im not gonna keep those borders on the img...was more of a testing thing

the landing page

its css


There's a way to do it better - find it. -Edison. A better tiny ad:
the value of filler advertising in 2021
    Bookmark Topic Watch Topic
  • New Topic